Details
-
Bug
-
Resolution: Fixed
-
High
-
7.16.2
-
Severity 2 - Major
-
Description
Issue Summary
On "Create team space" modal dialog the "Team member" element appears and functions like a combo-box but it is missing required ARIA roles and attributes. In addition the label is not announcing for "Team member" element.
Steps to Reproduce
- Navigate to "Spaces" button present in header region and activate it.
- Navigate to "Create a space" link and activate it. Observe that create a space modal dialog appears on page.
- Navigate to "Team Space" element and activate it.
- Navigate to " Team member" element and observe screen reader announcement.
Actual Results
The "Team member" element is announcing as "Edit text" inappropriately for screen reader users. This element appears and functions like a combo-box but missing ARIA role and attributes. When the role and attributes of an interactive element are not exposed to assistive technologies appropriately through code, screen reader users might not be able to interact with the element effectively.
Expected Results
The element "Team member" should be coded with role="combobox" with aria-autocomplete="list" and aria-expanded attribute. The state of aria-expanded attribute should be set according to user interaction. In addition the label of element should announce by screen reader for this label should be explicity associated with "Team member" input field.
Screenshot
Bug Ref: 721195