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!

Accessible e-Learning? You BETT!

I'm lucky enough that I have a job that gets me out of the office for 1-2 days a week doing something or other. Normally it's providing training or consultancy to the growing number of organisations that "get" accessibility and want to do something about it. It's a nice break from routine and this week I'm going to be at the BETT show in Olympia, London to represent(CDSMs) suite of accessible e-Learning products.

Accessibility is extremely important to the education sector in the UK. Fortunately, we have a quite a tight Special Educational Needs and Disability Act (SENDA) designed to protect the rights of disabled learners, but despite this, educational software vendors still aren't investing in developing truly accessible solutions for learners. That makes it difficult for Schools to procure material that actually allows them to comply with Government requirements and with accessibility being such a buzzword, confusion rains on the poor procurement officer.

As part of the "Building Schools for the Future" (BSF) initiative, the government are expecting Local Education Authorities (LEAs) to invest in technology and the built environment to encourage effective learning. Schools and colleges will be expected to demonstrate how they have implemented their solutions and improved the state of affairs in their own establishment.

Over the past 2 years, CDSM, has invested in developing a truly accessible, SCORM compliant e-Learning package using Flash technology which can be delivered via a learning platform. CDSM's learning platform is called "My Learning Space" and it allows teachers to easily author their content, have it peer reviewed, improve it, upload it, and share it with others. The solution is being developed in Partnership with Dr. Kevin Palmer, Director of Salford City Learning Centres. Several components of the solution are already complete and work as stand-alone applications. This includes "Pedagogue" the accessible Multimedia e-Learning content development platform. The ability to create repositories of learning material which are quality graded by other teachers is one of the key features of the product. It will help teachers find the best resources to help them deliver quality lesson plans.

To ensure that we stay on the right track, all these developments need regular peer review by teachers and educators to shape the solution into something that meets their requirements precisely. CDSM/Salford CLC want to broaden the scope of the project to include other learning professionals. Middlesex University, London's largest University has recently started to participate in steering the "My Learning Space" initiative after becoming disillusioned with their existing VLE. At BETT, I hope to be talking to other enthusiastic educationalists who will also want to shape the future of e-Learning in the UK.

So anyway, from Mid-day Thursday and most of Friday, I'll be at BETT on stand S86. It's always good to put faces to names so if you happen to be at the show, call in and see me.

Happy Birthday Hannah!

My darling daughter Hannah turned 3 today. We woke up to another morning of unwrapping presents and saying "Yay! a lot. Her favorite gift is an easel with a blackboard one side and a huge roll of paper on the other.
Being 3, she also gets to start school today. It still strikes me as a little bit mad that we send our kids to school at such a young age. If we lived in Sweden, we would be waiting at least another 3 years before Hannah would be in school. That said, school at Hannah's age is more like a playgroup and I'm sure she'll enjoy every second of it.