Details
Description
See https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html
This criterion is very wide in its scope and it's not easy to automate the testing of it or say when something is "good".
When checking the action-menu (screenshot with the DOM) , I realized it can definitely be improved regarding accessibility.
The classes are not read out by assistive technologies, so a non-sighted user wouldn't easily make a difference between headers and the other items (except when understanding that the titles are the only list items that do not contain anchors). Moreover, I wouldn't recommend using separators in a list if you can avoid it as it can mess up the number of items read out. See our discussion earlier in 2023 about separators.
There are two small subtasks I can identify:
- set semantically significant titles
- remove separators items from the list and/or use css separators instead.