Grids with dynamic wrapping

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

Received on Wednesday, 3 February 2021 08:30:44 UTC