mono icon indicating copy to clipboard operation
mono copied to clipboard

test(a11y): Drawer doesn't get attention by screenreader users

Open mfranzke opened this issue 1 year ago • 1 comments

Which generators are impacted?

  • [X] All
  • [ ] HTML
  • [ ] React
  • [ ] Angular
  • [ ] Vue
  • [ ] Web components
  • [ ] Power Apps

Reproduction case

  • Open https://db-ui.github.io/mono/review/main/components/drawer
  • Interact with one of the buttons to open the drawer
  • The opened drawer isn't getting announced to screenreader users
  • The focus isn't moved to the drawers content

Expected Behaviour

Screenreader users would know the drawers state (like that it has been opened).

Screenshots

No response

Browser version

None

Add any other context about the problem here.

WCAG 4.1.3 Status Messages

mfranzke avatar Jan 05 '24 05:01 mfranzke

This issue could be tricky... https://adrianroselli.com/2020/10/dialog-focus-in-screen-readers.html

nmerget avatar Apr 19 '24 10:04 nmerget