search

daisy / ace-gui

Ace by DAISY App, the official graphical user interface for the EPUB accessibility checker developed by the DAISY Consortium, available for the Windows, MacOS and Linux desktop operating systems.
MIT License
18 stars 6 forks source link

Provide screen reader support for the filters #27

Open ways2read opened 6 years ago

ways2read commented 6 years ago

Screen reader experience when setting and changing filters is poor.

System: Windows 10 build 1803, with NVDA and Narrator.

To replicate: Run an Ace report Move to the Violations tab and select it Move further down to Filter by button which should be collapsed. Expand it (with space) and with a screen reader you hear "Expanded". Tab into the filter boxes and you will hear "Edit". There are four filter boxes across the screen, these are impact, rule set, rule and location. This text is shown on the screen in each edit box. As you move between the boxes it is not obvious with a screen reader which one you are in. With NVDA it says edit, Narrator is silent. Alt + down opens a list. With NVDA the list immediately disappears if you try to move down it. With Narrator it behaves better, but the lists are completely silent. If you manage to add a filter it is added to the edit box, but this is not announced by the screen reader. It is not possible to determine which filters are set.

marisademeglio commented 5 years ago

Development note: the current filters are created with react-select (https://react-select.com/home)

marisademeglio commented 5 years ago

There is a chance the component we use will get updated with better a11y support, but it's hard to tell from the issues what the timeline is: https://github.com/JedWatson/react-select/issues/2456

nvdaes commented 5 years ago

Seems edit boxes are not labelled by their corresponding headings. Also, the tooltips read, for example "press arrows to open a menu" (to select an option like moderate and so on, are not localized (always read in English). While this is nt fixed, baybe useful some kind of documentation explaining that screen readers may prefer to use browser mode (in NVDA), virtual cursor in JAWS, etc.