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

Accessibility: Select box has no description #240

Open
eserkansozer opened this issue Feb 17, 2021 · 0 comments
Open

Accessibility: Select box has no description #240

eserkansozer opened this issue Feb 17, 2021 · 0 comments

Comments

@eserkansozer
Copy link
Contributor

eserkansozer commented Feb 17, 2021

Version: 1.3.1
Browser: Chrome
Plugin to run: Siteimprove

It seems there is an accessibility issue which prevents WCAG 2 A standard compatibility.

Error description from Siteimprove accessibility testing tool report based on WCAG 2:

"Drop down menus (select boxes or role="listbox") should always have a description that is explicitly associated with the field to make sure that users of assistive technologies will also know what the field is for.

If the drop down menu (select box or role="listbox") has a visible description indicating the purpose of the menu, this description should be explicitly associated to the input drop down menu either as a HTML label or using the WAI-ARIA attribute 'aria-labelledby'.

If it is not possible to add a visible description, either add a mouseover text ('title' attribute) to the drop down menu or create an invisible label using the WAI-ARIA attribute 'aria-label'."

An aria-labelledby attribute should be added to the "menu" div with role="listbox" to fix the accessibility issue. This may be an optional parameter in initialization.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant