Improving Accessibilty for keyboard-only Users

When making accessible online video we all tend to think about the needs of blind and deaf users, concentrating on subtitles and transcripts. These features, while essential, can be time-consuming and technically difficult to implement, and are still only part of the accessibility job. An oft-forgotten group, when it comes to accessible online video, is the motor impaired and particularly keyboard-only users.

ENSURE CONTROLS HAVE KEY-PRESS FUNCTIONALITY
Many online video players don't currently cater for keyboard-only users, as the key-press functionality they require increases the amount of JavaScript needed. This is made more complicated when catering for different browsers. Browsers like Firefox, Chrome and Safari require similar code, but as ever, there's deviation when it comes to Internet Explorer. Difficulties also arise in the way that some browsers handle Flash, as many won't let you tab into a Flash player. When writing JavaScript for videos to be accessible to keyboard-only users, you'll need to code it once for mouse interaction, once for keyboard interaction, and once more for different browsers. Two basic features to make accessible videos for keyboard-only users include:
* Provide a focus state for each control, so when tabbing on to each button it's highlighted (the use of a yellow border to achieve this has started to become the convention)
* Ensure the tabbing order is logical, essentially going from top-left to bottom-right

USE UNOBTRUSIVE JAVASCRIPT
The key when designing accessible videos is to use JavaScript unobtrusively. This means the basic informative and functional elements of the page are coded using HTML, while all the extra 'bells and whistles' functionality is implemented through JavaScript sitting on top of the HTML. Think about which elements of your video (and indeed your web page) are decorative and which are functional. Ensure all functional elements can be controlled by the keyboard, and that only decorative elements have functionality that's restricted to the mouse.

MAKE FUNCTIONALITY KEYBOARD-ACCESSIBLE
An example of making functionality accessible by the keyboard is the use of sliders for the video time elapsed. If the sliders are an HTML device then they're not designed to be clicked on with the mouse. Instead, the sliders are decorative to enable mouse users to jump to different points in the video. The time elapsed should instead be a functional element which can be changed using the keyboard (eg by typing in the time elapsed and the video jumping to that time), allowing keyboard-only users the same functionality as other users.

One thing's for sure - as the use of video and other multimedia functionality increases on the web, more time will need to be spent on making sure your website is accessible to all users. Accessible design in any element of your website is key in providing a good user experience for all, and it's crucial that it receives the attention that it deserves.

Associated Link: Webcredible - user experience consultancy

Passwords that are Simple - and Safe
Source: MIT Technology Review, 29 July 2010
 
Researchers at Microsoft have come up with a way to create easy-to-remember passwords without making a system more vulnerable to hackers.

Coercing people into a Brave New digital World
Source: Spiked, 27 July 2010
 
Does a government-backed campaign to get the entire UK adult population online threaten to make cyber slaves of us all?

iPhone 4 one month on – A user experience and functionality success, despite antenna issues
Source: Webcredible, 26 July 2010
 
Webcredible Senior Consultant, Abid Warsi suggests that the impressive functionality and user experience of the iPhone 4 is enough to overcome the widely reported technical issues, thus proclaiming the device a big success.

Darwin City Council Website - Australia’s Most Usable!
Source: Loop11, 24 July 2010
 
Darwin City Council came out on top in a recent website usability study of Australia's capital city councils. The aim was to discover which of the six council websites was the most user friendly and usable.

Digital Design Jobs first to experience Growth
Source: UN, 23 July 2010
 
The marketing and design industry in the UK is seeing strong signs of renewed confidence, according to the new European Market Eye report from the industry’s specialist recruitment consultancy, Aquent.

Usability at a Glance
Source: usability-ed, 22 July 2010
 
Something interesting and useful to print out and stick on your wall.

Google may know your Desires before You do
Source: New Scientist, 21 July 2010
 
In future, your Google account may know your birthday and anniversaries, consumer gadget preferences, preferred hobbies and pastimes, even favourite foods. It will also know where you are.

Closing the Usability Gap between Enterprise Applications and Consumer Web Applications
Source: Integrated Solutions for Retailers, 20 July 2010
 
New White Paper on Workforce Management and the increasingly ancient software which controls it.

Collect Words, not just Numbers with Feedback Analytics
Source: CMS Wire, 19 July 2010
 
Tracking visitors’ behaviors online can help us understand how customers use a site - but what if you could actually ask each individual a question? That’s what Kampyle aims to do with its feedback analytics tools.

Back to the Future...
Source: ZDNet, 17 July 2010
 
Always a popular sport, comparing the PC with the motor industry is as relevant as ever.