SlideShare a Scribd company logo
The Stockholm Low Vision Center
Stockholm County Council



  WCAG guidelines -
   What about the
      Users?
    Birkir R. Gunnarsson, Blindrafelagid; The Icelandic
           Organization of the Visually Impaired
                        @birkir_gun
                      Hinni Hreinsson,
              The Stockholm Low Vision Center
                      @hm_hreinsson



                                                          1
Blindrafelagid, Icelandic
       organization of the visually
            impaired (BIOVI)
• BIOVI is a human rights organization
• Fights for independent and responsible living conditions for
  visually impaired people
• Fights for their secured equal rights and opportunities to
  responsible, active and recognized participation in all
  sectors of our community
• Similar to the National Federation of the Blind in the US




                                                                 2
Stockholm Low Vision Center

• Part of a public medical service of Stockholm County,
  population 2.1 million
• Workforce: 80 staff in 5 teams
• Has a specialized computer team that works with users of
  all ages
• The computer team has an annual average of 2000 visits




                                                             3
Why the two of us?
• Worked together at the Iceland National Institute for the
  Blind 2009/2012
• Birkir on web accessibility audits, making development
  recommendations
• Hinni training users on A.T., amongst other ventures
• Lots of discussions between us revealed that best practices
  recommendations did not always make it to A.T. trainers
  and end users




                                                                4
Why this project?
• Delivering web content requires 4 "players"
• A website that is accessible
• Browsers that render the content and build the Document
  Object Model (DOM)
• Assistive Technology that transforms content from the
  browser's DOM into suitable user interface
• And a user who interacts with the Assistive Technology and
  reads the content
• Are users aware that their screen reader can help them
  easily navigate within a well structured webpage?
• We felt this merited further study




                                                               5
Plans for the survey
• We suspected a lot of users were not aware of the role of
  headings or landmarks and that they did not take
  advantage of their table navigation hotkeys
• If this was the case, our plan was to investigate the current
  navigation strategies of screen reader users
• Then use the information from the survey to create a
  guide, vendor neutral, which could explain how you can use
  the screen reader to effectively read web pages
• Such a guide could benefit users at various stages of SR
  competence




                                                                  6
Interesting facts from the
   2012 WebAIM screen reader
              survey
• Survey of 1700 screen reader users
• 64.2% of screen reader users consider themselves
  advanced Internet users, only 2.2% consider themselves
  beginners
• Users keep their screen readers up to date
• 40.5% of users say they navigate by landmarks often or
  whenever they are present on a website
• Yet only 2.4% of users say they start with landmarks when
  exploring a large webpage
• Most people (60.8%) use headings when doing so




                                                              7
Our Survey
• Posted a survey of 9 questions through Survey Monkey
• We asked about various issues regarding web page
  navigation and SR usage
• Received 342 responses
• Thanks to GW Micro, Flying Blind, Jennifer Sutton and
  others who helped spread the word via mailing lists and
  Twitter
• The survey, results and analysis will be made available
  online




                                                            8
Screen reader usage and
             training

• Many users run multiple screen readers
• Most users have a screen reader that is up-to-date enough
  to support landmarks
• Only 21% of users received formal training on browsing
  with a screen reader
• Close to 80% use their SR webpage summary feature




                                                              9
Familiarity with landmarks,
 headings and table navigation
• About a third of the respondents indicated that they are
  familiar with and use landmarks for webpage navigation,
  the rest either sent in blank responses or indicated they
  were not sure what landmarks are
• About 60% of respondents are familiar with headings and
  use them for page navigation
• 61% of respondents know of, and use, their SR's table
  navigation hot keys to browse tables on websites




                                                              10
Examples of responses to the
     landmark question:
• Q: Do you know what "Landmarks" mean, and how do you
  detect the presence of, and skip between, landmarks on a
  webpage?
• Examples of the responses we received:
   – No
   – I don't really know what they mean, I hear JAWS refer to them but
     they don't seem useful
   – I've heard them mentioned, but I don't know what they are or how to
     use them
   – Not exactly
   – I have no idea what a landmark is. I guess I don't surf the web very
     much
   – They are a feature, but I do not know how they look on a web page. I
     hear the announcement and know they are related to a new way to
     make the web accessible. I have not used the hotkey for them.



                                                                            11
Web page exploration
              strategies
• Users can choose more than one answer, therefore results
  add up to more than 100%
