Practical steps to meeting the 180-day pledge
Posted on 26 Jul 2012 at 11:16
Léonie Watson, director of accessibility at Nomensa and Chair of the British Computer Association of the Blind, explains how to tweak your site to help blind and partially-sighted people
The PC Pro and RNIB 180 day pledge calls for you to make your websites and mobile apps more accessible to blind and partially sighted people.
If every organisation in the UK met the pledge, it would have an extraordinary effect on the lives of people like me who use a screen reader to access computers, tablets and smart phones. It would also have a positive effect on our digital economy, as more people would be able to access information, services and products online.
You might be wondering how to go about meeting it. Accessibility is something that should be woven into every aspect of your business, from policy level right down to your day to day activities. It takes time to plan and implement a successful strategy, but the five pledge points offer a terrific way to get started.
Font and text
Pledge 1: To avoid fixed size fonts, and make text size and colour user configurable
Open your website in your favourite browser, and play around with the text resize - not the zoom - capability. Does the text resize? Is it easy to read? Does the text start to overlap other content and hide it from view?
The 180-day pledgeThe five pledges are:
1. To avoid fixed-size fonts, and make text size and colour user-configurable where possible. Avoid the use of pattered backgrounds.
2. To make our website/app screen reader compatible with popular screen readers such as JAWS for Windows, SuperNova, VoiceOver and NVDA.
3. To use a consistent interface throughout our website/app.
4. To ensure that our website/app is fully accessible using the keyboard alone.
5. To test our website/app with blind and partially sighted users and their support groups before implementing major changes.
If the text doesn’t resize at all, the chances are that your website uses a fixed font, and you’re looking at your website with Internet Explorer. The text size has probably been defined using a fixed unit of measurement like a pixel. Most browsers treat pixels as flexible, but for the time being all versions of Internet Explorer do not.
The trick is to use a flexible unit of measurement to define text size on your website. The "em" is a good choice, and one used by many experienced developers. Doing this will enable people to resize the text on your website to suit themselves - the Derbyshire County Council site is a good example of one that works.
When you make text on your website flexible, you’ll also need to think about how the layout of each page will respond when the text is resized. Adapting your website so that each page has a little elasticity will mean that as the text size is increased, the rest of the content will flex to accommodate it. In this way you’ll ensure that people can read your information more easily, and be confident that the design of your website always looks good.
Now think about the colours your website uses. Does the colour of text contrast well against the background? Do you find it easy to read? Does the white background make it difficult to see when the light shines on your screen in a certain way?
Colour is an important aspect of brand identity, and it takes careful thought to create a brand colour palette that conveys the right messages. It can therefore seem unlikely that you’ll be able to provide alternate colour choices for partially sighted people, without contravening your brand guidelines.
Only partially works. Just bumped up the font to 40pt and half of the headline text runs into the photo - it is above the photo, but the contrast is so poor, you can't read it...
Fairly good example, but not perfect.
By big_D on 27 Jul 2012
Siteimprove Accessibility service
Informative post and great campaign iniative. As a b2b company we provide an accessibility module that runs with our Quality Assurance service. Some details in the video here (http://www.youtube.com/watch?v=o9jgTwBLXwI). Our accessibility consultants also regulary blogs on accessibility issues - http://siteimprove.co.uk/blog/accessibility.aspx Feel free to drop me a mail at email@example.com
By Jack_Siteimprove on 30 Jul 2012
For more details about purchasing this feature and/or images for editorial usage, please contact Jasmine Samra on firstname.lastname@example.org
- Europol warns: public Wi-Fi isn't safe
- IDC: iPad intertia opens door for Windows tablets
- Rivals put on notice as Spotify snaps up The Echo Nest
- Windows 8.1 Update 1 leaks via Microsoft's website
- Mozilla questions why Dell charges £16 to install Firefox
- Hundreds of NHS sites vulnerable to hackers
- Samsung Chromebook 2 gets faux-leather look - and bloatware
- Windows 8.1 Update 1 hits RTM
- Hackers take Meetup.com offline over $300 ransom
- Office 365 goes social with "Oslo" news feed
- Move over Delia: IBM Watson is cooking tonight
- Eric Schmidt on the double-edged smartphone: friend and foe
- Getty joins the race to the bottom
- Hour of Code: five steps to learn how to code
- Sony Xperia Z2 Tablet review: first look
- Sony Xperia Z2 review: first look
- Samsung Galaxy Gear 2 review: first look
- Nokia XL review: first look
- Samsung Galaxy S5 review: first look
- Nokia X review: first look