SlideShare a Scribd company logo
Insights into Cognitive
   Web Accessibility

          Jared Smith
       http://webaim.org
Cognitive and learning disabilities are complex
Principles
• Memory
• Problem-solving
• Attention
• Reading, linguistic, and verbal comprehension
• Math comprehension
• Visual comprehension
Cognitive disability is not a binary state
Cognitive Web Accessibility

Principles and techniques that ensure content is
 as widely available as possible to people with
        cognitive and learning disabilities
Very Difficult! Why?

 Previous research is sparse and disparate

       It’s a very diverse population

 Recommendations for one disability may
        disadvantage another

Cognitive and learning disabilities have been
    largely unaddressed in guidelines
WebAIM’s Project
• Create an automated web accessibility
 evaluation tool, similar to WAVE, for cognitive
 accessibility.
• Focus on K-12 students
• Provide insight into cognitive and learning
 disability and web accessibility
Our Goal

• Cognitive accessibility principles that are...
   • broadly applicable
   • of interest and use to web developers
   • machine testable
Our Process
• Literature review
     • Broadly applicable
 • Developer survey
     • Of interest to web developers
 • Analysis
     • Machine testable
 • User testing
     • Verify applicability and relevance
Elements Analyzed

• Font size
• Headings
• Images
• Line length
• Lists
• Multimedia
• Reading level
• Search
• Serif vs. sans-serif text
User Testing

• Matched Pairs
    • Tried to isolate the element being
       analyzed
• Measured efficiency, effectiveness, and
  satisfaction/ease
• 8 grade 6-12 students with cognitive or
  learning disabilities
Small font size
                vs
slightly above average font size


 Larger text was more efficient, effective, and
          satisfying in nearly all cases
Images paired with text content
              vs.
      text content alone
Images paired with text content
    vs. text content alone



7 out of 8 were more efficient and more
          satisfied with images
Line Length

           Short (~25 characters)
                     vs.
          average (~75 characters)
                     vs.
           long (~120 characters)

All subjects took longer on the long line length
   pages. Little difference between short and
                      average.
Line Length

 Students perceived the long line length page as
being shorter than the others and reported it as
                 being easiest...

...but it actually took them much longer to read it.
Multimedia


 Seven of the eight students were more efficient
 and also expressed more user satisfaction from
the page with the video instructions than the one
            with written instructions.
Less conclusive
• Headings
   • Students were slightly more efficient
     without headings. Though the short subject
     matter likely affected this.
   • Students sometimes did not read headings
• Lists
   • Student preferred the page with lists, but
     were no more efficient with them.
Less conclusive
• Reading level
   • No marked difference (though a very short
     sample)
• Search
   • Spelling proved difficult.
   • They took time to choose “the one” correct
     search result (probably a factor of the testing)
• Serif vs. Sans-serif
   • No marked difference
   • Many other studies show no difference in WEB
     readability or comprehension, but significant
     differences in satisfaction.
Initial Findings and Observations


    Perceived difficulty may have a
  bigger impact than actual difficulty
Perceived difficulty
Page with larger text appeared shorter
   (though it wasn’t) and was thus
         perceived as easier.

 Was the page more efficient because of
large text or because it was perceived as
                easier???
Perceived difficulty


Make your page LOOK easy
Initial Findings and Observations



    Confirmation for confidence
Confirmation for confidence

Students spent a lot of time finding
    THE ONE correct answer.

Search results were overwhelming.
Confirmation for confidence
It wasn't a matter of finding the
correct answer, it was a matter of
  choosing the correct answer.

   Make your pages simple and
 intuitive. Provide error recovery
             mechanisms.
Initial Findings and Observations



  Distractions
Distractions

   Keep visual aids clean,
simple, and complementary
      to the content
Initial Findings and Observations



            Self-paced
Self-paced
Multimedia introduces a specific timing
     element. Can users keep up?

 A transcript, a prominent pause feature,
