SlideShare una empresa de Scribd logo
1 de 37
How to improve UX by
         implementing accessibility




Radek PAVLÍČEK, Blind Friendly Web
Hi. My name is Radek and I am
member of Blind Friendly Web team.
I am also an author of blog Poslepu.cz and I
      work as accessibility consultant.
In this presentation I would like to go on with
     topic, which I presented at WebExpo
               conference 2012.
What is accessibility
    good for?
Availability – user
must be able to get
  on the web.
Controlability – user
  must be able to
 operate the web.
Understandability –
user must understand
      the web.
Orientation – user must
be able to find the way
   through the web.
Time – user must
be able to fullfil his
   or her task in
 reasonable time.
Accessibility is often perceived as a matter
       of handicapped people only.
One accessibility to rule them all?
Can we fully fullfil needs of all of the
Demands and needs of particular groups of
    people with impairement vary.
Removing barrier for one
group could create barrier
       for another.
Real life example. Orientation around this
 swimming pool was no problem for my
              blind colleague.
Although this swimming pools looks very similar to the previous one, it
 was designed primarily for the needs of wheelchair users and there
were no natural guidelines for the blind. That is why the orientation for
                     them was very complicated.
This lowering is very suitable for wheelchair users, but is not
 good for the blind, because they don´t know where is the
        border between the sidewalk and the road.
Special kind of cobbles makes this
lowering accessible also for the blind.
Some adaptations are useful
 only for users with special
           needs
Sign language
Audio description of movies
Hidden headings
But the rest is useful for vast
      majority of users
Audio information
      Barrier-less




From accessibility adjustement of this tram profit also those,
who travel with pram, or passengers, who use audio
information about particular stops to be informed where they
are and where they must get off.
Real life examples
Subtitles are useful not only for people with hearing
   impairement, but also for those, who do not
       understand spoken language very well.
Missing text
alternative
There is no button which I can
           click on.
Explicit association of controls
        with their labels



When you create explicit association, the
clickable area is larger, because you can
          click also on the label.
Keyboard shortcuts – you can operate
   the web in very effective way.
Proof, that accessibility is beneficial to all users,
          can be found in this report.
Scope of the investigation
            39 000 pages
               in total

Automated 1 000 home pages      User
  testing                      testing
               50 users with
                 variety of
              impairements
Completed tasks




Although control group, that consists of non-disabled web users, was able to complete all the
tasks, blind users on low accessibility websites completed only 67 %.
Duration




On low accessibility sites both groups were slower and they need more time to complete their
tasks. In other words, on high accessibility sites they were able to complete their tasks faster
and easier.
Remember

  Accessible web is
beneficial to all users,
not only to users with
    impairement.
More info about accessibility
Contact info
pavlicek@blindfriendly.cz
        @radlicek
Photo credits
•   www.fotopedia.com/items/flickr-415742494
•   www.flickr.com/photos/11407072@N03/2194359747/
•   www.flickr.com/photos/60207590@N00/2344734563
•   http://commons.wikimedia.org/wiki/File:Brno,_Mendlovo_n%C3%A1m%C4%9B

•   www.flickr.com/photos/nationaalarchief/4025536029/
•   www.flickr.com/photos/cornelluniversitylibrary/3678984206/
•   http://4.bp.blogspot.com/__1B7eTIn3jM/SoMylQ_RqWI/AAAAAAAAAAw/F8u_j
•   http://www.sons.cz/docs/bariery/sons_inet1_01_2010.pdf

Más contenido relacionado

Destacado (8)

Assistive technology
Assistive technologyAssistive technology
Assistive technology
 
Mr
MrMr
Mr
 
Assistive technology for disabled students
Assistive technology for disabled studentsAssistive technology for disabled students
Assistive technology for disabled students
 
PHYSICALLY ,MENTALLY &SOCIALLY CHALLANGED CHILDREN
PHYSICALLY ,MENTALLY &SOCIALLY CHALLANGED CHILDRENPHYSICALLY ,MENTALLY &SOCIALLY CHALLANGED CHILDREN
PHYSICALLY ,MENTALLY &SOCIALLY CHALLANGED CHILDREN
 
Trunk muscles activation in different sitting postures during abdominal hollo...
Trunk muscles activation in different sitting postures during abdominal hollo...Trunk muscles activation in different sitting postures during abdominal hollo...
Trunk muscles activation in different sitting postures during abdominal hollo...
 
Assistive Technology - Module 4 gwen kenny
Assistive Technology - Module 4 gwen kennyAssistive Technology - Module 4 gwen kenny
Assistive Technology - Module 4 gwen kenny
 
