Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Accessibility audits for the modern web Charity Web Forum Richard Freeman 2nd November 2007
Accessibility audits – what’s that about? <ul><li>Why bother? </li></ul><ul><li>What is accessibility? </li></ul><ul><li>F...
Why bother with accessibility? <ul><li>Everyone stand up please! </li></ul>
What is accessibility? <ul><li>You say tomato, I say tomaaahhto… </li></ul><ul><li>Defined by the WAI from  ?  </li></ul><...
First stage of auditing – what to test <ul><li>Three levels in Website Accessibility Initiative from W3C: </li></ul><ul><u...
First stage of auditing – still what to test <ul><li>Different levels of ability? </li></ul><ul><ul><li>Motor skills </li>...
Second stage of auditing – who tests <ul><li>Accessibility audit = MOT ? </li></ul><ul><li>Accessibility audit = medical s...
Round 1 -> self-testing <ul><li>Online checkers </li></ul><ul><ul><li>Valid (x)html and css –  http://validator.w3c.org </...
Round 2 -> own user testing <ul><li>Identify own site users to test using their own technologies </li></ul><ul><li>Pros </...
Round 3 -> specialist agency testing <ul><li>Can supply expert analysis as well as users chosen to test </li></ul><ul><li>...
Third stage of auditing - the aftermath  <ul><li>Results / reports arrive </li></ul><ul><li>Review and decide on work to a...
Auditing – a summary <ul><li>Level or standard to achieve </li></ul><ul><li>Users to target </li></ul><ul><li>Sections of ...
Auditing – a case study <ul><li>http://www.skillsforhealth.org.uk   </li></ul><ul><ul><li>Self-audit  </li></ul></ul><ul><...
Auditing – a practical example <ul><li>http://www.lightupalife.org.uk   </li></ul>Check against WAI standards Check for va...
Check with images and css off
 
 
Thanks! <ul><li>mail@ richardfreeman .me. uk </li></ul><ul><li>http://www. slideshare .net/ richard .freeman   </li></ul>
Upcoming SlideShare
Loading in …5
×

Accessibility Audit

832 views

Published on

This is the presentation that I gave to the Charity Web Forum recently...

Published in: Technology, Design
  • Be the first to comment