and an ability to quickly rewind or replay
the video allow users to use multimedia
            at their own pace.
Initial Findings and Observations



    Consistency and organization
Consistency and organization

  While organizational
  elements (headings,
   lists, etc.) can help
accessibility, they should
be clearly differentiable
 from other elements.
Consistency and organization
Consistency and organization

  The “Science of Hockey” section was nearly
invisible to some students. Some never found it
        after minutes of reading the page.

 It was a parallel item to the other sports, but
        was not presented consistently.
Much more work needs to be
     done in this area
Questions and Discussion




         ?
Thank You!

       Jared Smith
    http://webaim.org
twitter: @jared_w_smith

More Related Content

PPTX
Open educational resources - Pros and Cons
PPTX
With Accessibility in Mind
PDF
Accessibility Best Practices for Online Learning Content
PPTX
Screencasting Tutorial DRN
PPTX
Using exemplars to discuss variable source quality in computer science
PPTX
Discovery Here, Discovery There: The Pros and Cons of Local & Remote Hosting ...
PDF
PLUTO Institute: Accessibility and Universal Design
PDF
Implementation of Proloquo2Go for Students with AAC Needs
Open educational resources - Pros and Cons
With Accessibility in Mind
Accessibility Best Practices for Online Learning Content
Screencasting Tutorial DRN
Using exemplars to discuss variable source quality in computer science
Discovery Here, Discovery There: The Pros and Cons of Local & Remote Hosting ...
PLUTO Institute: Accessibility and Universal Design
Implementation of Proloquo2Go for Students with AAC Needs

Viewers also liked (20)

PDF
Implementing ARIA for Real World Accessibility
PDF
The Legend of the Typical Screen Reader User
PDF
Web Accessibility Gone Wild (Now Even MORE Wilder!)
PDF
Keyboard and Interaction Accessibility Techniques
PDF
ARIA Gone Wild
PPT
Cognitive learning
PPT
Cold Tundra Project Watts
PDF
One Man Band - Drupal Lightning Talks
PPT
My Tundra Project Martin
PDF
Axfood presentation Q3 2013
KEY
Web 2.0 = Accessibility 2.0?
PDF
Enlace de comunicaciones por microondas ciudad universitaria (pachuca)–campus...
PDF
2016 artigo wireless control
PDF
Nace12 humphrey
PDF
Using A Video Off The Internet
PDF
Innerwealth Living Inspired Magazine July Edition
PPT
Untitled 2
PDF
Raport Finanse w Internecie
PPT
CSLA Keynote: Ellen Siminoff
PDF
Sertifikats
Implementing ARIA for Real World Accessibility
The Legend of the Typical Screen Reader User
Web Accessibility Gone Wild (Now Even MORE Wilder!)
Keyboard and Interaction Accessibility Techniques
ARIA Gone Wild
Cognitive learning
Cold Tundra Project Watts
One Man Band - Drupal Lightning Talks
My Tundra Project Martin
Axfood presentation Q3 2013
Web 2.0 = Accessibility 2.0?
Enlace de comunicaciones por microondas ciudad universitaria (pachuca)–campus...
2016 artigo wireless control
Nace12 humphrey
Using A Video Off The Internet
Innerwealth Living Inspired Magazine July Edition
Untitled 2
Raport Finanse w Internecie
CSLA Keynote: Ellen Siminoff
Sertifikats
Ad

Similar to Insights into Cognitive Web Accessibility (20)