Brief History of Special Education
Brief History of Special EducationBrief History of Special Education
Brief History of Special Education
 
The Universe: A Module in Science and Technology for Grade 5 Pupils
The Universe: A Module in Science and Technology for Grade 5 PupilsThe Universe: A Module in Science and Technology for Grade 5 Pupils
The Universe: A Module in Science and Technology for Grade 5 Pupils
 

Similar a How to improve UX by implementing accessibility

Week 5 - Accessibility
Week 5 - AccessibilityWeek 5 - Accessibility
Week 5 - Accessibility
Graeme Smith
 

Similar a How to improve UX by implementing accessibility (20)

Siegman "Creating Accessible Content"
Siegman "Creating Accessible Content"Siegman "Creating Accessible Content"
Siegman "Creating Accessible Content"
 
Expedia Tech Know How Talks August 2016: Beyond WCAG 2.0 Effective Inclusive...
Expedia Tech Know How Talks August 2016: Beyond WCAG 2.0  Effective Inclusive...Expedia Tech Know How Talks August 2016: Beyond WCAG 2.0  Effective Inclusive...
Expedia Tech Know How Talks August 2016: Beyond WCAG 2.0 Effective Inclusive...
 
Accessibility and why it matters
Accessibility and why it mattersAccessibility and why it matters
Accessibility and why it matters
 
How to create accessible websites - WordCamp Boston
How to create accessible websites - WordCamp BostonHow to create accessible websites - WordCamp Boston
How to create accessible websites - WordCamp Boston
 
People First Accessibility
People First AccessibilityPeople First Accessibility
People First Accessibility
 
What is user experience and why does it matter
What is user experience and why does it matterWhat is user experience and why does it matter
What is user experience and why does it matter
 
How to improve UX by implementing accessibility - WebExpo 2013 Edition
How to improve UX by implementing accessibility - WebExpo 2013 EditionHow to improve UX by implementing accessibility - WebExpo 2013 Edition
How to improve UX by implementing accessibility - WebExpo 2013 Edition
 
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.
 
Creating inclusive mobile applications - NUX Leeds
Creating inclusive mobile applications - NUX Leeds Creating inclusive mobile applications - NUX Leeds
Creating inclusive mobile applications - NUX Leeds
 
#STLUX - Designing with Accessibility in MInd (March 14, 2014)
#STLUX - Designing with Accessibility in MInd (March 14, 2014)#STLUX - Designing with Accessibility in MInd (March 14, 2014)
#STLUX - Designing with Accessibility in MInd (March 14, 2014)
 
Can everyone use your app?
Can everyone use your app?Can everyone use your app?
Can everyone use your app?
 
Web_Accessibility
Web_AccessibilityWeb_Accessibility
Web_Accessibility
 
Why Accessibility is More Than Just a Lighthouse Metric | SEONerdSwitzerland ...
Why Accessibility is More Than Just a Lighthouse Metric | SEONerdSwitzerland ...Why Accessibility is More Than Just a Lighthouse Metric | SEONerdSwitzerland ...
Why Accessibility is More Than Just a Lighthouse Metric | SEONerdSwitzerland ...
 
Developing Accessible Experiences
Developing Accessible ExperiencesDeveloping Accessible Experiences
Developing Accessible Experiences
 
Web Accessibility - Razvan Rosu
Web Accessibility - Razvan RosuWeb Accessibility - Razvan Rosu
Web Accessibility - Razvan Rosu
 
Organizational Access
Organizational AccessOrganizational Access
Organizational Access
 
Web accessibility workshop 1
Web accessibility workshop 1Web accessibility workshop 1
Web accessibility workshop 1
 
Universal access across devices
Universal access across devicesUniversal access across devices
Universal access across devices
 
Week 5 - Accessibility
Week 5 - AccessibilityWeek 5 - Accessibility
Week 5 - Accessibility
 
Web Accessibility & It's Guidelines.pptx
Web Accessibility & It's Guidelines.pptxWeb Accessibility & It's Guidelines.pptx
Web Accessibility & It's Guidelines.pptx
 

Más de Radek Pavlíček

Proč zavést WAG 2.0 v Česlé republice
Proč zavést WAG 2.0 v Česlé republiceProč zavést WAG 2.0 v Česlé republice
Proč zavést WAG 2.0 v Česlé republice
Radek Pavlíček
 
Hodnocení přístupnosti v soutěži Zlatý erb 2014
Hodnocení přístupnosti v soutěži Zlatý erb 2014Hodnocení přístupnosti v soutěži Zlatý erb 2014
Hodnocení přístupnosti v soutěži Zlatý erb 2014
Radek Pavlíček
 

