508 compliance column headers sorting
508 compliance column headers sorting
dkdewitt
Posts: 2Questions: 1Answers: 0
508 compliance states that column headers that are interactive should be buttons. Is there a way to easily use button elements in the column headers that are interactive (sorting etc)? See this github comment with deque about thise requirement.
https://github.com/dequelabs/axe-core/issues/3985
Deque Axe IGT keyboard test is failing since the generated element for column headers are not buttons but are interactive.
Answers
How can a table header element (which by definition is a
thelement) be abutton?I see thuey in github has suggested that there could be a child element which is a button. That would be perfectly valid and we could do that (in fact I do plan that in future), but we've never had any accessibility issues with the header before, and those using assistive technology that we've had feedback from have never mentioned it as a problem.
What test are you running on the page? I assume it is some automated test?
Allan
Sorry yes I meant the child element.
This is the Deque Axe chrome extension Intelligent Guided Tests for keyboard. They have a free trial of the IGT tests
https://deque.com/axe/devtools/
Image attach of the test in the chrome extension (keyboard test is highlighted)
I did run on example on main page of datatables.net and got the same issue.