An option roled element within a listbox is missing a label or accessible name
| Field | Value |
|---|---|
| Rule code | Manual_Option_Name_Missing |
| WCAG conformance level | A |
| WCAG success criterion | 4.1.2 Name, Role, Value |
| Must be fixed at source | No |
Description
Listbox elements present a list of options and allow users to select one or more. We detected an option roled element missing inner text or an accessible name. When using the ARIA listbox role, all child option elements must have text or text equivalents via the aria-label attribute. Without this accessible labelling, screen readers may struggle to convey what the options represent.
How to fix
A listbox element with the listbox role requires all descendant option elements to include a label or text. You can leverage the aria-label attribute or you can leverage the option`s inner text as its own label.