Details
-
Bug
-
Resolution: Duplicate
-
Low
-
None
-
8.20.1
-
8.2
-
Severity 3 - Minor
-
Description
Issue Summary
The element has an invalid ARIA attribute (a misspelled attribute or one that does not exist).
Element: Search input field.
Location: On expanding the Columns button on the top right.
In this scenario:
1. It is reading the first element of the checkboxes eg: Affects Version/s instead of reading the search input field element. This is because of having the attribute " aria-activedescendant='versions-1' ". If you remove this attribute it is reading the input field element.
2. Provide invalid ARIA attributes like role="Combobox" and aria-expand="true" for the search input field.
3. Provide descriptive labels if needed for the search input field.
Steps to Reproduce
- Step 1
Actual Results
Actual results
Expected Results
Expected Results
Fix Information
RULE :
The name, role, value, states, and properties of user interface components MUST be programmatically determinable by assistive technologies.
HOW TO FIX:
Fix this issue by using the appropriate ARIA roles, states, and properties.
REFERENCE:
WAI-ARIA Recommendation: https://www.w3.org/TR/wai-aria-1.1/
WAI-ARIA Authoring Practices: https://www.w3.org/TR/wai-aria-practices-1.1/
BACKGROUND:
Every user interface control must have a role along with any applicable states and properties so that screen reader users know how to interact with the control. Native HTML elements - such as <button>, <a>, <input>, <select> - already have a role, and their necessary states and properties - such as the checked/unchecked state of a checkbox - are automatically conveyed so nothing more needs to be done. If you create a custom version of a native HTML element or a custom control or widget that does not have a native HTML equivalent, you must add the relevant role(s) and any applicable states and properties using ARIA as well as expected keyboard interactions.
Screenshot
Screen Recording
screen recording
Workaround
workaround
Bug Ref: 724384
Attachments
Issue Links
- is duplicated by
-
JRASERVER-73415 Search Issue - Columns popup: checkbox elements are not accessible to screen reader users
- Closed