Results List: clean up aria roles

Description

When using a screenreader, it is difficult to navigate the results list. The screenreader user expects s/he can use table commands but is unable.

Requirement

  • Remove unnecessary ARIA roles (See screenshot)

  • Update aria-label of the root container.

  • Validate with a screenreader that list navigation commands can be used.

Approach

The MCL has an incorrect aria-label that's hard-coded to say "Table" Navigating it as a list is more accurate and will conform to future adjustments to the layout of result items.

With this approach `grid*` roles can be removed.

Test method
Screenreader

Testing Steps

  1. Go to Inventory app

  2. Conduct a search

  3. Navigate the results list using a screenreader

Environment

None

Potential Workaround

None

Attachments

1

Checklist

hide

TestRail: Results

Activity

Show:

John Coburn January 30, 2019 at 11:10 PM

PR's open on both stripes-components and stripes-smart-components for this...
FWIW, Axe giving MCL a clean bill of health now.
After side-by-side comparison, screen-reader navigation and announcement matches the HTML table counterpart with the addition of announcing an accurate result count.

Done

Details

Assignee

Reporter

Priority

Sprint

Fix versions

TestRail: Cases

Open TestRail: Cases

TestRail: Runs

Open TestRail: Runs
Created October 11, 2018 at 6:31 PM
Updated March 8, 2019 at 7:08 PM
Resolved February 5, 2019 at 3:32 PM
TestRail: Cases
TestRail: Runs