WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Problems with role="tree" (minimal example)

for

From: Alexander Karelas
Date: May 11, 2018 11:27PM

I'm sorry for my previous email, where I showed you my entire website.
It was unnecessarily complicated.

Here's a minimal example with my question:

http://s3.karjala.org/tree.html

In this example, we have a <header> and a <role="region"> containing a
tree with two items.

My question is: how does somebody navigate this page (using NVDA)?

If they choose to click 'd' and 'shift+d' to browse through <header> and
role="region", and they end up on region, how do they then switch to the
tree in focus mode?

If they press Enter while on the region, or NVDA+Space, they hear the
clicking sound, but the current tree item doesn't get read out.

The only way I managed to have the active treeitem read, is by pressing
the Tab key, but I think that might not be an optimal way to surf to the
tree, as it will first cycle through all of the links of the page, which
could be many.

So what am I doing wrong on my page? How do I solve it? Is it possible
that this could be an imperfection of NVDA?

Removing the region that wraps the tree doesn't seem right, because then
the 'd' key cannot be used to surf to the tree, only the Tab key will
do, which has the problem I mentioned above

What do I do? How does someone use this page?

Any help will be greatly appreciated. Thanks.