I’m working on an app that will be accessed by users with visual impairments. I’m trying to make my app “accessible”, but I’ve found that my datatables fail accessibility checks for two reasons:
The select column in my datatable does not have data in the header. This field is blank. I believe there is a way for me to add text to the header for the select column (e.g., “Select”), but I’m not sure how.
The checkboxes in the select column do not have labels. Every form element is supposed to have a label as noted here: https://dequeuniversity.com/rules/axe/3.3/label?application=AxeChrome