eui icon indicating copy to clipboard operation
eui copied to clipboard

[EuiSelectable] Screen reader arrow navigation experience is broken on Safari+VO

Open cee-chen opened this issue 1 year ago • 1 comments

This is reproducible on the baseline EuiSelectable component on production: https://eui.elastic.co/#/forms/selectable

vo_bug

Note how when navigating down/away from an item, it re-announces the previous item and its state, but does not announce the new item's state until it's navigated away from.

Originally posted by @cee-chen in https://github.com/elastic/eui/issues/7715#issuecomment-2103433362

Several other notes:

  • Not broken on Firefox+VO
  • Fully working in JAWS+NVDA
  • It is very unclear whether the issue is with our markup or Safari itself 😞

cee-chen avatar May 09 '24 21:05 cee-chen

At this point, we're not totally sure what we can do here, but we did want to have this tracked in the EUI repository as a known issue.

We're not sure that there's actually anything we can do on our end, we suspect that this is an issue in Safari. If we can find a related but for Safari that we can link here, we will. We're going to add the "blocked" tag for now indicate this.

JasonStoltz avatar May 13 '24 16:05 JasonStoltz