Re: Grids with dynamic wrapping

Are there categories where they would make more sense as a "table" like the
examples?  If not, instead of using a grid, you might just use a
multi-column list, where the number of columns responds to the screen
size.  Seems more semantic that way.

On Wed, Feb 3, 2021 at 12:37 AM Tobias Bengfort <tobias.bengfort@posteo.de>
wrote:

> Hi,
>
> I have a long list of links that is displayed as a grid (using `display:
> grid`). Example code is attached.
>
> Since the list is rather long, tabbing through it is rather tedious. So
> I would like to implement navigation with arrow keys as described in
> WAI-ARIA Authoring Practices 1.1[1].
>
> The trouble is that the number of columns depends on the screen size.
> There are also no row elements.
>
> Do you have recommendations for this case? Would it be OK to use arrow
> key navigation without `role="grid"`?
>
> thanks
> tobias
>
> [1]: https://www.w3.org/TR/wai-aria-practices/examples/grid/dataGrids.html
>


-- 
Jerra Strong
Interim Accessible Conformance and Design Specialist
UNLV|Office of Accessibility Resources
Office of the Vice Provost for Academic Programs
Jerra.Strong@unlv.edu
*Pronouns: He/Him/His*