PPT
SADIe - Taming The Inaccessible Web
PPT
Day 2 Am What Do We Do
PPT
Chat 1
PPTX
Web Usability Meets Course Website Usability
PPTX
Content for Everyone
PDF
Creating usable websites for people with learning disabilities
PDF
Creating engaging and accessible online courses with wordpress.com
PPT
Bazley Developing And Evaluating Online Resources
PPT
Writing for the web 2010
PPT
Elements of Streamlined Online Course Design
PDF
Creation of Delivery and Presentation Standards for Boating Safety Courses
PPT
Ada workshop msl_8_24
PPT
Universal design for e learning final
PPT
Web Usability Content Design
PPT
Lecture 9 Usability Orignal
PDF
Web design , accessibility, and usability tips in Blackboard
PDF
Thoughts on design
PPTX
Prototyping Accessibility: Booster 2019
PPT
090511 Appleby Magna Overview Presentation
PPTX
Prototyping Accessibility - WordCamp Europe 2018
SADIe - Taming The Inaccessible Web
Day 2 Am What Do We Do
Chat 1
Web Usability Meets Course Website Usability
Content for Everyone
Creating usable websites for people with learning disabilities
Creating engaging and accessible online courses with wordpress.com
Bazley Developing And Evaluating Online Resources
Writing for the web 2010
Elements of Streamlined Online Course Design
Creation of Delivery and Presentation Standards for Boating Safety Courses
Ada workshop msl_8_24
Universal design for e learning final
Web Usability Content Design
Lecture 9 Usability Orignal
Web design , accessibility, and usability tips in Blackboard
Thoughts on design
Prototyping Accessibility: Booster 2019
090511 Appleby Magna Overview Presentation
Prototyping Accessibility - WordCamp Europe 2018
Ad

Recently uploaded (20)

PDF
Getting Started with Data Integration: FME Form 101
PDF
Enhancing emotion recognition model for a student engagement use case through...
PDF
1 - Historical Antecedents, Social Consideration.pdf
PPTX
cloud_computing_Infrastucture_as_cloud_p
PDF
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
PDF
Zenith AI: Advanced Artificial Intelligence
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PPTX
Chapter 5: Probability Theory and Statistics
PPTX
A Presentation on Artificial Intelligence
PDF
Hybrid model detection and classification of lung cancer
PPTX
Group 1 Presentation -Planning and Decision Making .pptx
PDF
August Patch Tuesday
PDF
Web App vs Mobile App What Should You Build First.pdf
PDF
WOOl fibre morphology and structure.pdf for textiles
PDF
Assigned Numbers - 2025 - Bluetooth® Document
PDF
Encapsulation_ Review paper, used for researhc scholars
PPTX
SOPHOS-XG Firewall Administrator PPT.pptx
PDF
A comparative analysis of optical character recognition models for extracting...
PPTX
TechTalks-8-2019-Service-Management-ITIL-Refresh-ITIL-4-Framework-Supports-Ou...
PDF
A novel scalable deep ensemble learning framework for big data classification...
Getting Started with Data Integration: FME Form 101
Enhancing emotion recognition model for a student engagement use case through...
1 - Historical Antecedents, Social Consideration.pdf
cloud_computing_Infrastucture_as_cloud_p
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
Zenith AI: Advanced Artificial Intelligence
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Chapter 5: Probability Theory and Statistics
A Presentation on Artificial Intelligence
Hybrid model detection and classification of lung cancer
Group 1 Presentation -Planning and Decision Making .pptx
August Patch Tuesday
Web App vs Mobile App What Should You Build First.pdf
WOOl fibre morphology and structure.pdf for textiles
Assigned Numbers - 2025 - Bluetooth® Document
Encapsulation_ Review paper, used for researhc scholars
SOPHOS-XG Firewall Administrator PPT.pptx
A comparative analysis of optical character recognition models for extracting...
TechTalks-8-2019-Service-Management-ITIL-Refresh-ITIL-4-Framework-Supports-Ou...
A novel scalable deep ensemble learning framework for big data classification...

