Skip to content

A podcast for those who design, develop and run websites.

Boagworld is the blog of web strategist Paul Boag who lives in the heart of rural Dorset (hence the cows). He produces a weekly podcast with UX consultant Marcus Lillington on building and running websites. They also run the web design agency Headscape.

Latest Shows

216. Thanks for all the fish
This week on Boagworld: Chris Coyier talks CSS and more, we say goodbye to the boagworld podcast and ask what can you listen to now?
215. Web Directions
This week on Boagworld: Emerging trends at Web Direction @Media, playful web design and death to design by committee.
214. When to hire a web designer
This week on Boagworld: When to hire a web agency, user testing on disposable websites and a need for speed.
213. Getting all emotional
This week on Boagworld: Stephen Anderson on emotional design, I review the iPad and we talk fonts, flash and fotos.
212. More skills to learn
This week on Boagworld: 5 new skills every web designer needs to know and how to be inspired while maintaining focus.

or view all shows

Have your say

Become a part of the Boagworld community...

Accessibility and the new headscape site

Posted in Accessibility on: Wednesday, August 3, 2005 by Paul Boag

As you have probably gathered by now I am in the process of redesigning the new Headscape website. As part of it a lot of thought has been given to our approach to accessibility. This is what we have come up with.

We really wanted to demonstrate through our web presence that a site could be both visually appealing and accessible.

We wanted to show that flash could be used on a site without making it inaccessible. We wanted to show that a system could ensure a site remains accessible even when used by people with no coding knowledge. Finally, we wanted to make the world a happier, more loving place!

Did we achieve all of this, probably not!

we believe that the techniques used on this site are some of the best but no doubt, this will be out of date in a matter of weeks!

The trouble is that most web agree web is important but few can agree on the best way of making a site accessible. That is mainly because it is still an evolving area and new ways to improve accessibility are being found all the time. As of now, we believe that the techniques used on this site are some of the best but no doubt, this will be out of date in a matter of weeks!

So what is the approach we have adopted?

Flash

A quick word on flash before we move on to things that are more important. Some hard line accessibility zealots will no doubt disapprove of our use of flash on this site. However, we believe that if used correctly flash and accessibility can sit comfortably side by side. Whenever we have used flash we have ensure it is accompanied by a clearly marked description and alternative ways of accessing the same information it provides.

WAI guidelines

If you are bothering to read this page, you have probably already heard of the WAI guidelines which three levels of accessibility. This site has been designed to be level three compliant (the highest level), with one notable exception.

Checkpoint 3.4 states:

Use relative rather than absolute units in markup language attribute values and stylesheet property values.

In short, this means that everything should be scalable. That includes fonts and layout. Although in our default style, we have made the body text scalable, the rest of the interface is not. It was our feeling that, after experimenting with both scalable and elastic sites, complying with this checkpoint would undermine the . This would jeopardise our first objective, which was to show sites could be both accessible AND visually appealing. Obviously, this decision is a subjective one, but it should not be interpreted as a lack of commitment to people with a visual impairment and who require the ability to resize text. We have just chosen to solve the problem in another way (see below).

Low vision version

Because we have largely conformed with the WAI guidelines and built the site using web standards we are hopefully that of speech will not encounter any serious problems. Of course, you can make no guarantees as speech have more options than you can shake a stick at, and it is possible one of these will screw up the site.

However, there is a much larger group of visually impaired people, which do not use speech browsers, but do require an enhanced interface. One option is to make all the fonts on your site resizable as explained above, but this fails to tackle some of the other issues faced by visually impaired users. We have therefore introduced a low vision style for the site that is designed specifically to meet these users’ needs without compromising the default user interface.

No doubt some of you reading this page are thinking; "but hang on, doesn’t this fly in the face of RNIB policy on web accessibility?" This refers to a statement on the RNIB site that says:

At RNIB, we recommend against providing a text only version as much as possible, simply because being treated differently can reinforce the feeling of marginalisation that someone with a disability experiences.

However, we are not talking about a separate text only version of the site that quickly becomes out of date because it is poorly maintained. What we have done is create a secondary interface to the same content designed specifically for a visually impaired . They are accessing exactly the same content, simply displayed in a way that suits them.

Post to Twitter Post to Delicious

What did you think about this post?

Leave a comment

Additional Information

Produced by Headscape

Boagworld is produced by the web design agency Headscape founded by Marcus, Paul and Chris Scott. Headscape also has a number of other talented guys who blog. Check them out.

  • Craig Rowe is one of our amazing developers and writes some superb posts on everything from .net to AIR apps.

  • Ed Merritt is a Headscape designer who's blog contains examples of his work and a number of free Wordpress themes.

  • Dave McDermid is a Headscape developer who has an excellent blog. He blogs on everything from AJAX to security.

  • Rob Borley is one of our project managers and blogs regularly on client and project management issues.

  • Leigh Howells is our multimedia design guru (whatever one of those is). He blogs on a mixture of design and music.

You can now download my video presentation of 40 better ways to work with clients for only £9.25.