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 firstname.lastname@example.org
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 email@example.com
- What is Google Inbox?
- How to get the Windows 10 Technical Preview, plus release date, features and latest news
- Nexus 6 release date, specs and price: when will the Nexus 6 go on sale in the UK?
- Lenovo and Ashton Kutcher launch Yoga Tablet 2 Pro, Yoga Tablet 2 and Yoga 3 Pro
- Lenovo Yoga event live stream: watch Ashton Kutcher's tablet launch live
- HTC shows off Desire Eye selfie phone and periscope-like camera
- Xim: the slideshow app to get excited about
- Adobe has more apps for iOS, but none for Android
- How to download and install Windows 10 Technical Preview
- iPhone 6 Plus "less likely to bend than HTC One"
- Google Glass: mugger bait, pub problem and other lessons learned from two dangerous weeks
- Twitter, please don't fiddle with my feed
- How Satya Nadella can get some pay-raise karma
- Windows 10: a step back to go forward
- Michael Dell: Cloud infrastructure is the roads, bridges and highways of the 21st century
- How to check your identity hasn’t been sold to the hackers
- Tim Cook: this is how much TV has changed since the 70s
- Westminster wins the .London battle
- 20 years of PC Pro: from deep pan pizza to virtualisation
- Five reasons why the Apple Watch leaves me cold