Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Accessible labels for column header filter text boxes #4673

Open
lordofthemoon opened this issue Jan 30, 2025 · 0 comments
Open

Accessible labels for column header filter text boxes #4673

lordofthemoon opened this issue Jan 30, 2025 · 0 comments
Labels
Suggested Feature A suggested feature that is waiting review

Comments

@lordofthemoon
Copy link

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

@lordofthemoon lordofthemoon added the Suggested Feature A suggested feature that is waiting review label Jan 30, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Suggested Feature A suggested feature that is waiting review
Projects
None yet
Development

No branches or pull requests

1 participant