• 80% of users use tab and arrow keys to explore page
• 80% of users use headings for page exploration
• 44% of users bring up a list of all links on the page in a list
  box (many SRs offer this)
• 31% explore by landmarks
• 30% use their SR page summary feature
• 20% of users use other methods
• 11% explore by "new element" (jump to the first
  occurrence of a different element, most SR's offer this)
• 8% of users use TAB and arrow keys exclusively


                                                                    12
Notable results:
• Users mostly learn to browse with a screen reader by
  themselves, little formalized training
• About 2/3 of users know how to navigate a table and use
  headings
• About 1/3 of users is familiar with landmarks and their use
• A large part of the user base still relies heavily on TAB and
  arrow keys to navigate a webpage
• Users utilize the page description element of screen readers




                                                                  13
Suggestions for improvements
• The survey indicates we can all do a few things to help
  users along:
• Web page developers: Use markup clearly and efficiently
• W3C standards: Consider a set of more clearly specified
  landmarks
• SR vendors: Include landmarks in web page summary
  features (not all major SRs do this even if they support
  landmark navigation)
• A.T. instructors: Can we reach out to more users?
• Make sure AT instructors teach effective browsing
  techniques




                                                             14
Educational web resource:
       How it would work
• Our goal is to create a simple online user manual which can
  explain how SR users can effectively navigate web pages
• This manual will include relevant navigation hotkeys for all
  screen readers
• The manual will be first written in English, and then
  translated to Swedish and Icelandic. Hopefully we could
  collaborate with those who are interested to translate the
  guide into more languages
• This information would then be updated as needed
• Web pages that are WCAG certified, or have an accessibility
  statement could link to this resource




                                                                 15
Thank you for your time and
           interest
• The full survey results will be presented at an EASI webinar
  on May 2nd, at 2pm EST. Users can sign up for the seminar
  at http://easi.cc from next week on ...

           We will update our progress via Twitter
                     Birkir and Hinni

                birkir.gunnarsson@gmail.com
                         @birkir_gun

                  hm.hreinsson@gmail.com
                      @hm_hreinsson


                                                                 16

More Related Content

PDF
Senior Living in a Socially Networked World
PPT
Coordinating Senior Care with Intuit's Weave
PDF
Create Accessible Infographics
PDF
YUI + Accessibility: Welcome the whole world
PPTX
Obesity around the world
PPTX
Obesity around the world
PDF
Rio 2016 Olympic Golf Tournament Infographic
PPTX
Obesity around the world!!
Senior Living in a Socially Networked World
Coordinating Senior Care with Intuit's Weave
Create Accessible Infographics
YUI + Accessibility: Welcome the whole world
Obesity around the world
Obesity around the world
Rio 2016 Olympic Golf Tournament Infographic
Obesity around the world!!

Viewers also liked (13)

PPTX
Obesity around the world
PDF
Social Media and that round of 59!
PPTX
Pres.sosio penyimpangan
PPTX
Pres.sosio
PPTX
Pres.sosio diferensiasi sosial
PDF
12 great golf based social media cover images
PPTX
Csun 2011 5 screenreaders-3 operating systems - 1 week - presentation
PPTX
Mtk histogram,ogive,poligon
PPTX
Obesity around the world
PPTX
Pengertian dan dalil zina
PPT
10 Ideas for golf marketing in 2015
PPTX
Powerpreter: Post Exploitation like a Boss
PPTX
Sosiologi (masyarakat multikultural)
Obesity around the world
Social Media and that round of 59!
Pres.sosio penyimpangan
Pres.sosio
Pres.sosio diferensiasi sosial
12 great golf based social media cover images
Csun 2011 5 screenreaders-3 operating systems - 1 week - presentation
Mtk histogram,ogive,poligon
Obesity around the world
Pengertian dan dalil zina
10 Ideas for golf marketing in 2015
Powerpreter: Post Exploitation like a Boss
Sosiologi (masyarakat multikultural)
Ad

Similar to Csun 2013 wcag what about the users-slideshare-2013 (20)

DOCX
Many people can intuitively categorize a website as good or bad,.docx
PDF
2010 UPA Presentation Final Version
PDF
Responsive Web Design
KEY
The Intersection of Usability, Accessibility, and SEO
PDF
Jacobi_Erik_Week4PresentationMobile
DOC
Usability Study
PDF
Low vision interaccion2018v4
PDF
Delivering Web to Mobile. Informe. CETIS
PDF
User Research Method Case Study- Design for the blind
PPSX
Creating Large-Scale Responsive Websites
PPTX
State of web development (2012)
PDF
Usability for Web Designers
PDF
Olivares moviweb
PDF
GAP A Tool for Visualize Web Site in Heterogeneus Mobile Devices
PDF
Optimizing User Experience with Responsive Web Design
PDF
Optimizing User Experience Across Devices with Responsive Web Design (Clariss...
PPT
UofC Digital Marketing Lecture 3
PDF
Is Mobile Really Necessary?
PPTX
What's trending?
Many people can intuitively categorize a website as good or bad,.docx
2010 UPA Presentation Final Version
Responsive Web Design
The Intersection of Usability, Accessibility, and SEO
Jacobi_Erik_Week4PresentationMobile
Usability Study
Low vision interaccion2018v4
Delivering Web to Mobile. Informe. CETIS
User Research Method Case Study- Design for the blind
Creating Large-Scale Responsive Websites
State of web development (2012)
Usability for Web Designers
Olivares moviweb
GAP A Tool for Visualize Web Site in Heterogeneus Mobile Devices
Optimizing User Experience with Responsive Web Design
Optimizing User Experience Across Devices with Responsive Web Design (Clariss...
UofC Digital Marketing Lecture 3
Is Mobile Really Necessary?
What's trending?
Ad

Recently uploaded (20)

DOCX
The AUB Centre for AI in Media Proposal.docx
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PDF
KodekX | Application Modernization Development
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PDF
Unlocking AI with Model Context Protocol (MCP)
PPTX
Cloud computing and distributed systems.
PDF
MIND Revenue Release Quarter 2 2025 Press Release
PDF
Electronic commerce courselecture one. Pdf
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
Encapsulation_ Review paper, used for researhc scholars
PDF
NewMind AI Weekly Chronicles - August'25 Week I
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PPTX
Programs and apps: productivity, graphics, security and other tools
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
The AUB Centre for AI in Media Proposal.docx
“AI and Expert System Decision Support & Business Intelligence Systems”
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
KodekX | Application Modernization Development
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Digital-Transformation-Roadmap-for-Companies.pptx
Unlocking AI with Model Context Protocol (MCP)
Cloud computing and distributed systems.
MIND Revenue Release Quarter 2 2025 Press Release
Electronic commerce courselecture one. Pdf
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Encapsulation_ Review paper, used for researhc scholars
NewMind AI Weekly Chronicles - August'25 Week I
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Diabetes mellitus diagnosis method based random forest with bat algorithm
Programs and apps: productivity, graphics, security and other tools
Understanding_Digital_Forensics_Presentation.pptx
How UI/UX Design Impacts User Retention in Mobile Apps.pdf

Csun 2013 wcag what about the users-slideshare-2013

  • 1. The Stockholm Low Vision Center Stockholm County Council WCAG guidelines - What about the Users? Birkir R. Gunnarsson, Blindrafelagid; The Icelandic Organization of the Visually Impaired @birkir_gun Hinni Hreinsson, The Stockholm Low Vision Center @hm_hreinsson 1
  • 2. Blindrafelagid, Icelandic organization of the visually impaired (BIOVI) • BIOVI is a human rights organization • Fights for independent and responsible living conditions for visually impaired people • Fights for their secured equal rights and opportunities to responsible, active and recognized participation in all sectors of our community • Similar to the National Federation of the Blind in the US 2
  • 3. Stockholm Low Vision Center • Part of a public medical service of Stockholm County, population 2.1 million • Workforce: 80 staff in 5 teams • Has a specialized computer team that works with users of all ages • The computer team has an annual average of 2000 visits 3
  • 4. Why the two of us? • Worked together at the Iceland National Institute for the Blind 2009/2012 • Birkir on web accessibility audits, making development recommendations • Hinni training users on A.T., amongst other ventures • Lots of discussions between us revealed that best practices recommendations did not always make it to A.T. trainers and end users 4
  • 5. Why this project? • Delivering web content requires 4 "players" • A website that is accessible • Browsers that render the content and build the Document Object Model (DOM) • Assistive Technology that transforms content from the browser's DOM into suitable user interface • And a user who interacts with the Assistive Technology and reads the content • Are users aware that their screen reader can help them easily navigate within a well structured webpage? • We felt this merited further study 5
  • 6. Plans for the survey • We suspected a lot of users were not aware of the role of headings or landmarks and that they did not take advantage of their table navigation hotkeys • If this was the case, our plan was to investigate the current navigation strategies of screen reader users • Then use the information from the survey to create a guide, vendor neutral, which could explain how you can use the screen reader to effectively read web pages • Such a guide could benefit users at various stages of SR competence 6
  • 7. Interesting facts from the 2012 WebAIM screen reader survey • Survey of 1700 screen reader users • 64.2% of screen reader users consider themselves advanced Internet users, only 2.2% consider themselves beginners • Users keep their screen readers up to date • 40.5% of users say they navigate by landmarks often or whenever they are present on a website • Yet only 2.4% of users say they start with landmarks when exploring a large webpage • Most people (60.8%) use headings when doing so 7
  • 8. Our Survey • Posted a survey of 9 questions through Survey Monkey • We asked about various issues regarding web page navigation and SR usage • Received 342 responses • Thanks to GW Micro, Flying Blind, Jennifer Sutton and others who helped spread the word via mailing lists and Twitter • The survey, results and analysis will be made available online 8
  • 9. Screen reader usage and training • Many users run multiple screen readers • Most users have a screen reader that is up-to-date enough to support landmarks • Only 21% of users received formal training on browsing with a screen reader • Close to 80% use their SR webpage summary feature 9
  • 10. Familiarity with landmarks, headings and table navigation • About a third of the respondents indicated that they are familiar with and use landmarks for webpage navigation, the rest either sent in blank responses or indicated they were not sure what landmarks are • About 60% of respondents are familiar with headings and use them for page navigation • 61% of respondents know of, and use, their SR's table navigation hot keys to browse tables on websites 10
  • 11. Examples of responses to the landmark question: • Q: Do you know what "Landmarks" mean, and how do you detect the presence of, and skip between, landmarks on a webpage? • Examples of the responses we received: – No – I don't really know what they mean, I hear JAWS refer to them but they don't seem useful – I've heard them mentioned, but I don't know what they are or how to use them – Not exactly – I have no idea what a landmark is. I guess I don't surf the web very much – They are a feature, but I do not know how they look on a web page. I hear the announcement and know they are related to a new way to make the web accessible. I have not used the hotkey for them. 11
  • 12. Web page exploration strategies • Users can choose more than one answer, therefore results add up to more than 100% • 80% of users use tab and arrow keys to explore page • 80% of users use headings for page exploration • 44% of users bring up a list of all links on the page in a list box (many SRs offer this) • 31% explore by landmarks • 30% use their SR page summary feature • 20% of users use other methods • 11% explore by "new element" (jump to the first occurrence of a different element, most SR's offer this) • 8% of users use TAB and arrow keys exclusively 12
  • 13. Notable results: • Users mostly learn to browse with a screen reader by themselves, little formalized training • About 2/3 of users know how to navigate a table and use headings • About 1/3 of users is familiar with landmarks and their use • A large part of the user base still relies heavily on TAB and arrow keys to navigate a webpage • Users utilize the page description element of screen readers 13
  • 14. Suggestions for improvements • The survey indicates we can all do a few things to help users along: • Web page developers: Use markup clearly and efficiently • W3C standards: Consider a set of more clearly specified landmarks • SR vendors: Include landmarks in web page summary features (not all major SRs do this even if they support landmark navigation) • A.T. instructors: Can we reach out to more users? • Make sure AT instructors teach effective browsing techniques 14
  • 15. Educational web resource: How it would work • Our goal is to create a simple online user manual which can explain how SR users can effectively navigate web pages • This manual will include relevant navigation hotkeys for all screen readers • The manual will be first written in English, and then translated to Swedish and Icelandic. Hopefully we could collaborate with those who are interested to translate the guide into more languages • This information would then be updated as needed • Web pages that are WCAG certified, or have an accessibility statement could link to this resource 15
  • 16. Thank you for your time and interest • The full survey results will be presented at an EASI webinar on May 2nd, at 2pm EST. Users can sign up for the seminar at http://easi.cc from next week on ... We will update our progress via Twitter Birkir and Hinni birkir.gunnarsson@gmail.com @birkir_gun hm.hreinsson@gmail.com @hm_hreinsson 16