Más de Radek Pavlíček (20)

Digitální design bez bariér
Digitální design bez bariérDigitální design bez bariér
Digitální design bez bariér
 
Jak na přístupnost knihovních webů
Jak na přístupnost knihovních webůJak na přístupnost knihovních webů
Jak na přístupnost knihovních webů
 
Jak a proč řeší velké weby přístupnost
Jak a proč řeší velké weby přístupnostJak a proč řeší velké weby přístupnost
Jak a proč řeší velké weby přístupnost
 
Služby Střediska Teiresiás na konferenci INSPO 2017
Služby Střediska Teiresiás na konferenci INSPO 2017Služby Střediska Teiresiás na konferenci INSPO 2017
Služby Střediska Teiresiás na konferenci INSPO 2017
 
Přístupnost webů knihoven - příklady dobré a špatné praxe
Přístupnost webů knihoven - příklady dobré a špatné praxe Přístupnost webů knihoven - příklady dobré a špatné praxe
Přístupnost webů knihoven - příklady dobré a špatné praxe
 
Testování přístupnosti v soutěží Zlatý erb 2015
Testování přístupnosti v soutěží Zlatý erb 2015Testování přístupnosti v soutěží Zlatý erb 2015
Testování přístupnosti v soutěží Zlatý erb 2015
 
Proč zavést WAG 2.0 v Česlé republice
Proč zavést WAG 2.0 v Česlé republiceProč zavést WAG 2.0 v Česlé republice
Proč zavést WAG 2.0 v Česlé republice
 
Hodnocení přístupnosti v soutěži Zlatý erb 2014
Hodnocení přístupnosti v soutěži Zlatý erb 2014Hodnocení přístupnosti v soutěži Zlatý erb 2014
Hodnocení přístupnosti v soutěži Zlatý erb 2014
 
Když už Vyhláška o přístupnosti nestačí
Když už Vyhláška o přístupnosti nestačíKdyž už Vyhláška o přístupnosti nestačí
Když už Vyhláška o přístupnosti nestačí
 
Přístupnost na mobilních zařízeních
Přístupnost na mobilních zařízeníchPřístupnost na mobilních zařízeních
Přístupnost na mobilních zařízeních
 
Testování přístupnosti v soutěži Zlatý erb 2013
Testování přístupnosti v soutěži Zlatý erb 2013Testování přístupnosti v soutěži Zlatý erb 2013
Testování přístupnosti v soutěži Zlatý erb 2013
 
Nahradí WCAG 2.0 Vyhlášku o přístupnosti?
Nahradí WCAG 2.0 Vyhlášku o přístupnosti?Nahradí WCAG 2.0 Vyhlášku o přístupnosti?
Nahradí WCAG 2.0 Vyhlášku o přístupnosti?
 
Tvorba přístupných dokumentů v neziskových organizacích
Tvorba přístupných dokumentů v neziskových organizacíchTvorba přístupných dokumentů v neziskových organizacích
Tvorba přístupných dokumentů v neziskových organizacích
 
How HTML5 and WAI-ARIA Can Improve Virtual Space of Universities
How HTML5 and WAI-ARIA Can Improve Virtual Space of UniversitiesHow HTML5 and WAI-ARIA Can Improve Virtual Space of Universities
How HTML5 and WAI-ARIA Can Improve Virtual Space of Universities
 
Jak jsou na tom parádní weby s přístupností
Jak jsou na tom parádní weby s přístupnostíJak jsou na tom parádní weby s přístupností
Jak jsou na tom parádní weby s přístupností
 
How to ensure accessibility of documents, published at masaryk university
How to ensure accessibility of documents, published at masaryk universityHow to ensure accessibility of documents, published at masaryk university
How to ensure accessibility of documents, published at masaryk university
 
Přístupnost HTML5 v kombinaci s WAI-ARIA
Přístupnost HTML5 v kombinaci s WAI-ARIAPřístupnost HTML5 v kombinaci s WAI-ARIA
Přístupnost HTML5 v kombinaci s WAI-ARIA
 
Přístupnost není charita
Přístupnost není charitaPřístupnost není charita
Přístupnost není charita
 
I pro knihovny je přístupnost důležitá
I pro knihovny je přístupnost důležitáI pro knihovny je přístupnost důležitá
I pro knihovny je přístupnost důležitá
 
Measuring real accessibility
Measuring real accessibilityMeasuring real accessibility
Measuring real accessibility
 

Último

IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
 

Último (20)

GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 

How to improve UX by implementing accessibility