508 compliance column headers sorting

dkdewitt

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.

allan

How can a table header element (which by definition is a th element) be a button?

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

dkdewitt

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.