Accessibility Audit

  1. 1. Accessibility audits for the modern web Charity Web Forum Richard Freeman 2nd November 2007
  2. 2. Accessibility audits – what’s that about? <ul><li>Why bother? </li></ul><ul><li>What is accessibility? </li></ul><ul><li>First, second, third stage of auditing </li></ul><ul><li>Summary </li></ul><ul><li>Case study – www.skillsforhealth.org.uk </li></ul><ul><li>Practical example – www.lightupalife.org.uk </li></ul><ul><li>Questions / general verbal abuse </li></ul>
  3. 3. Why bother with accessibility? <ul><li>Everyone stand up please! </li></ul>
  4. 4. What is accessibility? <ul><li>You say tomato, I say tomaaahhto… </li></ul><ul><li>Defined by the WAI from ? </li></ul><ul><li>Awarded by the RNIB? </li></ul><ul><li>Checked by Bobby / Watchfire? </li></ul><ul><li>Moving towards a more general approach… </li></ul><ul><ul><li>“ Accessibility is the goal of making web pages easier to navigate and read.” - Wikipedia </li></ul></ul>
  5. 5. First stage of auditing – what to test <ul><li>Three levels in Website Accessibility Initiative from W3C: </li></ul><ul><ul><li>Level A – quite accessible </li></ul></ul><ul><ul><li>Level AA – reasonably accessible </li></ul></ul><ul><ul><li>Level AAA – very accessible </li></ul></ul><ul><li>Which to choose? </li></ul><ul><ul><li>Cabinet office view = Level AA </li></ul></ul><ul><ul><li>DDA / DRC = not specified </li></ul></ul><ul><ul><li>Examples – Oxfam=A World Vision = AA </li></ul></ul>
  6. 6. First stage of auditing – still what to test <ul><li>Different levels of ability? </li></ul><ul><ul><li>Motor skills </li></ul></ul><ul><ul><li>Eyesight </li></ul></ul><ul><ul><li>Hearing </li></ul></ul><ul><ul><li>Cognition </li></ul></ul><ul><li>Different levels of technology? </li></ul><ul><ul><li>Internet Browsers </li></ul></ul><ul><ul><li>Assistive devices </li></ul></ul><ul><ul><li>Computers vs televisions vs consoles </li></ul></ul><ul><li>Different pages? </li></ul><ul><ul><li>Templates in CMS </li></ul></ul><ul><ul><li>All pages on site or **problem pages** </li></ul></ul>
  7. 7. Second stage of auditing – who tests <ul><li>Accessibility audit = MOT ? </li></ul><ul><li>Accessibility audit = medical self-diagnosis? </li></ul><ul><li>Accessibility audit = Arabella Weir? </li></ul><ul><ul><ul><li>Round 1 -> self-testing </li></ul></ul></ul><ul><ul><ul><li>Round 2 -> own user testing </li></ul></ul></ul><ul><ul><ul><li>Round 3 -> specialist agency testing </li></ul></ul></ul><ul><li>Timing ? Separate ? Cost ? Results? </li></ul>
  8. 8. Round 1 -> self-testing <ul><li>Online checkers </li></ul><ul><ul><li>Valid (x)html and css – http://validator.w3c.org </li></ul></ul><ul><ul><li>WAI initiative – http://www.cynthiasays.com </li></ul></ul><ul><ul><li>Colour contrasts - http://juicystudio.com/services/colourcontrast.php </li></ul></ul><ul><ul><li>Colour blindness - http://www.vischeck.com/vischeck/vischeckURL.php </li></ul></ul><ul><ul><li>Page analysis - http://www.tawdis.net/taw3/cms/en or http://www.wave.webaim.org/index.jsp </li></ul></ul><ul><li>Switching things off </li></ul><ul><ul><li>CSS / JavaScript / Colour / Sessions with http://chrispederick.com/work/web-developer/ </li></ul></ul>
  9. 9. Round 2 -> own user testing <ul><li>Identify own site users to test using their own technologies </li></ul><ul><li>Pros </li></ul><ul><ul><li>Cheap and easy to recruit </li></ul></ul><ul><ul><li>Keen to help develop website </li></ul></ul><ul><ul><li>Can work with you over time </li></ul></ul><ul><li>Cons </li></ul><ul><ul><li>Know the website too well </li></ul></ul><ul><ul><li>Might not be representative </li></ul></ul><ul><ul><li>May not be able to provide technical help </li></ul></ul>
  10. 10. Round 3 -> specialist agency testing <ul><li>Can supply expert analysis as well as users chosen to test </li></ul><ul><li>Pros </li></ul><ul><ul><li>Provide technical advice and solutions </li></ul></ul><ul><ul><li>More representative of website audience </li></ul></ul><ul><ul><li>Great experience of working in accessibility </li></ul></ul><ul><ul><li>Provide collated final report </li></ul></ul><ul><li>Cons </li></ul><ul><ul><li>Cost of work </li></ul></ul><ul><ul><li>Won’t necessarily know your content </li></ul></ul><ul><ul><li>Length of relationship </li></ul></ul>
  11. 11. Third stage of auditing - the aftermath <ul><li>Results / reports arrive </li></ul><ul><li>Review and decide on work to achieve </li></ul><ul><li>Roll out changes and document </li></ul><ul><li>Accessibility page: </li></ul><ul><ul><li>Oxfam – yes, Christian Aid – no, Wateraid - no </li></ul></ul><ul><li>Review </li></ul><ul><li>Review again </li></ul><ul><li>Feedback </li></ul>
  12. 12. Auditing – a summary <ul><li>Level or standard to achieve </li></ul><ul><li>Users to target </li></ul><ul><li>Sections of site to include </li></ul><ul><li>Who is testing and how </li></ul><ul><li>Implementing results of testing </li></ul><ul><li>Documenting </li></ul><ul><li>Review and feedback </li></ul>
  13. 13. Auditing – a case study <ul><li>http://www.skillsforhealth.org.uk </li></ul><ul><ul><li>Self-audit </li></ul></ul><ul><ul><li>Chose cms templates and **problem pages** </li></ul></ul><ul><ul><li>Selected external agency to test </li></ul></ul><ul><ul><li>Currently working through issues </li></ul></ul><ul><ul><li>Designing accessibility page and accessibility mechanism </li></ul></ul><ul><ul><li>Timescale – months </li></ul></ul><ul><ul><li>Cost - ££ </li></ul></ul>
  14. 14. Auditing – a practical example <ul><li>http://www.lightupalife.org.uk </li></ul>Check against WAI standards Check for valid (x)html and css
  15. 15. Check with images and css off
  16. 18. Thanks! <ul><li>mail@ richardfreeman .me. uk </li></ul><ul><li>http://www. slideshare .net/ richard .freeman </li></ul>

×