508 compliance column headers sorting

508 compliance column headers sorting

dkdewittdkdewitt 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

  • allanallan Posts: 61,972Questions: 1Answers: 10,160 Site admin

    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

  • dkdewittdkdewitt Posts: 2Questions: 1Answers: 0

    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.

Sign In or Register to comment.