selectize.js icon indicating copy to clipboard operation
selectize.js copied to clipboard

Incorrect role is being assigned to combo box; it is impacting accessibility of the control.

Open Kirank915 opened this issue 10 months ago • 1 comments

User Experience: Visually impaired people who use screen reader will not be able to know the purpose of control if the incorrect role is defined as textbox for control.

Note: User credentials should NOT be included in the bug.

Repro Steps:

  1. Open URL: aka.ms/ipamui and login with valid credentials.
  2. Home page appears
  3. Navigate to search field on top header and search Ip address "100.80.0.0/15" and navigate to "Request details" tab.
  4. Navigate all controls under the "Request details" page and navigate to table and select "Ip Address link".
  5. Navigate all controls on main page and navigate to header controls and select "IPV6" and navigate all controls under "IPV6" and select "Edit" button on table.
  6. Navigate to all controls under "Edit allocation" dialog like "ID and prefix."
  7. Verify the issue.

Actual Result: Incorrect role as textbox is defined for the "Reuse scope, tag name, tag value" controls present on the "edit allocation dialog. Screen reader is announcing the information as "Reuse scope none dash edit".

Expected Result: Correct role as "combo box" should be defined for the "Reuse scope, tag name, tag value" controls present on the "edit allocation dialog. Screen reader should announce the information as "Reuse scope combo box collapsed/expanded".

Kirank915 avatar Mar 28 '24 05:03 Kirank915