Accessibility of column visibility button
Accessibility of column visibility button
LeeA
Posts: 6Questions: 1Answers: 0
I'm evaluating the accessibilty of DataTables for a project and I'm almost on-board, but the column visiblity menu control is an issue due to not conforming to the latest ARIA 1.1 authoring practices for menus. I want to help make your widget accessible for all users so I've listed what's done right and what needs work.
The good:
* Column visibility button utilizes the "aria-haspopup" attribute to indicate that a menu is attached.
* Menu container has the appropriate "menu" role.
* Keyboard focus returns to the column visibility button when closing menu with Esc key.
The bad:
* Column visibility button is missing the "aria-expanded" attribute.
* Menu item buttons are missing the role="menuitem" attribute.
* Menu item buttons should not be placed in tab order.
* Keyboard focus not set to the first menu item/button when the menu is opened.
* Menu displayed in what visibly appears as a modal dialog, but does not have dialog structure or expected keyboard interactions which is confusing from keyboard-only user perspective.
I suggest that the DataTables dev team take a look at the code examples from the W3C and from Heydon Pickering to ensure that the all users can interact with the column visibility menu.
Keep up the great work!
Answers
Oops, I posted to the wrong section in the forum...
Duplicate posted here.