Web accessibility: An overview 13 May 2010  |  Trenton Moss
About Webcredible User experience consultancy Usability & accessibility testing User research & requirements gathering  Information architecture  User-centered design Usability & accessibility training
Agenda True or false? Accessibility requirements: Blind Partially sighted Motor impaired Cognitive impaired Benefits of accessibility Embedding accessibility internally
True or false? True or false?
Websites should provide audio versions of pages for blind users Sites should use a large font size You can use as many images as you like on web pages Separate text-only versions are beneficial Making websites accessible is a UK legal requirement Accessibility is all about how the site is coded Accessibility can improve usability for everyone True or false? True False √ √ √ √ √ √ √
Accessibility requirements Accessibility requirements
Accessibility requirements Descriptive page title Skip link(s) Avoid accesskeys Lists Minimise noise ALT text: Descriptive ALT text for informative  images Null ALT text for decorative images Headings (inc. invisible headings) Descriptive links (front-loaded) Blind users
Accessibility requirements Resizable text Visible font resizer Text not embedded in images Large headings High contrast links Different background colours used Sufficient colour contrast Partially sighted users
Accessibility requirements Large link target Focus state for links Visible skip link Motor impaired users
Accessibility requirements Cognitive impaired users What’s the best tool? Why is Google’s tool good? How many tools does the article mention?
Accessibility requirements Descriptive headings Front-load page content 1 idea per paragraph & front-loaded Lists used Emboldened text Descriptive link text Left-aligned text Clear & simple language Cognitive impaired users
Benefits of accessibility Benefits of accessibility
Benefits Increase in reach to: 8.6m registered disabled people (14%; source: DRC) 2m people with a sight problem (4%; source: RNIB) 1 in 12 men and 1 in 200 women with colour blindness (9%; source: IEE) 12m people aged 60+ (21%; source: National Statistics) Better SEO & usability It’s the done thing It’s the law! Why you should care...
Benefits UK (DDA) Australia (DDA) USA (ADA) EU legislature The law
Testing for accessibility Embedding accessibility  internally
Embedding accessibility Find your knight in shining armour Raise awareness & knowledge: Awareness seminars Training Accessibility guidelines Ongoing testing: Expert review (Web Accessibility Toolbar) Automated testing Disabled user testing Range of activities
Trenton Moss Director trenton@webcredible.co.uk  020 7423 6324 www.webcredible.co.uk/blog  |  www.webcredible.co.uk/articles  |  www.twitter.com/webcredible

Web accessibility: An overview

  • 1.
    Web accessibility: Anoverview 13 May 2010 | Trenton Moss
  • 2.
    About Webcredible Userexperience consultancy Usability & accessibility testing User research & requirements gathering Information architecture User-centered design Usability & accessibility training
  • 3.
    Agenda True orfalse? Accessibility requirements: Blind Partially sighted Motor impaired Cognitive impaired Benefits of accessibility Embedding accessibility internally
  • 4.
    True or false?True or false?
  • 5.
    Websites should provideaudio versions of pages for blind users Sites should use a large font size You can use as many images as you like on web pages Separate text-only versions are beneficial Making websites accessible is a UK legal requirement Accessibility is all about how the site is coded Accessibility can improve usability for everyone True or false? True False √ √ √ √ √ √ √
  • 6.
  • 7.
    Accessibility requirements Descriptivepage title Skip link(s) Avoid accesskeys Lists Minimise noise ALT text: Descriptive ALT text for informative images Null ALT text for decorative images Headings (inc. invisible headings) Descriptive links (front-loaded) Blind users
  • 8.
    Accessibility requirements Resizabletext Visible font resizer Text not embedded in images Large headings High contrast links Different background colours used Sufficient colour contrast Partially sighted users
  • 9.
    Accessibility requirements Largelink target Focus state for links Visible skip link Motor impaired users
  • 10.
    Accessibility requirements Cognitiveimpaired users What’s the best tool? Why is Google’s tool good? How many tools does the article mention?
  • 11.
    Accessibility requirements Descriptiveheadings Front-load page content 1 idea per paragraph & front-loaded Lists used Emboldened text Descriptive link text Left-aligned text Clear & simple language Cognitive impaired users
  • 12.
    Benefits of accessibilityBenefits of accessibility
  • 13.
    Benefits Increase inreach to: 8.6m registered disabled people (14%; source: DRC) 2m people with a sight problem (4%; source: RNIB) 1 in 12 men and 1 in 200 women with colour blindness (9%; source: IEE) 12m people aged 60+ (21%; source: National Statistics) Better SEO & usability It’s the done thing It’s the law! Why you should care...
  • 14.
    Benefits UK (DDA)Australia (DDA) USA (ADA) EU legislature The law
  • 15.
    Testing for accessibilityEmbedding accessibility internally
  • 16.
    Embedding accessibility Findyour knight in shining armour Raise awareness & knowledge: Awareness seminars Training Accessibility guidelines Ongoing testing: Expert review (Web Accessibility Toolbar) Automated testing Disabled user testing Range of activities
  • 17.
    Trenton Moss Directortrenton@webcredible.co.uk 020 7423 6324 www.webcredible.co.uk/blog | www.webcredible.co.uk/articles | www.twitter.com/webcredible