A11y Grid | Rendering and Ordering

[NicholasHallman]

Phase 1 of the accessible grid component. Implements a similar strategy to the filter component where the grid-cell elements are not rendered but instead act as the data model. This way, developers can map over an array of item and the grid will order them into the semantically accessible reading order.

Functional Testing (Demo QA)

• Items that are added to the grid in a bad order are corrected by the grid
• Screen reader properly identifies the grid label on scan
• Screen reader reads out the content of the cells, and the row and column position
• Alt navigation allows the screen reader to move through the grid in all dimensions

[github-actions]

Thanks for the PR! 🎉

We've deployed an automatic preview for this PR - you can see your changes here:

URL	https://live.d2l.dev/prs/BrightspaceUI/labs/pr-986/

Note

The build needs to finish before your changes are deployed.
Changes to the PR will automatically update the instance.