Accessible labels for column header filter text boxes
Is your feature request related to a problem? Please describe.
UK public sector requires websites and applications to comply with WCAG 2.1 AA or greater. Section 2.4.6 of the WCAG spec discusses headings and labels. MDN says that this can be met by ensuring that all form elements are labelled.
When column header filters exist for a Tabulator table, there is no label for the text boxes.
Describe the solution you'd like
Use the title of the column as the label for the header filter text box. The <input> elements would need IDs that the title <label>s can reference
Describe alternatives you've considered
None
Additional context Add any other context or screenshots about the feature request here.
WCAG guidelines: https://www.w3.org/TR/WCAG21/#headings-and-labels https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Text_labels_and_names#form_elements_must_be_labeled
Source: tabulator-tables/tabulator