Axon 911 Frontend Docs
    Loading navigation…
U
User
Switch to light mode
  1. Primitives
  2. Grid
  3. Accessibility

Grid

Accessibility

Grids do not imply reading order—set DOM order to match visual order for keyboard and screen reader users. Avoid reordering solely with CSS grid placement without testing focus paths. When useContainerQueries changes column count, ensure content reflow does not strand interactive controls off-screen. A subgrid changes only which tracks a nested Grid's children sit on. The nested Grid keeps its element and role, so an article card or a labelled section keeps its name, unlike a display: contents wrapper. Cards still read card by card in DOM order, even when their parts line up across a row.
Previous
Grid / API and Development
Next
Icon / Usage