Archive for February, 2009

Considering users with multiple disabilities

Friday, February 27th, 2009

I was interested to read, on the RNIB website, that there are an estimated 2 million people with significant sight loss in the UK, 70% of whom have other disabilities or long term health problems in addition to their sight loss.

That’s a really interesting statistic, because it highlights the fact that when we try to take into account the needs of disabled users, we often aren’t talking about individuals with just one disability. People will often have a combination of needs, and we must respond by designing for this diversity, rather than taking a locked-down, ‘one-size fits all’ approach.

A good real world example of this was when I worked in a library. The library had an easy access PC terminal, offering the following features:

  • Raised desk to allow wheelchair users to get nearer the keyboard
  • Large-key keyboard
  • Trackball mouse
  • Screen reader software and headphones
  • Screen magnification software enabled by default

Although provision of these facilities was excellent, there was a problem in that often the combination of all of these features proved a barrier in itself. For example, a regular blind user found it difficult to use the large-key keyboard as they were used to a normal keyboard, the layout of which they were instinctively familiar with. Thus, the keyboard was great for users with impaired vision, but not so great for blind users, who had to ask for help finding the location of certain keys (in fact, many keys had been left off completely).

What we quickly realised was that people needed the ability to customise the set-up according to their needs. So we had a normal mouse and keyboard on standby for anyone who requested it, advertised by large-print and Braille posters next to the terminal and backed up by regularly monitoring the terminal to offer assistance. Not the ideal solution, but better than nothing.

This is just as true for web products – we can all too often be guilty of making assumptions about our users and designing solutions based on those assumptions, rather than thinking about real world users. A good example of this is skip links. We know that screen reader users like to utilise skip links, but too many sites hide these links, making them hard to find for sighted keyboard users (for example, those with limited motor skills meaning they can not easily use a mouse). Even worse, when skip links are visible, they are often presented as tiny text, presumably so as not to confuse or distract other users. But what about non-mouse users who have impaired vision and can not read tiny text?

WCAG 2.0 recognises the challenge that all this presents:

Note that even content that conforms at the highest level (AAA) will not be accessible to individuals with all types, degrees, or combinations of disability, particularly in the cognitive language and learning areas.

…and it is a reasonable caveat. However, that doesn’t stop us doing all we can to take into account as many different scenarios as possible, and not making assumptions which cause more harm than good. Offering the ability to customise the page in a variety of ways, or at least not blocking the user’s own browser preferences, is crucial. And, as always, user testing remains a vital ingredient.

I’ve probably raised more questions than I have given answers here, but I hope to do more research on this subject soon, so stay tuned.

ATAG – ignore it at your peril

Tuesday, February 24th, 2009

A brief history

Most web developers will have heard of the Web Content Accessibility Guidelines (WCAG), especially since the launch of version 2 in December 2008. Perhaps less well known, but just as important, are the Authoring Tool Accessibility Guidelines (ATAG).

The Authoring Tool Accessibility Guidelines (ATAG) documents define how authoring tools should help Web developers produce Web content that is accessible and conforms to the Web Content Accessibility Guidelines. The ATAG documents also explain how to make authoring tools accessible so that people with disabilities can use the tools.

ATAG Overview

Version 1 of ATAG was approved in 2000, so the guidelines are certainly in need of revision. Last week W3C announced a call for review of version 2 of the guidelines, with comments invited until 16th March.

There are two distinct parts to ATAG 2.0:

  • Part A: Making the authoring tool user interface accessible – which includes “principles and associated guidelines that are related to ensuring accessibility of the authoring tool user interface to authors with disabilities“.
  • Part B: Support the production of accessible content – which includes “principles and guidelines related to ensuring support by authoring tools for the creation of accessible Web content by any author (not just those with disabilities) to end users with disabilities“.

Why should we care about ATAG?

I’m currently trying to get my organisation to realise how important ATAG is when it procures a new web CMS later this year. There has been lots of lovely talk of WCAG but we really can’t afford to neglect ATAG in our specifications or we could end up with a product which prevents some of our own staff from publishing content. In such a scenario the cost of making reasonable adjustments later, in accordance with the Disability Discrimination Act (DDA), would be horrendous. We’d potentially be stuck with something that is not fit for purpose.

But there is a far wider significance, brought about by the rise of Web 2.0 which has given everyone the power to be an author. Sites such as Facebook, Twitter and WordPress are all examples of authoring tools – they allow the user to publish content. If such tools are developed in the spirit of ATAG, they will be far more accessible to users who wish to publish to these platforms. Equally, they will assist everyone else in making sure their content is accessible, regardless of their technical knowledge.

ATAG goes hand in hand with WCAG, and both are going to be crucial in the drive towards an inclusive web. ATAG may have once been of interest only to a small audience of software developers, but it now finds itself a vital ingredient in the brave new world of Web 2.0. As the importance of producing accessible content becomes ever clearer, those who ignore ATAG could well find that they are being shunned not only by certain disabled users, by but everyone else too.

Related links

Mobile browsing – making websites handier

Wednesday, February 18th, 2009

I’m desperately trying to get my organisation to realise that mobile browsing is fast becoming very popular, and that we need to design accordingly. Mobile phone penetration is immense in the UK, reaching 100% in 2005 (i.e. one mobile for every person, on average). This near-ubiquity makes them a vital target technology.

However, a debate has been sparked about how best to provide for your mobile users. Usability expert Jakob Nielsen has just published an article comparing the Mobile Web 2009 with the Desktop Web 1998. Ultimately he calls for the creation of separate sites for mobile devices, and therein lies the debate.

Henny Swan discusses why building a separate site is not a great idea on her blog. This follows on from Bruce Lawson’s own musings on whether mobile web development is compatible with the One Web.

I’m definitely against the ‘two sites’ approach in most instances, and many devices nowadays have decent browsers which render pages just fine anyway. For this reason I hate it when I get directed to a Mobile version of a site, often with greatly reduced functionality. By all means offer a stylesheet optimised for mobile browsers, but make it my choice to switch to that (I’ve seen good examples where the main page says “we have detected that you’re using such-and-such device – you might be interested in viewing the mobile version here”).

One issue brought back to the fore when building for mobile devices, though, is the need to keep page sizes down. Designers have increasingly been discarding that ethic with the rise of broadband, but we need to keep building lean sites with clean code to help those who are paying by the MB to browse (as well as for all the other reasons)!

Of course, we’re also seeing a proliferation of apps designed for mobile devices, often allowing them to bypass the standard websites completely (for example, I have Y! Mobile on my device which pulls in my Yahoo e-mails, weather and news etc, without actually visiting the Yahoo website itself). This is a whole new way of enticing mobile customers to access your site’s functionality.

All of this is really about the wider issue of usability. I’d like to do some decent research on what disabled users expect from their mobile devices before taking a definitive stance on the accessibility issues. For now, though, I won’t be building any separate mobile sites – just concentrating on getting the main one right.

Related links

The Queen’s new website – royally inaccessible

Thursday, February 12th, 2009

Following much Twittering about the new British Monarchy website (www.royal.gov.uk), with various people pointing out some of its shortcomings, I thought I’d take the opportunity to give it a good going-over from an accessibility point of view, and post my findings here. The following list of issues is far from exhaustive, and in no particular order, but will hopefully highlight some of the major problems. If anyone involved in the site sees this, I’d be happy to give more info and fixes to the problems raised.

Of course I could do this with a thousand different sites, and there are far worse examples out there, but this one is particularly high profile so I thought it worthy of the extra attention….

Accessibility issues

Tested with Firefox 2 and Internet Explorer 6 on Windows XP.

  • Many of the links have no visible hover or focus state. This makes it especially difficult for users to see where they are in a page when tabbing through the links.
  • The Accessibility link is the last link on the page. Normally it would be one of the first, to be easily accessed by those who might actually need help from the page.
  • Pages are missing Heading levels 1 and 2, going straight into level 3. Many Screen Reader users heavily use the Heading structure of a page to navigate – without a logical and correcty ordered hierarchy of Headings, this becomes much harder. Also, the main content of the pages is often not structured by Headings (good example on the About page, where the sections headings are formatted with <strong> instead of labelling them as actual Headings).
  • No evidence of Skip Links, which means you’ve got a fair bit of tabbing or listening to do to get to the main content.
  • Some of the image alternative descriptions are poor. One example had the description “HM-the-Queen-UK-image 10″, whilst others are missing completely. Surprisingly, though, some images have too much description (example: “A housekeeper cleans an item from the Royal Collection at Buckingham Palace”).
  • With images turned off, you can’t see any of the main navigation.
  • With text size set to Largest on Internet Explorer, the text is still too small to be comfortably readable by some.
  • The site’s main logo, which says “The official website of the British Monarchy” is a background image and therefore has no alternative description. Also, on the homepage, the welcome message “Welcome to the official website of the British Monarchy” is missing a description. This means for those who cannot see or hear those images, the page can only be identified by the page title.
  • There is use of non-descriptive link text, such as ‘Find out more’, with no additional information given via a title attribute. This means anyone tabbing through the links, out of context, will not know what this link refers to.
  • The expandable Site Map does not expand in Firefox, but just takes you to the top page. In Internet Explorer the menu collapses, but you are then automatically taken to the main section page anyway.
  • Choosing a Realm from the drop down menu does nothing in Firefox. Nor does the “What is a Realm” link.
  • CSS and XHTML don’t validate to formal grammars.
  • Default language of the site is not specified via the HTML tag. This would be especially useful as there are Welsh and Gaelic versions as well (neither of which specify their language either).
  • When you select either Cymraeg (Welsh) of Gaidhlig (Gaelic), there is no obvious way of getting back to the English version. Surprisingly, large sections of the site are only available in English.

The site’s accessibility statement claims:

This website conforms to the UK government guidelines for websites. It also follows the Worldwide Web Consortium’s (W3C) Web Content Accessibility Guidelines 1.0, meeting level AA checkpoints.

I don’t even think it meets all the single-A checkpoints, let alone double-A, which means it could technically be at risk of losing its gov.uk domain (according to the Central Office of Information’s policy on Delivering Inclusive Websites).

I look forward to seeing improvements to the site in the near future.

WCAG 2.0 resources

Tuesday, February 10th, 2009

In December 2008 the World Wide Web consortium (W3C) declared that version 2 of the Web Content Accessibility Guidelines (WCAG 2.0) had finally been made a recommendation. Stating that websites which already met the WCAG 1.0 guidelines should need little or no adjustment to meet WCAG 2.0, the new standards offer an updated framework for developing accessible web content.

The following resources will help developers to appreciate the differences and ensure they are compliant with the new standards. I’ll continue to update this page as new resources become available (last updated March 2009). If you’ve got suggestions for this list please leave a comment!

General

Getting started

Obviously the best place to start is with W3C itself. The WCAG Overview provides links to the dcoument, along with techniques, FAQs, presentations and more.

Of particular interest is How to meet WCAG 2.0 – a customizable quick reference to Web Content Accessibility Guidelines 2.0 requirements (success criteria) and techniques. This excellent resource allows you to filter the relevant requirements, along with sufficient and advisory techniques, so that only those which apply to your project will be shown. For example, if you don’t have any Server-Side Scripting, you can untick that technology and all information relating to that will be hidden. This makes it far easier to swallow, especially if you’re working on a fairly simple project.

Also, the RNIB’s Web Access Centre blog has a good article entitled WCAG2.0 – where to start?, written by Henny Swan whilst she was working for the RNIB. It was written before WCAG 2.0 became a final recommendation, but it’s still very relevant.

WebAIM also have a handy WCAG 2.0 Checklist which presents the principles and techniques in a simplified, more user-friendly way.

WCAG 1.0 to WCAG 2.0 – a comparison

Roger Hudson has compiled an excellent table comparing WCAG 1.0 with WCAG 2.0. Although still a work in progress, this is a great way of visualising the differences.

