Table header elements are not given role button
ksarkerhy opened this issue · comments
Description
Describe the issue.
We are consumers of iggrid, and it has been used for various features in our application. During a recent evaluation by a third-party accessibility vendor, it came to our attention that there is no button role or tag used in table header elements of igGrid. Even though they can be used as buttons to sort the columns. This is necessary according to the WCAG 2.0 Level A guideline 4.1.2 - Name, Role, Value.
- ignite-ui version: Any
- browser: Any
Steps to reproduce
- Go to the sample.
- Use NVDA or another accessibility tool.
- Navigate to table header elements Employee ID, First Name, etc.
Result
The screen reader is reading "Employee ID column header Sort column row 1 Employee ID column 1"
Expected result
The screen reader should read the elements as button.
Using role="button" or using proper
Attachments
