Optimizing keyboard navigation using tabindex and ARIA — Sara Soueidan

Smart thinking from Sara to improve usability for keyboard users by using aria-hidden="true" tabindex="-1" to skip duplicate links:

A good rule of thumb for similar cases is that if you have multiple consecutive links to the same page, there is probably a chance to improve keyboard navigation by skipping some of those links to reduce the number of tab stops to one. The less tab stops, the better, as long as it does not worsen or compromise on other aspects of usability.

I’ve cautiously implemented this pattern now over on The Session where snippets of comments had both a title link and a “more” link going to the same destination.

Optimizing keyboard navigation using tabindex and ARIA — Sara Soueidan

Tagged with

Responses

1 Share

# Shared by Sara Soueidan on Wednesday, June 10th, 2020 at 12:06pm

8 Likes

# Liked by Sara Soueidan on Wednesday, June 10th, 2020 at 12:12pm

# Liked by Paul Kinlan on Wednesday, June 10th, 2020 at 12:12pm

# Liked by Erik Kroes 🏔 on Wednesday, June 10th, 2020 at 12:12pm

# Liked by Dr. Adrian D. Alvarez on Wednesday, June 10th, 2020 at 12:55pm

# Liked by The New Dynamic on Wednesday, June 10th, 2020 at 6:04pm

# Liked by Maximo Cozetti on Wednesday, June 10th, 2020 at 7:51pm

# Liked by 𝑰'𝒎 𝑨𝒍𝒆𝒙𝒊𝒂 ⛤✊🏻✊🏼✊🏽✊🏾✊🏿 on Wednesday, June 10th, 2020 at 10:22pm

# Liked by Roqo on Sunday, June 14th, 2020 at 10:16pm