SlideShare ist ein Scribd-Unternehmen logo
1 von 35
CSUN 2013




              Accessibility:
       More than WCAG Compliance
               CSUN: 27 February 2013
                     San Diego
                          Roger Hudson
                          Web Usability
                          www.usability.com.au
Accessibility: More than WCAG compliance
CSUN 2013




               tale of two sites
                It’s the best of times,
                it’s the worst of times.
                We have everything before us,
                we have nothing before us.

                                           (Apologies Charles Dickens)
Accessibility: More than WCAG compliance
CSUN 2013

                    which for the chop?
              #1                                     #2
   Few images with no                      Colour contrast for
   ALT attributes.                         all text is 3.2:1.
   Success Criterion 1.1.1                 Success Criterion 1.4.3
   (Level A)                               (Level AA)




Accessibility: More than WCAG compliance
CSUN 2013




             And, what about site visitors?
                Screen reader users
                Screen magnifier users
                Those with impaired colour vision
                Older people
                Those who choose to turn off images




Accessibility: More than WCAG compliance
CSUN 2013




                    Accessibility
                    is about users



Accessibility: More than WCAG compliance
CSUN 2013


      But, the conversation is increasingly about
      complying with rules
      “Australian governments at all levels have endorsed WCAG
      2.0, and require all government websites (federal, state and
      territory) to meet the new guidelines at the minimum
      compliance level (Single A) by the end of 2012. In addition,
      the Australian Government requires all federal websites to
      meet the medium conformance level (Double A) by the end
      of2014.”
                           Web Accessibility National Transition Strategy
        (http://www.finance.gov.au/publications/wcag-2-implementation/index.html)




Accessibility: More than WCAG compliance
CSUN 2013


        How many times have you heard this?

      Client: “Does my site comply with this WCAG?”
      (whatever that is)




Accessibility: More than WCAG compliance
CSUN 2013


      And, WCAG is often misunderstood

      • WCAG 2.0 doesn’t prevent the use of any technology
        (although some regulators may dictate otherwise)
      • WCAG 2.0 Techniques are advisory – that is they are
        intended to provide advice and not rules
      • Not all the Techniques for each Success Criterion are
        relevant or need to be complied with




Accessibility: More than WCAG compliance
CSUN 2013




            Determining Accessibility
               It’s not rocket science
             But, nor is it a piece of cake




Accessibility: More than WCAG compliance
CSUN 2013




            Determining Accessibility
                Checklist conformance review
                                   OR
                             User testing
               In the perfect world, use both


Accessibility: More than WCAG compliance
CSUN 2013


                    Is this form accessible?




Accessibility: More than WCAG compliance
CSUN 2013


                  WCAG 2.0 Success Criteria
     1.3.1 Info and Relationships: Information, structure, and
     relationships conveyed through presentation can be
     programmatically determined or are available in text. (Level A)

     3.3.2 Labels or Instructions: Labels or instructions are
     provided when content requires user input. (Level A)

     4.1.2 Name, Role, Value: For all user user-interface
     components, the name and role can be programmatically
     determined; states, properties, and values that can be set by
     the user can be programmatically set; ... (Level A)


Accessibility: More than WCAG compliance
CSUN 2013


              WCAG 2.0 Sufficient Techniques
       H44: Using label elements to associate text labels with
       form controls (HTML)
       H65: Using the title attribute to identify form controls
       when the label element cannot be used (HTML)




Accessibility: More than WCAG compliance
CSUN 2013


              WCAG 2.0 Sufficient Techniques
       H44: Using label elements to associate text labels with
       form controls (HTML)
       H65: Using the title attribute to identify form controls
       when the label element cannot be used (HTML)

                        Advisory Technique
       ARIA1: Using the aria-describedby property to provide a
       descriptive label for input controls (ARIA)


                                                    Five form inputs
                                                         (NVDA)
Accessibility: More than WCAG compliance
CSUN 2013


               Checklist conformance review
            Manual inspection, made easier with tools:
                       WAT Toolbar for I.E.
              Firefox developer & accessibility tools
                         WebAIM - WAVE
                     Power Mapper - Sortsite
                Deque – FireEyes and WorldSpace
                          Total Validator
                             aViewer
                                etc

Accessibility: More than WCAG compliance
CSUN 2013


      One explicitly associated label




Accessibility: More than WCAG compliance
CSUN 2013


      One input title



        <span class="label">Text three</span>
        <input class="input" title="text three" name="third" type="text">




Accessibility: More than WCAG compliance
CSUN 2013


      What about the other three?

        <label><span class="label">Text two</span>
        <input class="input" name="second" type="text">
        </label>




Accessibility: More than WCAG compliance
CSUN 2013


      What about the other three?

        <label><span class="label">Text two</span>
        <input class="input" name="second" type="text">
        </label>



        <span class="label">Text four</span>
        <input class="input" id="fourthinput" name="fourth" type="text">




        <label class="label" id="five">Text five</label>
        <input class="input" id="fifthinput" name="fifth" type="text"
        aria-describedby="five“>
Accessibility: More than WCAG compliance
CSUN 2013


      Summary: Identification of inputs
        NVDA: All identified, apart from ‘Text four’
        WCAG compliance: Yes, No, Maybe




                                                       


                                                       
                                                       
Accessibility: More than WCAG compliance
CSUN 2013


        Time to move on from 1999
        The year of WCAG 1.0




Accessibility: More than WCAG compliance
CSUN 2013


                     Accessibility Barriers
                   Look for the barriers to access
                  as well as compliance with rules


                          Help not fear
                Access Barrier Score System (2011)

            NB: The proposed Access Barrier Score (2011) or the
            Accessibility Priority Tool (2013) are not suggested
            alternatives to, or replacements for WCAG 2.0.


Accessibility: More than WCAG compliance
CSUN 2013


            Access Barrier Scores System (2011)




        Identify and prioritise 26 common accessibility barriers
Accessibility: More than WCAG compliance
CSUN 2013


        Accessibility Priority Tool (APT) 2013




       Changes:
       • Name of some columns have changed
       • New column introduced (Importance Ranking)
       • Number of Access Barriers increased
Accessibility: More than WCAG compliance
CSUN 2013


    Two new Access Barrier categories




Accessibility: More than WCAG compliance
CSUN 2013


    New APT Excel column: “Importance ranking”
    Change in focus from an aid for accessibility evaluators, to a tool
    to help organisations and regulator prioritize accessibility issues.
    Allows those responsible for setting accessibility requirements
    to rank the importance of each of the access barriers.
    Importance rankings are determined prior to the accessibility
    evaluation depending on the circumstances. For example:
       • Regulators may set overall prioritise for issues
       • Individual organisations may use the rankings to focus on
         the issues that are particularly relevant to their audiences
       • Organisations may rank issues depending on their abilities
         to address them in a timely way.

Accessibility: More than WCAG compliance
CSUN 2013


            Using the Accessibility Priority Tool


             Demonstration of APT Excel worksheet
             The following 5 slides outline the points raised.




                    Accessibility Priority Tool Worksheet




Accessibility: More than WCAG compliance
CSUN 2013


    Preparing the APT worksheet:
    Importance ranking (Excel column H)
      • Rankings should set in advance by people with knowledge
        of the organisation and accessibility.
      • Based on organisation requirements and capabilities.
      • Reflect needs of the organisation clients and site audience.
      • For each barrier enter a score in the range of:
        1 (not important) to 5 (very important).
      • After Importance Rankings have been entered, column H
        will usually be hidden in the worksheets used to do
        evaluations.


Accessibility: More than WCAG compliance
CSUN 2013


    Using APT: Incidence score (Excel column D)
      Incidence score is entered by the person evaluating the site based on how
      frequently a site component causes an access barrier.
      Five point scoring system:
      0 – There is no incidence or occurrence of an access barrier.
      1 – Page component causes access problems up to 25% of the time.
      2 – Page component causes access problems between 25% and 50% of the
      time.
      3 – Page component causes access problems between 50% and 75% of the
      time.
      4 – The page component causes access problems more than 75% of the time.

      The score is not a raw measure of how often a problem occurs. It indicates the
      percentage of times that the use of particular site component will cause an access
      barrier.

Accessibility: More than WCAG compliance
CSUN 2013


    Using APT: Severity score (column E)
      Person evaluating the site uses the Severity score to rate the likely impact they
      believe each barrier will have for someone with a disability.
      Uses a five point scoring system:
      1. Minor inconvenience: Not likely to prevent access to content, but could be a
      minor irritant.
      2. Minor difficulty: Not likely to prevent access to content, but could affect the
      ability of some people to use a page.
      3. Average difficulty: Could make it difficult for some people to access content and
      use a page.
      4. Major problem: Could prevent some people from accessing or using page
      content.
      5. Extreme problem: Will prevent access to sections of the site or the ability to
      perform required functions.

      Allocation of the severity rating is subjective and can be influenced by the
      experiences and knowledge of accessibility evaluator.

Accessibility: More than WCAG compliance
CSUN 2013


    Using APT: Access Barrier Advice (column F)
      The APT Excel formula calculates the Access Barrier Advice from the:
       • Incidence and Severity scores entered by the accessibility evaluator, and
       • Importance Ranking values entered by the site regulator or owner in advance.

      The Access Barrier Advice is presented as:
         None
         Low
         Medium
         High
         Very High
         Critical

      NB: The Access Barrier Advice generated by the APT worksheet is just a suggestion
      and should not be solely relied upon.
      It may not accurately reflect the significance of a serious or important issue when
      the incidence is low.

Accessibility: More than WCAG compliance
CSUN 2013


    Using APT: Comments (Excel column G)
      The Accessibility Priority Tool will automatically indicate what accessibility issues
      have to be addressed and when.

      But, is a tool to help site managers make these decisions.

      The Comments section is an important part of the tool.

      It allows the person evaluating the accessibility of a site to provide their subjective
      impressions of the likely impact of potential access barriers, and highlight those
      that they believe will be most important.

      For example, one critical images without a text alternatives among many images
      that do have alt attributes.




Accessibility: More than WCAG compliance
CSUN 2013


    Lessons learnt and issues to explore
      • Setting the Importance Rankings and using the worksheet will
        require knowledge of accessibility.
      • I don’t think it is possible to make an automated system that can
        reliably prioritize accessibility issues for remediation.
      • Difficult to balance the needs of people with disabilities, with the
        desire to have a tool that is not too daunting or difficult.
      • The APT is not an alternative to WCAG when it comes to evaluating
        the accessibility compliance of sites.
      Just saying something is a problem can lead greater resistance to the
      concept of web accessibility.
      In my experience, many site owners and developers want to know how
      serious a problem is, for not all accessibility failings are equal.

Accessibility: More than WCAG compliance
CSUN 2013


                 Accessibility Priority Tool
            It’s free to use and change as you wish
            But please tell me, if it’s useful and how
            it might be improved

                    rhudson@usability.com.au




Accessibility: More than WCAG compliance
CSUN 2013


                 Accessibility Priority Tool
      APT Article:
      http://usability.com.au/2013/01/accessibility-priority-tool/

      APT Excel file: http://usability.com.au/wp-
      content/uploads/2013/01/Accessibility_Priority_Tool-worksheet.docx.xlsx




             Thank you and any comments
                   Roger Hudson, Web Usability
                         www.usability.com.au


Accessibility: More than WCAG compliance

Weitere ähnliche Inhalte

Was ist angesagt?

Web accessibility workshop 1
Web accessibility workshop 1Web accessibility workshop 1
Web accessibility workshop 1Vladimir Tomberg
 
Web accessibility evaluation tools
Web accessibility evaluation toolsWeb accessibility evaluation tools
Web accessibility evaluation toolsNaveenkumarS121
 
How Oracle Integrates Accessibility into the Development Process
How Oracle Integrates Accessibility into the Development ProcessHow Oracle Integrates Accessibility into the Development Process
How Oracle Integrates Accessibility into the Development Process3Play Media
 
Why should we care about Digital Accessibility?
Why should we care about Digital Accessibility?Why should we care about Digital Accessibility?
Why should we care about Digital Accessibility?Matthew Deeprose
 
Accessible digital culture: past, present and future
Accessible digital culture: past, present and futureAccessible digital culture: past, present and future
Accessible digital culture: past, present and futureMuseums Computer Group
 
What is WCAG 2 and why should we care?
What is WCAG 2 and why should we care?What is WCAG 2 and why should we care?
What is WCAG 2 and why should we care?Russ Weakley
 
Wordcamp buffalo
Wordcamp buffaloWordcamp buffalo
Wordcamp buffalothegeniusca
 
Accessibility Workshop
Accessibility WorkshopAccessibility Workshop
Accessibility WorkshopLar Veale
 
Reflections On Personal Experiences In Using Wikis
Reflections On Personal Experiences In Using WikisReflections On Personal Experiences In Using Wikis
Reflections On Personal Experiences In Using Wikislisbk
 
From Web Accessibility 2.0 to Web Adaptability (1.0)
From Web Accessibility 2.0 to Web Adaptability (1.0)From Web Accessibility 2.0 to Web Adaptability (1.0)
From Web Accessibility 2.0 to Web Adaptability (1.0)lisbk
 
Rapid Introduction to Web Accessibility
Rapid Introduction to Web AccessibilityRapid Introduction to Web Accessibility
Rapid Introduction to Web AccessibilityAll Things Open
 
A Contextual Framework For Standards
A Contextual Framework For StandardsA Contextual Framework For Standards
A Contextual Framework For Standardslisbk
 
What is accessibility?
What is accessibility?What is accessibility?
What is accessibility?Russ Weakley
 
Benefits of the Social Web: How Can It Help My Museum?
Benefits of the Social Web: How Can It Help My Museum?Benefits of the Social Web: How Can It Help My Museum?
Benefits of the Social Web: How Can It Help My Museum?lisbk
 
A quantitative analysis of wcag 2.0 compliance for some indian web portals
A quantitative analysis of wcag 2.0 compliance for some indian web portalsA quantitative analysis of wcag 2.0 compliance for some indian web portals
A quantitative analysis of wcag 2.0 compliance for some indian web portalsIJCSEA Journal
 
Chiara Evangelista - L'accessibilità nei social network: il caso Viadeo - Tes...
Chiara Evangelista - L'accessibilità nei social network: il caso Viadeo - Tes...Chiara Evangelista - L'accessibilità nei social network: il caso Viadeo - Tes...
Chiara Evangelista - L'accessibilità nei social network: il caso Viadeo - Tes...tesicamp
 
Reflections on 10 years of the Institutional Web
Reflections on 10 years of the Institutional WebReflections on 10 years of the Institutional Web
Reflections on 10 years of the Institutional Weblisbk
 
Usability ≠ Accessibility. An intro to web accessibility for agencies.
Usability ≠ Accessibility. An intro to web accessibility for agencies.Usability ≠ Accessibility. An intro to web accessibility for agencies.
Usability ≠ Accessibility. An intro to web accessibility for agencies.Kate Horowitz
 
[MS PowerPoint 97/2000 format]
[MS PowerPoint 97/2000 format][MS PowerPoint 97/2000 format]
[MS PowerPoint 97/2000 format]webhostingguy
 
Baking Accessibility Into Your Event Strategy
Baking Accessibility Into Your Event StrategyBaking Accessibility Into Your Event Strategy
Baking Accessibility Into Your Event StrategySofia Leiva Enamorado
 

Was ist angesagt? (20)

Web accessibility workshop 1
Web accessibility workshop 1Web accessibility workshop 1
Web accessibility workshop 1
 
Web accessibility evaluation tools
Web accessibility evaluation toolsWeb accessibility evaluation tools
Web accessibility evaluation tools
 
How Oracle Integrates Accessibility into the Development Process
How Oracle Integrates Accessibility into the Development ProcessHow Oracle Integrates Accessibility into the Development Process
How Oracle Integrates Accessibility into the Development Process
 
Why should we care about Digital Accessibility?
Why should we care about Digital Accessibility?Why should we care about Digital Accessibility?
Why should we care about Digital Accessibility?
 
Accessible digital culture: past, present and future
Accessible digital culture: past, present and futureAccessible digital culture: past, present and future
Accessible digital culture: past, present and future
 
What is WCAG 2 and why should we care?
What is WCAG 2 and why should we care?What is WCAG 2 and why should we care?
What is WCAG 2 and why should we care?
 
Wordcamp buffalo
Wordcamp buffaloWordcamp buffalo
Wordcamp buffalo
 
Accessibility Workshop
Accessibility WorkshopAccessibility Workshop
Accessibility Workshop
 
Reflections On Personal Experiences In Using Wikis
Reflections On Personal Experiences In Using WikisReflections On Personal Experiences In Using Wikis
Reflections On Personal Experiences In Using Wikis
 
From Web Accessibility 2.0 to Web Adaptability (1.0)
From Web Accessibility 2.0 to Web Adaptability (1.0)From Web Accessibility 2.0 to Web Adaptability (1.0)
From Web Accessibility 2.0 to Web Adaptability (1.0)
 
Rapid Introduction to Web Accessibility
Rapid Introduction to Web AccessibilityRapid Introduction to Web Accessibility
Rapid Introduction to Web Accessibility
 
A Contextual Framework For Standards
A Contextual Framework For StandardsA Contextual Framework For Standards
A Contextual Framework For Standards
 
What is accessibility?
What is accessibility?What is accessibility?
What is accessibility?
 
Benefits of the Social Web: How Can It Help My Museum?
Benefits of the Social Web: How Can It Help My Museum?Benefits of the Social Web: How Can It Help My Museum?
Benefits of the Social Web: How Can It Help My Museum?
 
A quantitative analysis of wcag 2.0 compliance for some indian web portals
A quantitative analysis of wcag 2.0 compliance for some indian web portalsA quantitative analysis of wcag 2.0 compliance for some indian web portals
A quantitative analysis of wcag 2.0 compliance for some indian web portals
 
Chiara Evangelista - L'accessibilità nei social network: il caso Viadeo - Tes...
Chiara Evangelista - L'accessibilità nei social network: il caso Viadeo - Tes...Chiara Evangelista - L'accessibilità nei social network: il caso Viadeo - Tes...
Chiara Evangelista - L'accessibilità nei social network: il caso Viadeo - Tes...
 
Reflections on 10 years of the Institutional Web
Reflections on 10 years of the Institutional WebReflections on 10 years of the Institutional Web
Reflections on 10 years of the Institutional Web
 
Usability ≠ Accessibility. An intro to web accessibility for agencies.
Usability ≠ Accessibility. An intro to web accessibility for agencies.Usability ≠ Accessibility. An intro to web accessibility for agencies.
Usability ≠ Accessibility. An intro to web accessibility for agencies.
 
[MS PowerPoint 97/2000 format]
[MS PowerPoint 97/2000 format][MS PowerPoint 97/2000 format]
[MS PowerPoint 97/2000 format]
 
Baking Accessibility Into Your Event Strategy
Baking Accessibility Into Your Event StrategyBaking Accessibility Into Your Event Strategy
Baking Accessibility Into Your Event Strategy
 

Andere mochten auch

Web Site Accessibility: Identifying and Fixing Accessibility Problems in Clie...
Web Site Accessibility: Identifying and Fixing Accessibility Problems in Clie...Web Site Accessibility: Identifying and Fixing Accessibility Problems in Clie...
Web Site Accessibility: Identifying and Fixing Accessibility Problems in Clie...Porfirio Tramontana
 
October 2014 | A211y - An Exploration into Accessibility, Agile & WCAG 2.0
October 2014 | A211y - An Exploration into Accessibility, Agile & WCAG 2.0October 2014 | A211y - An Exploration into Accessibility, Agile & WCAG 2.0
October 2014 | A211y - An Exploration into Accessibility, Agile & WCAG 2.0UXPA MN
 
Entrepreneurship In The News
Entrepreneurship In The NewsEntrepreneurship In The News
Entrepreneurship In The NewsChad Blenkin
 
WCAG 2.0, Simplified
WCAG 2.0, SimplifiedWCAG 2.0, Simplified
WCAG 2.0, Simplifiedciwstudy
 
Accessibility within the Web Environment
Accessibility within the Web EnvironmentAccessibility within the Web Environment
Accessibility within the Web EnvironmentVision Australia
 
Improving Web Accessibility for the Elderly
Improving Web Accessibility for the ElderlyImproving Web Accessibility for the Elderly
Improving Web Accessibility for the ElderlyRoger Hudson
 
From Word to WCAG 2.0: solving accessibility challenges
From Word to WCAG 2.0: solving accessibility challengesFrom Word to WCAG 2.0: solving accessibility challenges
From Word to WCAG 2.0: solving accessibility challengesRachel McAlpine
 
#Inbound14 Ignite: Marketing Without Barriers - Marisa Smith
#Inbound14 Ignite: Marketing Without Barriers - Marisa Smith#Inbound14 Ignite: Marketing Without Barriers - Marisa Smith
#Inbound14 Ignite: Marketing Without Barriers - Marisa SmithWhole Brain Group, LLC
 
Marketing Without Barriers: Considering Digital Accessibility for Customers a...
Marketing Without Barriers: Considering Digital Accessibility for Customers a...Marketing Without Barriers: Considering Digital Accessibility for Customers a...
Marketing Without Barriers: Considering Digital Accessibility for Customers a...Whole Brain Group, LLC
 
#Inbound14 - The Secrets to Long Lasting Client Relationships
#Inbound14  - The Secrets to Long Lasting Client Relationships#Inbound14  - The Secrets to Long Lasting Client Relationships
#Inbound14 - The Secrets to Long Lasting Client RelationshipsWhole Brain Group, LLC
 
CSUN 2017 - ACT Now: Accessibility Conformance Testing for WCAG
CSUN 2017 - ACT Now: Accessibility Conformance Testing for WCAGCSUN 2017 - ACT Now: Accessibility Conformance Testing for WCAG
CSUN 2017 - ACT Now: Accessibility Conformance Testing for WCAGMary Jo Mueller
 
What Makes Great Infographics
What Makes Great InfographicsWhat Makes Great Infographics
What Makes Great InfographicsSlideShare
 
Masters of SlideShare
Masters of SlideShareMasters of SlideShare
Masters of SlideShareKapost
 
STOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
STOP! VIEW THIS! 10-Step Checklist When Uploading to SlideshareSTOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
STOP! VIEW THIS! 10-Step Checklist When Uploading to SlideshareEmpowered Presentations
 
10 Ways to Win at SlideShare SEO & Presentation Optimization
10 Ways to Win at SlideShare SEO & Presentation Optimization10 Ways to Win at SlideShare SEO & Presentation Optimization
10 Ways to Win at SlideShare SEO & Presentation OptimizationOneupweb
 

Andere mochten auch (20)

Web Site Accessibility: Identifying and Fixing Accessibility Problems in Clie...
Web Site Accessibility: Identifying and Fixing Accessibility Problems in Clie...Web Site Accessibility: Identifying and Fixing Accessibility Problems in Clie...
Web Site Accessibility: Identifying and Fixing Accessibility Problems in Clie...
 
October 2014 | A211y - An Exploration into Accessibility, Agile & WCAG 2.0
October 2014 | A211y - An Exploration into Accessibility, Agile & WCAG 2.0October 2014 | A211y - An Exploration into Accessibility, Agile & WCAG 2.0
October 2014 | A211y - An Exploration into Accessibility, Agile & WCAG 2.0
 
Entrepreneurship In The News
Entrepreneurship In The NewsEntrepreneurship In The News
Entrepreneurship In The News
 
WCAG 2.0, Simplified
WCAG 2.0, SimplifiedWCAG 2.0, Simplified
WCAG 2.0, Simplified
 
Accessibility within the Web Environment
Accessibility within the Web EnvironmentAccessibility within the Web Environment
Accessibility within the Web Environment
 
Improving Web Accessibility for the Elderly
Improving Web Accessibility for the ElderlyImproving Web Accessibility for the Elderly
Improving Web Accessibility for the Elderly
 
From Word to WCAG 2.0: solving accessibility challenges
From Word to WCAG 2.0: solving accessibility challengesFrom Word to WCAG 2.0: solving accessibility challenges
From Word to WCAG 2.0: solving accessibility challenges
 
#Inbound14 Ignite: Marketing Without Barriers - Marisa Smith
#Inbound14 Ignite: Marketing Without Barriers - Marisa Smith#Inbound14 Ignite: Marketing Without Barriers - Marisa Smith
#Inbound14 Ignite: Marketing Without Barriers - Marisa Smith
 
6 Steps to Growing a Great Business
6 Steps to Growing a Great Business6 Steps to Growing a Great Business
6 Steps to Growing a Great Business
 
Marketing Without Barriers: Considering Digital Accessibility for Customers a...
Marketing Without Barriers: Considering Digital Accessibility for Customers a...Marketing Without Barriers: Considering Digital Accessibility for Customers a...
Marketing Without Barriers: Considering Digital Accessibility for Customers a...
 
#Inbound14 - The Secrets to Long Lasting Client Relationships
#Inbound14  - The Secrets to Long Lasting Client Relationships#Inbound14  - The Secrets to Long Lasting Client Relationships
#Inbound14 - The Secrets to Long Lasting Client Relationships
 
CSUN 2017 - ACT Now: Accessibility Conformance Testing for WCAG
CSUN 2017 - ACT Now: Accessibility Conformance Testing for WCAGCSUN 2017 - ACT Now: Accessibility Conformance Testing for WCAG
CSUN 2017 - ACT Now: Accessibility Conformance Testing for WCAG
 
WCAG 2.1 Mobile Accessibility
WCAG 2.1 Mobile AccessibilityWCAG 2.1 Mobile Accessibility
WCAG 2.1 Mobile Accessibility
 
Perception b.ed
Perception b.edPerception b.ed
Perception b.ed
 
The Build Trap
The Build TrapThe Build Trap
The Build Trap
 
What Makes Great Infographics
What Makes Great InfographicsWhat Makes Great Infographics
What Makes Great Infographics
 
Masters of SlideShare
Masters of SlideShareMasters of SlideShare
Masters of SlideShare
 
STOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
STOP! VIEW THIS! 10-Step Checklist When Uploading to SlideshareSTOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
STOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
 
You Suck At PowerPoint!
You Suck At PowerPoint!You Suck At PowerPoint!
You Suck At PowerPoint!
 
10 Ways to Win at SlideShare SEO & Presentation Optimization
10 Ways to Win at SlideShare SEO & Presentation Optimization10 Ways to Win at SlideShare SEO & Presentation Optimization
10 Ways to Win at SlideShare SEO & Presentation Optimization
 

Ähnlich wie Accessibility is More than Compliance

Lightning Talks by Globant - Accessibility for everyone testing tools
Lightning Talks by Globant - Accessibility for everyone testing toolsLightning Talks by Globant - Accessibility for everyone testing tools
Lightning Talks by Globant - Accessibility for everyone testing toolsGlobant
 
3 (de 3). Evaluación de Accessibilidad Digital
3 (de 3).  Evaluación de Accessibilidad Digital3 (de 3).  Evaluación de Accessibilidad Digital
3 (de 3). Evaluación de Accessibilidad DigitalDCU_MPIUA
 
My talk at Riga 2016 Web Accessibility Meetup
My talk at Riga 2016 Web Accessibility MeetupMy talk at Riga 2016 Web Accessibility Meetup
My talk at Riga 2016 Web Accessibility MeetupVladimir Tomberg
 
Accessibility for Content Developer, Designer, Code Developer and Tester
Accessibility for Content Developer, Designer, Code Developer and TesterAccessibility for Content Developer, Designer, Code Developer and Tester
Accessibility for Content Developer, Designer, Code Developer and TesterJatin Kochhar
 
Implementing WCAG 2.2 into Your Digital Strategy
Implementing WCAG 2.2 into Your Digital StrategyImplementing WCAG 2.2 into Your Digital Strategy
Implementing WCAG 2.2 into Your Digital Strategy3Play Media
 
Investigating the Appropriateness and Relevance of Mobile Web Accessibility G...
Investigating the Appropriateness and Relevance of Mobile Web Accessibility G...Investigating the Appropriateness and Relevance of Mobile Web Accessibility G...
Investigating the Appropriateness and Relevance of Mobile Web Accessibility G...chrisbailey000
 
Beginner’s Guide to WCAG 2.0 – Know Your Way Around Web Accessibility Rules
Beginner’s Guide to WCAG 2.0 – Know Your Way Around Web Accessibility RulesBeginner’s Guide to WCAG 2.0 – Know Your Way Around Web Accessibility Rules
Beginner’s Guide to WCAG 2.0 – Know Your Way Around Web Accessibility RulesJohn McNabb
 
Upa Conference Loic Nunez 18 June2008
Upa Conference Loic Nunez 18 June2008Upa Conference Loic Nunez 18 June2008
Upa Conference Loic Nunez 18 June2008Loic Nunez
 
WCAG 2.0: Why can't we all just get along?
WCAG 2.0: Why can't we all just get along?WCAG 2.0: Why can't we all just get along?
WCAG 2.0: Why can't we all just get along?AccessibilitéWeb
 
Is It WCAG 2.0 Compliant?
Is It WCAG 2.0 Compliant?Is It WCAG 2.0 Compliant?
Is It WCAG 2.0 Compliant?Rabab Gomaa
 
Role of-engineering-best-practices-to-create-an-inclusive-web final-1
Role of-engineering-best-practices-to-create-an-inclusive-web final-1Role of-engineering-best-practices-to-create-an-inclusive-web final-1
Role of-engineering-best-practices-to-create-an-inclusive-web final-1Srinivasu Chakravarthula
 
Whats new in WCAG 2.1
Whats new in WCAG 2.1Whats new in WCAG 2.1
Whats new in WCAG 2.1Ross Mullen
 
The Impact of Accessibility
The Impact of AccessibilityThe Impact of Accessibility
The Impact of AccessibilityJosh Amer
 
The Path to Digital Inclusivity WCAG Compliance Solutions.pdf
The Path to Digital Inclusivity WCAG Compliance Solutions.pdfThe Path to Digital Inclusivity WCAG Compliance Solutions.pdf
The Path to Digital Inclusivity WCAG Compliance Solutions.pdfAakash Saxena
 
Never mind the content: the importance of Authoring Tools in achieving Web Ac...
Never mind the content: the importance of Authoring Tools in achieving Web Ac...Never mind the content: the importance of Authoring Tools in achieving Web Ac...
Never mind the content: the importance of Authoring Tools in achieving Web Ac...David Sloan
 

Ähnlich wie Accessibility is More than Compliance (20)

Digital Accessibility
Digital AccessibilityDigital Accessibility
Digital Accessibility
 
Lightning Talks by Globant - Accessibility for everyone testing tools
Lightning Talks by Globant - Accessibility for everyone testing toolsLightning Talks by Globant - Accessibility for everyone testing tools
Lightning Talks by Globant - Accessibility for everyone testing tools
 
3 (de 3). Evaluación de Accessibilidad Digital
3 (de 3).  Evaluación de Accessibilidad Digital3 (de 3).  Evaluación de Accessibilidad Digital
3 (de 3). Evaluación de Accessibilidad Digital
 
My talk at Riga 2016 Web Accessibility Meetup
My talk at Riga 2016 Web Accessibility MeetupMy talk at Riga 2016 Web Accessibility Meetup
My talk at Riga 2016 Web Accessibility Meetup
 
Accessibility for Content Developer, Designer, Code Developer and Tester
Accessibility for Content Developer, Designer, Code Developer and TesterAccessibility for Content Developer, Designer, Code Developer and Tester
Accessibility for Content Developer, Designer, Code Developer and Tester
 
Implementing WCAG 2.2 into Your Digital Strategy
Implementing WCAG 2.2 into Your Digital StrategyImplementing WCAG 2.2 into Your Digital Strategy
Implementing WCAG 2.2 into Your Digital Strategy
 
Investigating the Appropriateness and Relevance of Mobile Web Accessibility G...
Investigating the Appropriateness and Relevance of Mobile Web Accessibility G...Investigating the Appropriateness and Relevance of Mobile Web Accessibility G...
Investigating the Appropriateness and Relevance of Mobile Web Accessibility G...
 
Beginner’s Guide to WCAG 2.0 – Know Your Way Around Web Accessibility Rules
Beginner’s Guide to WCAG 2.0 – Know Your Way Around Web Accessibility RulesBeginner’s Guide to WCAG 2.0 – Know Your Way Around Web Accessibility Rules
Beginner’s Guide to WCAG 2.0 – Know Your Way Around Web Accessibility Rules
 
Upa Conference Loic Nunez 18 June2008
Upa Conference Loic Nunez 18 June2008Upa Conference Loic Nunez 18 June2008
Upa Conference Loic Nunez 18 June2008
 
WCAG 2.0: Why can't we all just get along?
WCAG 2.0: Why can't we all just get along?WCAG 2.0: Why can't we all just get along?
WCAG 2.0: Why can't we all just get along?
 
Is It WCAG 2.0 Compliant?
Is It WCAG 2.0 Compliant?Is It WCAG 2.0 Compliant?
Is It WCAG 2.0 Compliant?
 
WCAG
WCAGWCAG
WCAG
 
Introduction To WCAG 2.0
Introduction To WCAG 2.0Introduction To WCAG 2.0
Introduction To WCAG 2.0
 
Role of-engineering-best-practices-to-create-an-inclusive-web final-1
Role of-engineering-best-practices-to-create-an-inclusive-web final-1Role of-engineering-best-practices-to-create-an-inclusive-web final-1
Role of-engineering-best-practices-to-create-an-inclusive-web final-1
 
Whats new in WCAG 2.1
Whats new in WCAG 2.1Whats new in WCAG 2.1
Whats new in WCAG 2.1
 
WCAG for Beginners
WCAG for BeginnersWCAG for Beginners
WCAG for Beginners
 
ADA Site Compliance
ADA Site ComplianceADA Site Compliance
ADA Site Compliance
 
The Impact of Accessibility
The Impact of AccessibilityThe Impact of Accessibility
The Impact of Accessibility
 
The Path to Digital Inclusivity WCAG Compliance Solutions.pdf
The Path to Digital Inclusivity WCAG Compliance Solutions.pdfThe Path to Digital Inclusivity WCAG Compliance Solutions.pdf
The Path to Digital Inclusivity WCAG Compliance Solutions.pdf
 
Never mind the content: the importance of Authoring Tools in achieving Web Ac...
Never mind the content: the importance of Authoring Tools in achieving Web Ac...Never mind the content: the importance of Authoring Tools in achieving Web Ac...
Never mind the content: the importance of Authoring Tools in achieving Web Ac...
 

Accessibility is More than Compliance

  • 1. CSUN 2013 Accessibility: More than WCAG Compliance CSUN: 27 February 2013 San Diego Roger Hudson Web Usability www.usability.com.au Accessibility: More than WCAG compliance
  • 2. CSUN 2013 tale of two sites It’s the best of times, it’s the worst of times. We have everything before us, we have nothing before us. (Apologies Charles Dickens) Accessibility: More than WCAG compliance
  • 3. CSUN 2013 which for the chop? #1 #2 Few images with no Colour contrast for ALT attributes. all text is 3.2:1. Success Criterion 1.1.1 Success Criterion 1.4.3 (Level A) (Level AA) Accessibility: More than WCAG compliance
  • 4. CSUN 2013 And, what about site visitors?  Screen reader users  Screen magnifier users  Those with impaired colour vision  Older people  Those who choose to turn off images Accessibility: More than WCAG compliance
  • 5. CSUN 2013 Accessibility is about users Accessibility: More than WCAG compliance
  • 6. CSUN 2013 But, the conversation is increasingly about complying with rules “Australian governments at all levels have endorsed WCAG 2.0, and require all government websites (federal, state and territory) to meet the new guidelines at the minimum compliance level (Single A) by the end of 2012. In addition, the Australian Government requires all federal websites to meet the medium conformance level (Double A) by the end of2014.” Web Accessibility National Transition Strategy (http://www.finance.gov.au/publications/wcag-2-implementation/index.html) Accessibility: More than WCAG compliance
  • 7. CSUN 2013 How many times have you heard this? Client: “Does my site comply with this WCAG?” (whatever that is) Accessibility: More than WCAG compliance
  • 8. CSUN 2013 And, WCAG is often misunderstood • WCAG 2.0 doesn’t prevent the use of any technology (although some regulators may dictate otherwise) • WCAG 2.0 Techniques are advisory – that is they are intended to provide advice and not rules • Not all the Techniques for each Success Criterion are relevant or need to be complied with Accessibility: More than WCAG compliance
  • 9. CSUN 2013 Determining Accessibility It’s not rocket science But, nor is it a piece of cake Accessibility: More than WCAG compliance
  • 10. CSUN 2013 Determining Accessibility Checklist conformance review OR User testing In the perfect world, use both Accessibility: More than WCAG compliance
  • 11. CSUN 2013 Is this form accessible? Accessibility: More than WCAG compliance
  • 12. CSUN 2013 WCAG 2.0 Success Criteria 1.3.1 Info and Relationships: Information, structure, and relationships conveyed through presentation can be programmatically determined or are available in text. (Level A) 3.3.2 Labels or Instructions: Labels or instructions are provided when content requires user input. (Level A) 4.1.2 Name, Role, Value: For all user user-interface components, the name and role can be programmatically determined; states, properties, and values that can be set by the user can be programmatically set; ... (Level A) Accessibility: More than WCAG compliance
  • 13. CSUN 2013 WCAG 2.0 Sufficient Techniques H44: Using label elements to associate text labels with form controls (HTML) H65: Using the title attribute to identify form controls when the label element cannot be used (HTML) Accessibility: More than WCAG compliance
  • 14. CSUN 2013 WCAG 2.0 Sufficient Techniques H44: Using label elements to associate text labels with form controls (HTML) H65: Using the title attribute to identify form controls when the label element cannot be used (HTML) Advisory Technique ARIA1: Using the aria-describedby property to provide a descriptive label for input controls (ARIA) Five form inputs (NVDA) Accessibility: More than WCAG compliance
  • 15. CSUN 2013 Checklist conformance review Manual inspection, made easier with tools: WAT Toolbar for I.E. Firefox developer & accessibility tools WebAIM - WAVE Power Mapper - Sortsite Deque – FireEyes and WorldSpace Total Validator aViewer etc Accessibility: More than WCAG compliance
  • 16. CSUN 2013 One explicitly associated label Accessibility: More than WCAG compliance
  • 17. CSUN 2013 One input title <span class="label">Text three</span> <input class="input" title="text three" name="third" type="text"> Accessibility: More than WCAG compliance
  • 18. CSUN 2013 What about the other three? <label><span class="label">Text two</span> <input class="input" name="second" type="text"> </label> Accessibility: More than WCAG compliance
  • 19. CSUN 2013 What about the other three? <label><span class="label">Text two</span> <input class="input" name="second" type="text"> </label> <span class="label">Text four</span> <input class="input" id="fourthinput" name="fourth" type="text"> <label class="label" id="five">Text five</label> <input class="input" id="fifthinput" name="fifth" type="text" aria-describedby="five“> Accessibility: More than WCAG compliance
  • 20. CSUN 2013 Summary: Identification of inputs NVDA: All identified, apart from ‘Text four’ WCAG compliance: Yes, No, Maybe    Accessibility: More than WCAG compliance
  • 21. CSUN 2013 Time to move on from 1999 The year of WCAG 1.0 Accessibility: More than WCAG compliance
  • 22. CSUN 2013 Accessibility Barriers Look for the barriers to access as well as compliance with rules Help not fear Access Barrier Score System (2011) NB: The proposed Access Barrier Score (2011) or the Accessibility Priority Tool (2013) are not suggested alternatives to, or replacements for WCAG 2.0. Accessibility: More than WCAG compliance
  • 23. CSUN 2013 Access Barrier Scores System (2011) Identify and prioritise 26 common accessibility barriers Accessibility: More than WCAG compliance
  • 24. CSUN 2013 Accessibility Priority Tool (APT) 2013 Changes: • Name of some columns have changed • New column introduced (Importance Ranking) • Number of Access Barriers increased Accessibility: More than WCAG compliance
  • 25. CSUN 2013 Two new Access Barrier categories Accessibility: More than WCAG compliance
  • 26. CSUN 2013 New APT Excel column: “Importance ranking” Change in focus from an aid for accessibility evaluators, to a tool to help organisations and regulator prioritize accessibility issues. Allows those responsible for setting accessibility requirements to rank the importance of each of the access barriers. Importance rankings are determined prior to the accessibility evaluation depending on the circumstances. For example: • Regulators may set overall prioritise for issues • Individual organisations may use the rankings to focus on the issues that are particularly relevant to their audiences • Organisations may rank issues depending on their abilities to address them in a timely way. Accessibility: More than WCAG compliance
  • 27. CSUN 2013 Using the Accessibility Priority Tool Demonstration of APT Excel worksheet The following 5 slides outline the points raised. Accessibility Priority Tool Worksheet Accessibility: More than WCAG compliance
  • 28. CSUN 2013 Preparing the APT worksheet: Importance ranking (Excel column H) • Rankings should set in advance by people with knowledge of the organisation and accessibility. • Based on organisation requirements and capabilities. • Reflect needs of the organisation clients and site audience. • For each barrier enter a score in the range of: 1 (not important) to 5 (very important). • After Importance Rankings have been entered, column H will usually be hidden in the worksheets used to do evaluations. Accessibility: More than WCAG compliance
  • 29. CSUN 2013 Using APT: Incidence score (Excel column D) Incidence score is entered by the person evaluating the site based on how frequently a site component causes an access barrier. Five point scoring system: 0 – There is no incidence or occurrence of an access barrier. 1 – Page component causes access problems up to 25% of the time. 2 – Page component causes access problems between 25% and 50% of the time. 3 – Page component causes access problems between 50% and 75% of the time. 4 – The page component causes access problems more than 75% of the time. The score is not a raw measure of how often a problem occurs. It indicates the percentage of times that the use of particular site component will cause an access barrier. Accessibility: More than WCAG compliance
  • 30. CSUN 2013 Using APT: Severity score (column E) Person evaluating the site uses the Severity score to rate the likely impact they believe each barrier will have for someone with a disability. Uses a five point scoring system: 1. Minor inconvenience: Not likely to prevent access to content, but could be a minor irritant. 2. Minor difficulty: Not likely to prevent access to content, but could affect the ability of some people to use a page. 3. Average difficulty: Could make it difficult for some people to access content and use a page. 4. Major problem: Could prevent some people from accessing or using page content. 5. Extreme problem: Will prevent access to sections of the site or the ability to perform required functions. Allocation of the severity rating is subjective and can be influenced by the experiences and knowledge of accessibility evaluator. Accessibility: More than WCAG compliance
  • 31. CSUN 2013 Using APT: Access Barrier Advice (column F) The APT Excel formula calculates the Access Barrier Advice from the: • Incidence and Severity scores entered by the accessibility evaluator, and • Importance Ranking values entered by the site regulator or owner in advance. The Access Barrier Advice is presented as: None Low Medium High Very High Critical NB: The Access Barrier Advice generated by the APT worksheet is just a suggestion and should not be solely relied upon. It may not accurately reflect the significance of a serious or important issue when the incidence is low. Accessibility: More than WCAG compliance
  • 32. CSUN 2013 Using APT: Comments (Excel column G) The Accessibility Priority Tool will automatically indicate what accessibility issues have to be addressed and when. But, is a tool to help site managers make these decisions. The Comments section is an important part of the tool. It allows the person evaluating the accessibility of a site to provide their subjective impressions of the likely impact of potential access barriers, and highlight those that they believe will be most important. For example, one critical images without a text alternatives among many images that do have alt attributes. Accessibility: More than WCAG compliance
  • 33. CSUN 2013 Lessons learnt and issues to explore • Setting the Importance Rankings and using the worksheet will require knowledge of accessibility. • I don’t think it is possible to make an automated system that can reliably prioritize accessibility issues for remediation. • Difficult to balance the needs of people with disabilities, with the desire to have a tool that is not too daunting or difficult. • The APT is not an alternative to WCAG when it comes to evaluating the accessibility compliance of sites. Just saying something is a problem can lead greater resistance to the concept of web accessibility. In my experience, many site owners and developers want to know how serious a problem is, for not all accessibility failings are equal. Accessibility: More than WCAG compliance
  • 34. CSUN 2013 Accessibility Priority Tool It’s free to use and change as you wish But please tell me, if it’s useful and how it might be improved rhudson@usability.com.au Accessibility: More than WCAG compliance
  • 35. CSUN 2013 Accessibility Priority Tool APT Article: http://usability.com.au/2013/01/accessibility-priority-tool/ APT Excel file: http://usability.com.au/wp- content/uploads/2013/01/Accessibility_Priority_Tool-worksheet.docx.xlsx Thank you and any comments Roger Hudson, Web Usability www.usability.com.au Accessibility: More than WCAG compliance

Hinweis der Redaktion

  1. Okay, say we have two sites:One with a few images in the content area that are missing alt attributesThe other, where the developer has gone for the subtle look, so contrast ratio for all the text is 3.2:1For most of us neither of these sites is likely to present any accessibility problems.So which is the least accessible?Which is the most likely to cause users problems?Or to continue to take liberties with Charles Dickens’s Tale of Two Cities, which developers should go to the guillotine and which to the Bastille?
  2. Now this is the people’s court, you have to choose.Bear in mind however, that under WCAG 2.0 failure to include alternatives for non-text content is a Level A issue – an absolute no-no, but only a few alts are missing. On the other hand, colour contrast is at Level AA and a contrast ratio of 3.2:1 would be fine for text that is considered “large”, but all the text on the site is too low.Okay, hands up those who want to give the thumbs down, to mix historical metaphors, to the missing alts.And now, those who feel our subtle colour scheme should go to the chopping block.And, the rest of you are just going to sit there knitting, watching the action.
  3. Now, let’s consider our two examples from the perspective of some potential site users:For people who rely on a screen reader, the missing alts would be a serious problem if the images were important, but only a minor irritation if they don’t convey any significant content or functionality.But of course, the lack of adequate text alternatives can affect other people such as those with slow internet connection who turn off images in order to reduce the time it takes for pages to load. They might be cross if they have to turn on images just to see a picture of your aunt Mary or Uncle Bob. For most screen magnifier users, the failure to include a couple of alt attributes is not likely to be a problem, but inadequate colour contrast could well be.And, those with an impaired ability to distinguish colours may not worry about missing alts at all, but the low contrast ratio could render all the text totally unreadable.
  4. For the individual web user, the accessibility of a site depends on many factors:1. For a start there are the personal barriers to web access that they might face, for example:technological or environmental limitations, a physical disability that might necessitate the use of an assist device, or a cognitive, learning or language problems that make the content of a page hard to understand. 2. Then we need to consider the actual quality of the website code. Has the site been prepared in a way that will allow the content to be accessible. 3. Then there is the ability of the user-agents, such as browsers and screen readers, to present the content of the page in a way that the user can perceive. 4. And finally, how skilful is the user in using the browser and/or assistive technology they rely on to access the web. It is wrong to assume that most people know how to use the accessibility features of a browser or computer operating system, or that all assistive technology users are expert users of their technology.
  5. Although web accessibility should be primarily about how well people can access content, over the last few years the conversations have been increasingly about complying with rules, in Australia at least, and maybe many other countries as well.For example, at the beginning of 2010 the Australian Government adopted WCAG 2, requiring the sites of all government agencies to move to double A compliance by the end of 2014 as part of a National Transition Strategy. But compliance with a set of predetermined guidelines, no matter how comprehensive they might be, is no guarantee of accessibility, a fact well recognised by the W3C in the introduction to WCAG 2.0.
  6. How often have you had clients ask does my site comply WCAG? They often have no real understanding of what it might mean, just that it something they are supposed to ask about.
  7. And even within the web community WCAG 2.0 is often misunderstood.You still hear people with many years experience producing high quality web content or tools saying things like “you can’t use JavaScript if you want to comply with WCAG”. The whole move to technological neutrality in WCAG 2 seems to have washed over them without raising so much as ripple of understanding.Same thing with the difference between ‘normative’ Guidelines and Success Criteria and ‘informative’Techniques. Many people interpret the WCAG techniques as Rules ,with a capital R; Even in discussions of topics on the WAI interest group mail list.I sometimes come across very conscientious and well meaning developers who become pre-occupied with the idea of complying with as many techniques as possible for each Success Criteria. Often this is unnecessary, and sometimes counter-productive when it comes to improving overall accessibility of a page element.
  8. Working out if a page is likely to cause any accessibility problems is not rocket science, but then again, it is not a piece of cake either.With a bit of knowledge and a few tools it is pretty easy to get a good idea if a site does or does not fully comply with WCAG 2. However, determining the accessibility implications of non-compliance, and what can be done to overcome it, does take a bit more work and experience.
  9. When it comes to determining the accessibility of websites, the discussion is often polarised around two simplistic choices: A compliance or conformance- based approach that usually involves a checklist of criteria; or, some form of user testing by people who have different disabilities and/or who rely on different assistive technologies. Both approaches have their strength and limitations, and neither can provide a reliable declaration about the accessibility of a site on its own.Ideally, any thorough accessibility evaluation should involve both approaches, but the constraints of budgets and time often mean that this is not possible.
  10. In order to help illustrate some of the complexities involved in determining if some web content is accessible or not, I have prepared this very simple and innocuous looking form. The form has just five text inputs, imaginatively labelled text one, text two etc.The accessibility of this form, and all other web content, can depend on a variety of factors, but fundamentally it comes down to a question of how well all web users are able perceive and interact with the component.Screen reader users, for example, need to be able to easily identify the purpose of each form input, and people who are unable to use a mouse need to be able to access all elements of the form with the keyboard.But, for the purpose of this talk I am not concerned about anything other than how these five form inputs are identified, or labelled. They all look the same visually, but the ways they have been coded is different, and are they all accessible?What sort of result do we get when they are tested with screen readers? And, what happens when we test for strict compliance the Web Content Accessibility Guidelines?But first, a quick reminder of the relevant WCAG 2 Sufficient Techniques for identifying form inputs.
  11. It seems to me, that there are three Level A Success Criteria that relate directly to the identification of form inputs:1.3.1 Info and relationships3.3.2 Labels or instructions4.1.2 Name, role, valueThere is also the Level double A Criterion 2.4.6 Headings and labels, which canvasses much the same a 3.3.2 when it comes to identifying form inputs.
  12. At this time, the W3C suggest two Sufficient Techniques for identifying form inputs:H44: Using label elements to associate text labels with form controls (HTML) H65: Using the title attribute to identify form controls when the label element cannot be used (HTML)
  13. And, one Advisory Technique which uses WAI-ARIAARIA1: Using the aria-describedby property to provide a descriptive label for input controls (ARIA)So, how do our five input form perform with screen readers.I will run through the form using NVDA, a free screen reader which I am sure all of you are very familiar with and hopefully support with the occasional donation. If not, please do because they whole thing is run by a couple of very bright young Australians with very limited resources.I use NVDA with an Australian voice, Nicole, from Ivona. I use the Australian voice because to my ear it is easier to understand than the standard e-speak voice.
  14. A checklist conformance review usually involves someone manually checking a site or selected pages from a site often using a variety of tools. You can run automated tools right through a site to see how well it conforms, but these just provide a snapshot or overview of likely issues, many of which will require later manual checking to verify.Tools are just that, tools! They are something to help you do what you need to do. Accessibility tools can only measure things that can be measured programmatically, like, does an image has an alt attribute. But, they can’t tell you if the alt attribute is appropriate.These are just some of the tools I use when checking the accessibility of sites. But today I am going to use my old favourite the WAT toolbar developed and maintained by Steve Faulkner, who now works for the Paciello Group.
  15. Well with NVDA, it seems that all of the inputs can be identified when just reading down the form. And, all apart from number 4 can be identified with ease when filling the form in.When we check the page with the WAT toolbar it indicates: the first input has an explicitly associated label, inputs two and five have label elements that don’t contain the “for” attribute, And, input 4 appears to have an “id”, but no label.
  16. The WAT tool bar, or an examination of the page code, quickly tells us that Input three is identified with a title attribute and, as we saw earlier, title can be used when it is not possible to use a label.However in the form we do have a visible label for text three, but if we leave aside the question of whether or not we should in fact be using the label element in this case, we know that title attribute can be used to identify form inputs and still comply.So Input 1 has an explicitly associated label and Input 3 uses the title attribute, but what about the other three inputs.
  17. Text two was clearly identified by NVDA since both the label and the input are inside the label element. Although, this is quite acceptable from a HTML specifications point of view, it is not provided as one of the technique examples in WCAG 2.0.As far as I can see, the reason it is not cited as a Sufficient Technique is because some years back screen reader support for this was patchy. But with modern screen readers today, it seems to be pretty good – so let’s call that a MAYBE.
  18. With Text Four, the answer is simple: Since there is no label and no input title attribute, there is no accessibility API for the screen reader to hang on to. So that is clearly a NO.Number five is more interesting because here we move into the realm of WAI-ARIA and the advisory technique about using ARIA-DESCRIBEDBY to provide descriptive labels. Even though this is an advisory technique only, it appears to be well supported by recent versions of commonly used screen readers and is consider an acceptable way of complying by the WAVE tool, so I think we can call that a YES.
  19. So back to the question: Are all these form inputs accessible?Well, they can all be identified by modern screen readers at least. And all, with the exception of number 4, have identifying information that can be exposed to screen readers via the API.But when it comes to WCAG 2, in my opinion only text input one, which uses an explicitly associated label, unambiguously complies with WCAG 2.0 Success Criteria, however I think we can say YES to Text One and Text Five. At the other extreme, text input four unambiguously doesn’t comply. So that is clearly a NO.The remaining two are open to interpretation and discussion. For me, things like this are the exciting challenge with web accessibility today.
  20. When WCAG 1.0 was released in 1999, Ajax was just a cleaning product and Prince told us it was a great time to party. Back then Web content technologies and assistive technologies were much more primitive than what they are today and it was relatively easy to set criteria for determining what was accessible.A good starting point was to just say if it ain’t basic HTML forget it, or provide an alternative. And, none of this fancy JavaScript stuff thank you very much!Oh how the world has changed, and it’s time to stop pretending its 1999.Now, web developers and clients are pushing the accessibility envelope everyday by wanting to include more sexy elements on the page and greater interactivity. For example, during the last year or so, there seems to have been a growing fascination with providing sliders for users to input information and then displaying the results in a graph. I can’t for the life of me see what is wrong with text inputs and a data table ; but then I guess I am just a bit old-fashioned.I now want to talk about another way of identifying accessibility issues that I have been playing with for the last year or so.
  21. While checklists of criteria may provide an indication of whether or not a site complies, they don’t usually provide much information about the likely impact non-compliance may have for web users with disabilities.During 2011, I began looking at ways we might consider the accessibility of web content from the perspective of the likely access barriers it might present to user. One of the main motivations for doing this was to find a way of helping clients understand the significance of accessibility issues on their sites and prioritise their efforts in correcting them. In part, this was a reaction to the look of bamboozled panic the acronym WCAG caused on the faces of some clients. Sadly, sometimes as a result accessibility experts who seem more interested in generating fear, and perhaps work, rather than helping clients make the content of their sites more accessible to as many people as possible. At the end of 2011, I suggested the Access Barrier Score system which aims to provide a measure of how often barriers to accessibility occur in a site, and the likely seriousness of those barriers. This was the precursor of the Accessibility Priority Tool which I will outline in a few minutes. I would like to stress, neither the 2011 Access Barrier Score or the 2013 Accessibility Priority Tool are intended to replace WCAG 2.0, but to be used in conjunction with it.
  22. Before discussing the recent Accessibility Priority Tool, I think it might be worth looking briefly at the original Barrier Score system.The Access Barrier Score system is basically an excel worksheet containing 26 common accessibility barriers. The worksheet records the incidence (or frequency), and severity of each potential access barrier as determined by an experienced accessibility evaluator. These scores then generate a “Remediation Priority” ranging from ‘Critical’ to ‘None’ which can be used by developers and site owners to prioritize those issues that need to be addressed. I am most grateful for the help I got from Andrew Downie in making the Excel sheet work.Over the last 12 months I have been using the Access Barrier Score when reviewing the accessibility of websites and I have provided a completed ABS sheet in conjunction with my reports on the accessibility of sites. The feedback from clients and web developers to the ABS sheet has been generally very positive. Most clients reported the worksheet made it easier for them to see the extent and severity of problems and they also found the Remediation Priority generated by the system useful. Over the year, I have also received suggestions from clients, developers and accessibility practitioners about how the system might be improved.
  23. Here’s a brief overview of the changes that I made in preparing the Accessibility Priority tool earlier this year:First, the labels of a few columns has changed, most importantly the old “Remediation Priority” has been replaced with “Access Barrier Advice”. This was mainly done to stop people being too literal when interpreting the information in this columnI have also introduced a new column, “Importance Ranking” which I will talk about in a few minutes.When preparing the original Accessibility Barrier Score worksheet, I was very keen to keep the number of barriers as low as possible in order to reduce the risk of information overload. This meant that some issues got combined and others were overlooked. For example issues relating to keyboard operability were contained within one barrier. The 26 barriers identified in the 2011 worksheet have been expanded to 33 with the Accessibility Priority Tool.
  24. Also, as a result of feedback, the priority tool introduces two new categories of access barriers.Use of Other Technologies: This has been included because many sites now use third-party components such as social networking tools or ticketing systems, that are often inaccessible. And, sometimes the major, or only, cause of accessibility problems on a site relate to inaccessibility of these tools, so I thought it would be useful to provide a way of highlighting them. Device Usability: When reviewing the accessibility of sites I am being increasingly asked to comment on how well they will work on an iphone or tablet, so I have introduced this new category as a way of providing some basic feedback on the usability of sites with different devices.
  25. I now want to talk about the new Importance Ranking column. I work with many different organizations, ranging from small not-for-profits with perhaps one part-time web worker, to government agencies and corporation with large web teams, numbering in the hundreds. And, while the easy to understand information provided by the original Access s Barrier Score system was generally useful, among the feedback I got from the larger organizations was the desire for a tool that could reflect their requirements and capabilities, as well as the needs of their site users.As such, the focus of the Accessibility Priority Tool has shifted from being something for individual accessibility evaluators, to a tool that can be used by large organizations where many different people may be responsible for determining and maintaining the accessibility of the web content.2013 Accessibility Priority Tool allows the organization, and not just the person doing the accessibility evaluation, to have an input into the perceived importance of different accessibility barriers in the worksheet. Thereby, bringing greater consistency in the prioritization of issues from the results obtained by the different people who evaluate the accessibility of web content.Importance Ranking should be determined well in advance by the organisation, depending on their circumstances and resources, e.g:Regulator want to set national of industry agendaOrganizations meeting the specific requirements, and the needs of their users and site audienceOrganisations highlighting the issues that they have the in-house capabilities to address immediately.
  26. Determining the Importance Ranking for each access barrier, will require an awareness of the needs of the organisation and primary audience for the site, as well an understanding of the general principles of web accessibility.I also believe that people using the Accessibility Priority Tool worksheet when reviewing the accessibility of a site should have experience in evaluating web content accessibility, and I imagine they will probably use a range of accessibility testing tools and a screen reader, for example NVDA.I am going to now walk through the Accessibility Priority Tool Excel worksheet. (The following slides outline the issues discussed during the demonstration)
  27. Starting, with the Importance ranking (column H).As I just said, this should be done in advance. With large organisations and government agencies this will probably be done by the in-house team responsible for determining and monitoring the accessibility of sites.For small organisations it should be undertaken by an experienced accessibility evaluator, but it should still be done in advance of the actual evaluation and in close consultation with the client organisations.(NB: The Importance Ranking values that are already entered into the worksheet are my perceptions of the relative importance of issues. These can, and should, be changed as required to meet the specific needs of different organisations.)The Importance Ranking values are used by the Excel formula when calculating the advice generated about each access barrier.I envisage that once the Importance Rankings have been decided and entered, this column will usually not be displayed when the Excel worksheet is being used during the evaluation of web content.
  28. A person using the worksheet when reviewing a site will mainly be concerned with the Incidence score, column D, and the Severity Score, Column E.Incidence score is a measure of how frequently the person using the tool believes that a particular barrier occurs on the site, or how frequently the way a site component is used does not meet the relevant accessibility requirements. The score is not a raw measure of how often a problem occurs, but rather an indication of how often, in percentage terms, the use of particular site component is likely to cause problems.While evaluating the site, the person doing the evaluation enters an Incidence Score in Column D for each access barrier item using a five point scoring system:0 – There is no incidence or occurrence of a failure to make the component accessible.1 – The use of the page component or element causes access problems up to 25% of the time.2 – The use of the page component or element causes access problems between 25% and 50% of the time.3 – The use of the page component or element causes access problems between 50% and 75% of the time.4 – The use of the page component or element causes access problems more than 75% of the time.A few examples:If there are 10 images, and 4 of those images have no alt text, the lack of a text alternative could cause a problem 40% of the time images are used, so the incidence score would be 2.If a site has just one CAPTCHA and it is inaccessible; then 100% of the times CAPTCHA is used could cause a problem, so the incidence score would be 4.If a site contains a number of pages with good content headings and sub-headings that use the correct mark-up, but on one page there are a few sub-headings that don’t use heading elements, then incidence score for the use of heading elements would be 1.
  29. The Severity score (Column E) is used to record the likely impact the accessibility evaluator believes each barrier will have for someone with a disability.The impact is rated with a Severity score of 1 to 5, where 1 is a minor inconvenience, and 5 indicates an extreme problem that will totally prevent some people from accessing the site content or functionality. For example:1. Minor inconvenience: Not likely to prevent anyone from accessing content, but could be a minor irritant.2. Minor difficulty: Not likely to prevent anyone from accessing content, but could affect the ability of some people to use a page.3. Average difficulty: Could make it difficult for some people to access content and use a page.4. Major problem: Could prevent some people from accessing or using page content.5. Extreme problem: Will prevent access to sections of the site or the ability to perform required functions.Allocation of the severity rating will of course be subjective, and as such, is always liable to be influenced by the experiences and knowledge of the person making the decision. This is one of the reasons why I believe it is important for anyone using the suggested Accessibility Priority Tool to have some knowledge of accessibility and assistive technologies.
  30. The Access Barrier Advice is determined by the APT tool from an Excel formula which uses: The Incidence and Severity scores entered by the accessibility evaluator, andThe Importance Ranking values entered by the site regulator or owner in advance.The Access Barrier Advice for each item is then presented using the following terms: None, Low, Medium, High, Very High, and Critical.NB: The Access Barrier Advice generated by the APT worksheet is just a suggestion and as such should not be solely relied upon. Since, the advice may not accurately reflect the significance of a serious or important issue when the incidence is low. For example, a critical image with a missing text alternative among many (less important) images with good text alternatives.
  31. The Accessibility Priority Tool is not intended to be an automated process that can tell you what to fix on your site and when. Rather, it is a tool to help site managers make these decisions.The comments section (Column G) is an important part of the tool since it allows the evaluator to provide their subjective impressions of the likely impact of potential access barriers, and highlight those that they believe will be most important.For example, as I just mentioned, the Access Barrier Advice generated by the Excel formula may under report the importance of critical issues that occur infrequently: If there is one critical image with a missing text alternative among many less important images with good text alternatives, the APT will generate a maximum Access Barrier Advice of “High”. However the image might be absolutely essential to the ability of people to use the site, say a login button, and this fact would be recorded in the comment section so that it is available when decisions are being made about prioritising efforts to correct accessibility issues on the site.
  32. I would like to finish with a few comments about some of the lessons I have learnt and some points for discussion.First, to pick-up on something I have already mentioned, I believe it will be important for the setting of the Importance Rankings to be done by someone with a knowledge of accessibility. And, the person using the worksheet when reviewing a site should also know about accessibility.Second, given the complex nature of websites and diversity of user needs, I don’t think it is possible to make an automated system that can reliably priortize issues for remediation. The outlier issues, like low incidences of critical failings or high incidences of minor irritants are always likely to present anomalies in the results.Third, finding the balance between providing enough likely barrier items to represent the needs of people with disabilities, and the desire to have a tool that is not too daunting to use or difficult to understand. I am not sure I have it right, so if you want to try out the tool feel free to add, remove or edit the access barrier items as you wish. Fourth, don’t use decimal points when preparing Excel formulas! Many thanks to Detlev for identifying this problem in the worksheet and it will be fixed soon, once again I hope with Andrew’s considerable assistance.And finally, I would like to stress once again, this should not be seen as an alternative to WCAG when it comes to evaluating the accessibility compliance of sites. It is just a tool to help in the process of identifying and priortising issues that should be addressed.In my experience, just telling a client or web developer that something is a problem they must fix can often lead to greater resistance or hostility towards the whole concept of web accessibility. Most site owners and developers want to obtain some indication of the severity of the various problems you might see on their site so that they can prioritize their remediation efforts, for not all accessibility failings are equal.
  33. I think this tool may be particularly useful to organisations that have a number of people monitoring the accessibility of sites. It considers both the needs of the organisation and the audience for the site, as well as input from experienced accessibility evaluators, when determining advice relating to each of the potential accessibility barriers. Organisations can then combine this advice with knowledge of their own in-house accessibility capabilities when determining those issues they might be able to address quickly (the so called low-hanging fruit) and those that might take longer and require greater resources.If you are interested in trying the Accessibility Priority Tool please do so. Also feel free to modify it as you like.All I ask is that you give me some feedback about how well it works and any suggestions for how it might be improved.
  34. Thank you,And, I think we have few minutes it there is anything you would like to comment on or discuss about both the Accessibility Priority Tool or my general concerns relating to the tendency of clients and regulators to view accessibility as just a series of items on checklist that have to be ticked-off.