WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: aria-label issue with JAWS

for

From: Kakarla Meharoon
Date: Jul 18, 2018 3:21AM

Hi,

The issue is related to tree structure we are using ul and li for the tree
items and tree elements or nodes having check boxes also so thats the
reason if we add role="tree" for the ul wrapper and aria-label the labels
are not read out by the screen reader.
So we have done custom approach here

Because JAWS is preventing the preferred arrow key navigation from working
(as noted below, it is fine when the screen reader is not active).

This is why we are deliberately changing to tabstop triangular icons and
enter to expand/collapse. It also improves the visibility of the tree when
scrolling with arrow keys, as the visibility now follows the tab focus
(previously it could be lost/scrolled offscreen).

The issue of JAWS interfering with the arrow key navigation occurs for
example in the official Kendo UI Tree keyboard navigation demo (fine
without JAWS, broken when screenreader is active):