Sara Soueidan
Distant high fives 🖐🏻☺️
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.
Responses
8 Likes
Related links
Daring Fireball: One Bit of Anecdata That the Web Is Languishing Vis-à-Vis Native Mobile Apps
I have to agree with John here:
There’s absolutely no reason the mobile web experience shouldn’t be fast, reliable, well-designed, and keep you logged in. If one of the two should suck, it should be the app that sucks and the website that works well. You shouldn’t be expected to carry around a bundle of software from your utility company in your pocket. But it’s the other way around.
There’s absolutely no technical reason why it should be this way around. This is a cultural problem with “modern front-end web development”.
Care
I know that the number one cause of jank and breakage is another developer having messed with the browser’s default way of doing things.
THIS!!! A thousand times, THIS!
Streets Series’ Articles - DEV Community 👩💻👨💻
This is a really excellent four-part series on web performance that really dives into the technical details and asks all the right questions:
Geri Reid - Forms best practice
This is a terrific collection of guidelines for form design.
Why Progressive Web Apps Are The Future of Mobile Web [2019 Research]
PWAs just work better than your typical mobile site. Period.
But bear in mind:
Maybe simply because the “A” in PWA stands for “app,” too much discussion around PWAs focuses on comparing and contrasting to native mobile applications. We believe this comparison (and the accompanying discussion) is misguided.
Related posts
Control
Trying to understand a different mindset to mine.
Style your underlines
Make your links beautiful and accessible.
Applying the four principles of accessibility
Here’s how I interpret the top-level guidance in the Web Content Accessibility Guidelines.
Performative performance
When it comes to sustainable web design, the hard work is invisible.
The intersectionality of web performance
Business, sustainability, and inclusivity.
1 Share
# Shared by Sara Soueidan on Wednesday, June 10th, 2020 at 12:06pm