Hi! I am trying to implement a basic tree role as described in WAI-ARIA.
A simple tree like this gets interpreted with role=“outline” in the Accessibility inspector, which is not a role specified in ARIA.
<ul role="tree" tabindex="0">
<li role="treeitem" tabindex="-1" aria-level="1" aria-setinpos="1" aria-expanded="true">
foo
</li>
</ul>
The warning you is this (Interactive elements must be able to be activated using a keyboard):
https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Keyboard#interactive_elements_must_be_able_to_be_activated_using_a_keyboard
You can clearly activate this element (using tab) so this is a false warning right?
Some screenshots from my browser inspection of a similar example:
This example at W3 also gives the same result and warning when inspected:
https://www.w3.org/TR/wai-aria-practices-1.1/examples/treeview/treeview-1/treeview-1b.html#ex1
So two questions…
- Why is the tree role overwritten as an outline role (doesn’t exist in aria)?
- Why do I get this warning when it’s clearly not applicable?
Browser: Firefox 84.0.2
OS: MacOS Mojave 10.14.6