WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Problems with role="tree"

for

From: Jonathan Pool
Date: May 12, 2018 1:36PM

Thanks for describing this problem and providing a minimal example. Not having worked on this issue, I cannot offer any advice yet. Jason Kiss has produced some good information at:

http://accessibleculture.org/articles/2013/02/not-so-simple-aria-tree-views-and-screen-readers/#screenreaders

> From: Alexander Karelas < <EMAIL REMOVED> >
> Subject: [WebAIM] Problems with role="tree" (minimal example)
> Date: 11 May, 2018 at 22:27:34 PDT
> To: WebAIM Discussion List < <EMAIL REMOVED> >
>
>
> 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.