Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

List Tile Component: Keyboard Navigation not as expected #1120

Open
LukasFritzeDev opened this issue Jan 22, 2025 · 0 comments
Open

List Tile Component: Keyboard Navigation not as expected #1120

LukasFritzeDev opened this issue Jan 22, 2025 · 0 comments
Labels
a11y Accessibility bug Something isn't working

Comments

@LukasFritzeDev
Copy link
Member

There is a defined keyboard navigation for aria role grid. The Tiles implemented in #316 are not useable this way: Navigation from list item to list item only works using the up/down arrow keys, where a keyboard user would expect to use left/right arrow keys.

In addition, the grid is announced as "1 collumn 6 rows" (example in the documentation) which does not match the visual representation. This might be the cause for the missleading keyboard navigation.

It might be better to use a real list <ul> for these lists and <li> for the list items as suggested by aria role list.

@LukasFritzeDev LukasFritzeDev added a11y Accessibility bug Something isn't working labels Jan 22, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
a11y Accessibility bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant