It’s a common misapprehension that making an accessible website is expensive. Not exactly true – it’s more accurate to state that it’s expensive to make a website accessible. There is a subtle distinction between those two statements, but an important one.

The same is true in most issues regarding accessibility – it’s not significantly more expensive to make a building, a voting terminal, or a digital resource reasonably accessible from the beginning than it would be otherwise. However, it’s always significantly more expensive to retrofit your existing building to be accessible. You have to widen doorways, build ramps, replace bathroom fittings, etc. The same is true for a website – it’s not a simple matter to make a website accessible if it has previously been built in a less acceptable manner.

Part of what makes a website truly accessible is providing valuable, unique information embedded in the code. Writing alt tags which are descriptive and helpful, writing long descriptions of complex graphs and other visual aids, or providing meanings for acronyms and abbreviations. This is detailed work – and you can’t easily take shortcuts.

Automation is sometimes an incredibly valuable aid, but it’s too easy to perceive it as a solution. Making a website accessible takes time, patience, and attention to detail.

Tags:

• accessible web design

The most well-known and thoroughly discussed accessibility techniques make websites more accessible for the blind and partially-sighted. After that, the discussion usually strays into mobile devices or learning disabilities. The deaf tend to get much less attention.

One might imagine that the deaf don’t really suffer from web accessibility problems. They can see the images, use a mouse, navigate the site just fine. Right?

Well, it depends. Those who are deaf from birth may not actually read written english very well. It’s not that they are illiterate – it’s simply that they have learned sign language as their first language. Sign language appears in many forms – British Sign Language, American Sign Language or Gestuno, the International Sign Language amongst many others. Each sign language has its own characteristics of grammar and interpretation, and they don’t necessarily correspond to the so-called "native language" of the signer.

But making a website accessible to this level is very difficult. It’s a lot of work, and it’s expensive. Sign language requires human sign interpreters – for a website, the production of a video which conveys the text. Creating alternate forms of content is a constant task for most websites. The thought of creating a new video everytime you edit your text is enormous!

There’s a sign-language services company, SignPost, which is working on producing signed video for websites. Their CEO was interviewed
on vnunet.com discussing their aims with this new product. Their technique is a lower-bandwidth video to convey signed texts. The technique is fine, but the expense and challenge may well continue to act as a significant barrier.

Accessibility for the deaf is clearly a bigger problem than that for the blind – until we can design a tool which performs an equivalent task to a screen reader for the deaf, it’s unlikely that sites will really become fully accessible.

Nonetheless, there are basic things we can do to assist. The same techniques which are used to help the learning disabled can help the deaf (or the illiterate!) – graphic indicators to show purpose and other visual aids can support their understanding of the material. The simplest aid can be providing an option for the deaf to specify their use of a TDD (also known as TTY) phone. This simple option added to a contact form can greatly help the deaf in making human contact through the web.

Tags:

• deafness
• accessible web design
• signpost

When I attempted to summarize the substance of the accessibility lawsuit against Target, I commented in frustration about the extensive ignorance concerning accessibility and the rights of the disabled.

Today, I ran across a post by Bruce Lawson which is devoted to this very problem. If you read the post, it’s really necessary to read through the comments. The post summarizes a few relatively high-profile comments on the subject, such as those from Molly Holzschlag and Derek Featherstone.

But in all of these cases, the really interesting issues come in the comments. Ignorance begets response begets response. I have yet to see an example of somebody changing their mind because of this discussion – but the discussion is still helpful.

The reason for making a website accessible, to me, is that web designers and business owners do not have the right to prevent access to our resources on the basis of disability. Making an accessible website, at least to the basic elements such as ALT texts and appropriate labels is not complicated, and to not follow these guidelines due to ignorance or laziness is simply unacceptable.

My last post discussed accessibility as it relates to devices. The most common understanding of accessibility relates to visual disabilities. But learning disabilities are also an important aspect to making a website accessible. Learning disabilities are also the most difficult aspect of accessible planning.

Determining how to make your site accessible to an individual with a high function disability such as dyslexia or Asperger syndrome can be very challenging – and making it accessible to individuals with more severe disabilities such as sever autism or other pervasive developmental disorders can be a serious problem.

To a degree, with major developmental disorders, I feel that you can take into consideration the likelihood that the information on your site will be needed by these individuals. Also, you can consider that many people with severe developmental disorders will have assistance in acquiring the information you need. However, for high-function autism or dyslexia, you must assume that your page may be useful to these individuals!

One method to assist the learning disabled is the incorporation of graphic icons which clearly indicate important activities. Dyslexics may find text confusing, and may process graphical information more quickly. The graphic icons should be clear and consistent to add the best assistance. Avoid flashing text, animation, or variations in font faces. Visit Dyslexia.com for some further tips on designing for dyslexics.

The issues with autism and web design are more related to your content. In general, the difficulty an individual with autism will have is in interpreting human interaction. For a website, this means being careful to construct your text in a logical, consistent manner. Avoid idiomatic speech or other language constructions which do not convey a literal meaning, since these may simply be confusing.

It is not possible to construct a web site, or any other information resource, which will be ideal for everybody. With any site design, your first consideration must be your primary group of users – however, all websites should also consider the needs of anybody who will visit their site. You have no justification for assuming that your own needs will answer for all your visitors.

I’ve been thinking about the mobile web today. Accessible web design is all about providing access to web-based information to all users and platforms – and the mobile web is a fast-growing and very challenging area.

The biggest challenge with mobile web design is the fact that you just can’t test it very easily. There are dozens of mobile browsers and related products.

Opera has supplied options to test for small screens in their browser for quite some time, but that only provides testing for Opera’s interpretations. Every web enabled phone provides a browser of some sort – many of them have created their own browsers. Some use obscure custom browsers.

And Google has now announced their own lightweight mobile interpreter for pages accessed through a search from a mobile phone. This is all wonderful, but it’s a herculean task to test for all of these options (not to mention all of the phone charges and extra handhelds one would need to acquire!).

All of these services have their own interpretation of web standards (or non-interpretation, as the case may be). Support for HTML, CSS, and handheld specific style sheets is very spotty. However, a well-constructed page will usually degrade gracefully in a mobile browser. Not always, of course, but there are certainly things you can do which will help.

• Use proportional widths.

  Handheld browsers usually have very small screens – the largest screen I know of is on the Hiptop from Danger, measuring in at a massive 240 pixels. Nobody likes side-scrolling! If you use a proportional width you can avoid this problem.

• Place your page elements in a logical order.

  Which comes first, the content or the navigation? Neither is a great solution – if your visitor is going to an article, they want content. If they’re looking for an article, they want navigation. You’ll have to make a choice – but I feel this is where internal page navigation is a must. Provide just a few links to navigate around the page – Skip to Navigation, Skip to Content, perhaps even a dynamic link to visit the most recent article published! These can go at the very top of the page, allowing you to organize your page as you need. I still am inclined to recommend that content comes before main navigation, however.

• Follow web standards

  Despite the fact that support for standards is not good amongst handheld browsers, you should always strive for standards. Unless you have a tremendous development budget which can support redevelopment of your mobile interface everytime a new browser comes out, you need to plan for the future. It is a better bet that the future of handheld browsers will tend towads standards than not.

This is a minuscule part of what you can do to improve your mobile web presence – Cameron Moll is writing a four-part series which provides detailed and extensive tips for mobile web design.

I’ve been giving some thought lately to the subject of web semantics. In short, web semantics are the application of structural meaning using HTML markup. For a more palatable explanation of web semantics and their benefits for your website, I’ve written a new little article – Web Semantics and HTML Structure.