The Web Standards Project (WASP) also has a list of WCAG 2.0 resources.

Colour contrast ratio

WCAG 2.0 has slightly different rules for colour contrast. Jo Dolson explores what this means on his blog. Also check out this Contrast Analyser, as well as W3C’s own list of tools to ensure sufficient contrast.

Forms

Whilst none of the WCAG 2.0 Success Criteria explicitly refer to forms, some of the checkpoints do have direct relevance. With this in mind, Roger Hudson, of Webusability.com.au, takes a look at creating Accessible Forms using WCAG 2.0.

Background

Jack Pickard has an interesting log of the development of WCAG 2.0, dating back to mid-2006. It is an engaging overview of the various phases leading up to the final recommendation, which also charts Jack’s changing attitudes to the document as the content evolves. In the latter stages he looks more closely at the levels of criteria.

Accessible Twitter

Tuesday, February 10th, 2009

Twitter has its fair share of accessibility issues. One of the biggest is that certain functions can only be accessed with a mouse (I have personally suffered from this when trying to access Twitter via my mobile device’s browser). With Twitter’s exploding popularity, and with various organisations rushing to utilise the service, issues around accessibility become ever more urgent.

Great to see, then, that an accessible web application for Twitter is being built (by Dennis Lembree, sadly not in affiliation with Twitter themselves). Addressing issues including keyboard access, Javascript dependency, colour contrast and navigation, this looks set to be an invaluable resource for many users. Twitterers can also follow the progress of this project at twitter.com/AccessibleTwitr.

Related articles:

Screen Reader Survey results

Monday, February 2nd, 2009

WebAIM have recently published the results of their Survey of Screen Reader user preferences. There’s already been a lot of coverage of the results, but I’ve summed up a few keys points that I found particularly interesting.

Summary of respondents

  • 1121 responses
  • 90% of respondents were full-time Screen Reader (SR) users
  • 58% considered themselves expert or advanced SR users
  • 74% use JAWS, 23% Windows Eyes, 8% NVDA, 6% Voice Over

Some key points

First visit to a page

35% of respondents tend to navigate through or listen to the links on a new page, whilst 46% read through whole the page. The latter tended to be the behaviour of more proficient users, who will usually have their verbosity and read speed settings cranked up to make page reading a lot faster.

Skip links

Only 22% of respondents always use Skip Links, where available. 10% claimed they never use them. Regarding the naming of Skip Links, 22% preferred ‘Skip to Content’, 28% preferred ‘Skip to Main Content’, whilst only 6% liked ‘Skip Navigation’. This would seem to be a very useful finding.

Headings

An important one, this. 52% said they always use Headings to navigate a page, whilst 24% do so often. Also, the more proficient the user was, the more likely they were to use Headings in this way. This underlines the importance of correctly structuring your pages with Headings.

Search

As you’d imagine, over half of the respondents like to use Search, where available. Again this underlines the importance of making any Search function usable and relevant.

Pop-up windows

A mixed response to this one, with 25% saying they found pop-ups very difficult to handle, whilst 17% said they were not at all difficult. This could be clearly linked to the users’ proficiency, so whilst it may not affect the experts, avoiding pop-ups will greatly help the less proficient users.

Identification of photos

Quite a big surprise… 80% would prefer the alt description “Photo of the White House” over just “The White House”. This contradicts the assumption that we should always keep things as short as possible. Important to note that we may not be able to say the same of other such situations (i.e. other types of graphics).

Flash

No great surprise to see that 71% of users found Flash content somewhat difficult or very difficult to access. There are some very accessible implementations of Flash out there, but generally content presented in Flash will cause problems. This was apparently backed up by many strong comments from respondents about the inaccessibility of Flash.

Conclusion

The overall conclusion drawn by WebAIM was that all SR users are unique in their use of the technologies and how they interact with web content. We can make assumptions, informed by research and user testing such as this, but ultimately there will never be a 100% ideal solution. Conforming to international standards, and getting rid of the obvious barriers, are just the first steps to making your content truly accessible to SR users.