Keyboard navigation problems in IE and Safari
In Keyboard Navigation and Internet Explorer, Gez Lemon takes a closer look at Internet Explorer’s problems with in-page navigation and suggests possible solutions. The discussion in the comments to the article provides some answers and alternative solutions.
While reading the article I found the problem familiar. Then it occurred to me that Safari has similar issues with keyboard navigation. After following an internal link, pressing the tab key makes Safari continue navigating from the link you just followed. The obvious action would be to move focus to the first link after the target of the internal link.
You can try it right here on this site. Press the tab key until “Skip to main content” is displayed (the first link on the page). Press the Return key to jump to the main content. Then press the tab key. Instead of moving focus to the first link in the main content area, Safari moves it to the next link after “Skip to main content”, which is “Skip to secondary content (sidebar)”.
Pretty unexpected and not very useful, wouldn’t you say? Extremely confusing when you try navigating the page with VoiceOver, the built-in screen reader in Mac OS X.
I tested changing the link target to a named anchor instead of an element id, thinking that may work better. Nope. Same behaviour.
Firefox and other browsers based on Gecko get it right, as does Opera.
What do you think? Is Safari somehow doing the right thing or should I send Apple a bug report?
Subscribe / follow
- Digital Marketing Manager at Commercial Capital Training Group Marketing (Albany, NY, Ne, US)
- Perl Developer at Booking.com (Amsterdam, The Netherlands, NL)
- Android Mobile Developer at Quirky (New York City or San Francisco, Ca, US)
- Dev Ops Engineer @ General Things at The Sourcery (San Francisco, CA, Ca, US)
DreamHost web hosting
Use the promo code 456BEREASTREET3 to save USD 20 when you sign up for DreamHost