eui icon indicating copy to clipboard operation
eui copied to clipboard

[EuiDatePicker][COGNITION]: Add an `aria-live="polite"` attribute to the timestamp string container

Open 1Copenut opened this issue 3 years ago • 4 comments

Description

Our EuiDatePicker component ( https://eui.elastic.co/#/forms/date-picker ) has a aria-live="off" attribute on the top-level DIV. This appears to be a change from the past where it was assertive. We still need to let users know something changed, but it would be better to announce the timestamp string by adding a live region around the container. Screenshot below.

I'm proposing we move the live region to wrap the calendar and time picker only, retest with screen readers (JAWS, NVDA, VO) and re-evaluate if the experience is better, worse, or about the same.

Screenshot below.

Guidance

  • https://www.w3.org/WAI/WCAG21/Understanding/meaningful-sequence.html
  • https://www.w3.org/WAI/WCAG21/Understanding/status-messages.html

Screenshot 2024-04-23 at 10 24 22 AM

1Copenut avatar May 31 '22 19:05 1Copenut