Insights into Cognitive Web Accessibility

  • 1. Insights into Cognitive Web Accessibility Jared Smith http://webaim.org
  • 2. Cognitive and learning disabilities are complex
  • 3. Principles • Memory • Problem-solving • Attention • Reading, linguistic, and verbal comprehension • Math comprehension • Visual comprehension
  • 4. Cognitive disability is not a binary state
  • 5. Cognitive Web Accessibility Principles and techniques that ensure content is as widely available as possible to people with cognitive and learning disabilities
  • 6. Very Difficult! Why? Previous research is sparse and disparate It’s a very diverse population Recommendations for one disability may disadvantage another Cognitive and learning disabilities have been largely unaddressed in guidelines
  • 7. WebAIM’s Project • Create an automated web accessibility evaluation tool, similar to WAVE, for cognitive accessibility. • Focus on K-12 students • Provide insight into cognitive and learning disability and web accessibility
  • 8. Our Goal • Cognitive accessibility principles that are... • broadly applicable • of interest and use to web developers • machine testable
  • 9. Our Process • Literature review • Broadly applicable • Developer survey • Of interest to web developers • Analysis • Machine testable • User testing • Verify applicability and relevance
  • 10. Elements Analyzed • Font size • Headings • Images • Line length • Lists • Multimedia • Reading level • Search • Serif vs. sans-serif text
  • 11. User Testing • Matched Pairs • Tried to isolate the element being analyzed • Measured efficiency, effectiveness, and satisfaction/ease • 8 grade 6-12 students with cognitive or learning disabilities
  • 12. Small font size vs slightly above average font size Larger text was more efficient, effective, and satisfying in nearly all cases
  • 13. Images paired with text content vs. text content alone
  • 14. Images paired with text content vs. text content alone 7 out of 8 were more efficient and more satisfied with images
  • 15. Line Length Short (~25 characters) vs. average (~75 characters) vs. long (~120 characters) All subjects took longer on the long line length pages. Little difference between short and average.
  • 16. Line Length Students perceived the long line length page as being shorter than the others and reported it as being easiest... ...but it actually took them much longer to read it.
  • 17. Multimedia Seven of the eight students were more efficient and also expressed more user satisfaction from the page with the video instructions than the one with written instructions.
  • 18. Less conclusive • Headings • Students were slightly more efficient without headings. Though the short subject matter likely affected this. • Students sometimes did not read headings • Lists • Student preferred the page with lists, but were no more efficient with them.
  • 19. Less conclusive • Reading level • No marked difference (though a very short sample) • Search • Spelling proved difficult. • They took time to choose “the one” correct search result (probably a factor of the testing) • Serif vs. Sans-serif • No marked difference • Many other studies show no difference in WEB readability or comprehension, but significant differences in satisfaction.
  • 20. Initial Findings and Observations Perceived difficulty may have a bigger impact than actual difficulty
  • 21. Perceived difficulty Page with larger text appeared shorter (though it wasn’t) and was thus perceived as easier. Was the page more efficient because of large text or because it was perceived as easier???
  • 23. Initial Findings and Observations Confirmation for confidence
  • 24. Confirmation for confidence Students spent a lot of time finding THE ONE correct answer. Search results were overwhelming.
  • 25. Confirmation for confidence It wasn't a matter of finding the correct answer, it was a matter of choosing the correct answer. Make your pages simple and intuitive. Provide error recovery mechanisms.
  • 26. Initial Findings and Observations Distractions
  • 27. Distractions Keep visual aids clean, simple, and complementary to the content
  • 28. Initial Findings and Observations Self-paced
  • 29. Self-paced Multimedia introduces a specific timing element. Can users keep up? A transcript, a prominent pause feature, and an ability to quickly rewind or replay the video allow users to use multimedia at their own pace.
  • 30. Initial Findings and Observations Consistency and organization
  • 31. Consistency and organization While organizational elements (headings, lists, etc.) can help accessibility, they should be clearly differentiable from other elements.
  • 33. Consistency and organization The “Science of Hockey” section was nearly invisible to some students. Some never found it after minutes of reading the page. It was a parallel item to the other sports, but was not presented consistently.
  • 34. Much more work needs to be done in this area
  • 36. Thank You! Jared Smith http://webaim.org twitter: @jared_w_smith