Tuesday, 30 January 2007

The importance of link highlighting

I had assumed that most people were aware of the importance of clear link highlighting until I read a post on accessify demonstrating how to turn off the "dotted line bug" in firefox. I figured it was probably worth writing about.

Mobility impaired keyboard users rely heavily on highlighted links. A keyboard user will typically tab through link items and hit "enter" to activate the link. For this to work, the keyboard user needs to know where the current focus is, otherwise they have little hope of knowing where the next tab will take them. Site design can make this problem much worse if the links are on a background that make the dotted line difficult to detect. Mark Pilgrim is considering developing a more prominent focus indicator for Firefox, which would be a huge help if they can get the colour right.

The default link highlighting for the BBC website works fairly well (extra points for adding access key help in the tab sequence), but other websites such as CNN have a design that can be really tricky to navigate if you're using the tab key, particularly if your sight is less than perfect.

Additional help

Stephen from Shaw Trust is a keyboard-only web user and he sometimes needs a little extra help to see links, particularly if the background to the link is a colour(particularly mid-grey) that makes the dotted line harder to see. Stephen has Cerebral Palsy which means that he finds it hard to focus on small areas of the screen. Highlighting a link (ala Salford University) makes the focus more prominent, and Stephen can get around the site much more easily. Mobility impairment combined with less-than-perfect vision is fairly common and will become more so as the average computer user gets older.

Invisible links

While offset links are a pretty good idea in lots of circumstances, don't forget that keyboard-only users don't have the benefit of having a screen reader. Therefore offset links such as "skip to content" need to be made visible so that sighted keyboard users also have the option of using them. BBC again does a good job of bringing offset links back on screen for this reason, and you can see another example of this technique used at the Salford University website.

Hidden menu items

Beware of using menu systems that provide drop down options when you mouse-over the top level menu item. Keyboard-only users can often still tab through the lower link options even though the focus disappears, so even though they'll be able to get at the lower level menu items, they won't know what they are because they can't see what they have just tabbed to. Tesco have made a song and dance about accessiblity in the past, but they manage to get this all wrong; the vast majority of the tabs are "empty" with no visual feedback at all. This makes me wonder about how serious they really are about user testing. I suspect the developers were stoked because they did it without JavaScript, but it's not good enough.
If you're going to use this type of menu system then make sure that the hidden links are visible on focus so it's keyboard-user friendly.

Summary

This all really boils down to two things:
  1. Make sure that all links are visible when they receive focus
  2. Create links that highlight when they recieve focus

Simple really, but not as well used as it ought to be.

Update!


Mike Cherim sent a link to an article he wrote a little while back detailing the technique used to achieve the highlighting effect: Let's Focus on Focus. It should be a fairly simple mod to make the script bring offset links back on screen. Cheers Mike!

241 comments:

«Oldest   ‹Older   201 – 241 of 241
Anonymous said...

pennis vergroting

Anonymous said...

doping pro e contro

Anonymous said...

member xxl sastav

Anonymous said...

testo ultra ingredientes

Anonymous said...

keto amincissant

Anonymous said...

contraindicaciones de testo ultra

Anonymous said...

beste spiergroei supplement

Anonymous said...

comprimés de dysfonction érectile - toutes les informations

Anonymous said...

masa mięśniowa

Anonymous said...

https://the-new-beginning.co.uk/ranking-of-slimming-pills/

Anonymous said...

https://nuevo-comienzo.com/clasificacion-de-las-pildoras-de-adelgazamiento/

Anonymous said...

packs de hombres

Anonymous said...

https://uj-kezdet.com/a-fogyokuras-tablettak-rangsorolasa/

Anonymous said...

https://nuovo-inizio.com/classifica-delle-pillole-dimagranti/

Anonymous said...

http://tabletky-na-zvacsenie-penisu.com/

Anonymous said...

http://tabletky-na-zvacsenie-penisu.com/

Anonymous said...

maag gel

Anonymous said...

prodotti contro la caduta dei capelli nelle donne

Anonymous said...

http://prodottiperlacadutadeicapelli.com/annurkap.html

Anonymous said...

Orviax Prix

Anonymous said...

best male enlargement pills

Anonymous said...

http://fr-impuissance-traitement.eu/

Anonymous said...

https://zacznijodnowa.com.pl

Anonymous said...

http://nnet.it/

Anonymous said...

http://shirlink.com/

Anonymous said...

http://mocinfo.org/penisvergroserung-naturlich/

Anonymous said...

http://mocinfo.org/dicker-mannerschwanz/

Anonymous said...

http://bkproma.it/come-ingrossare-il-pene-naturalmente/

Anonymous said...

http://bkproma.it/allungare-il-pene-naturale/

Anonymous said...

http://pillole-per-dimagrire-che-funzionano2018.ovh

Anonymous said...

http://speed-com.fr/notice-supra-deseo-12/

Anonymous said...

http://pillole-per-pene-it.eu

Metrostaples said...

Much obliged. I generally appreciate perusing your posts - they are consistently silly and intelligent.I am a china visit lover,You can find out additional:
fasco coil nailer

Alina Smith said...

They also have an excellent customer service department that will help you out in any problem you may have. If you are not familiar with the company, Vwin is dedicated to giving you all the information you need on their services.

best digital watch said...

Splendid post and very illuminating centers you have participated in this post. So glad to find this blog.
waterproof digital watch

Diego Walker said...

A Dodograph site for online gaming is a wonderful tool for any serious or casual gamer. It allows players to view hundreds of different games. To know more about graph game, check here.

Promark Pvt Ltd said...

Extraordinary post that you have shared here. I respect your made work aptitudes and all the finding that you have shared here.
digital teaching device

alexanderjason018 said...

Either way, a sportsbook is necessary to facilitate the bet because they are the only real way for a bettor to guarantee that their wager will pay off. Get more interesting details about toto community check out this site.

TwachaSkinClinic said...

I'm cheerful while looking at your blog with strengthened data! Appreciative and accept that you will post more site that are connected with this site.
skin specialist in delhi
best hair regrowth treatment

Skin Care Products said...

Pleasant post, I bookmark your blog since I tracked down generally excellent data on your blog, Thanks for sharing more data
Dry skin Moisturizer Cream
Skin care products

Skin Care Products said...

The two infants are so adorable. I appreciated to all the action for that folks. It's extraordinary stuff.
Dry skin Moisturizer Cream
Skin care products

«Oldest ‹Older   201 – 241 of 241   Newer› Newest»