user experience agency
Web Accessibility: User interfaces for people with disabilities or not
Number of people with disabilities
• Around 1 billion people or 15% of world population live with disabilities.
  (World Health Organisation)
• This is a significant portion of people and can affect your website
  effectiveness.
                                       15%

                                                                   Non-Disable
                                                   85%             Disable




Number of people with disabilities
About disabilities
•   “Disability is a complex phenomenon, reflecting an interaction between features of
    a person’s body and features of the society in which he or she lives”. (World Health
    Organisation)
•   “A disability may be physical, cognitive, mental, sensory, emotional, developmental
    or some combination of these”. (Wikipedia)
•   Disabilities can be visible or non-visible. Examples of invisible disabilities are
    diabetes & asthma.
•   There are inborn disabilities but also disabilities obtained or appeared at a later
    stage of person’s life. A disability can be inherited or not.




About disabilities
How people with disabilities behave?
Majority of people with disabilities don’t call themselves disable.

Kubler-Ross model can be used to explain persons’ behaviour.
The theory is that the reaction to illness, death and loss are as unique as the
person experiencing them. Some people may get stuck in one stage.

       1.Denial        2.Anger       3.Bargaining   4.Depression   5.Acceptance



                                     Only a small amount of people reach stage 5

How people with disabilities behave?
Disabilities & your Online Interface
• Have you ever thought about how many people haven’t managed
  to explore your site because it was inaccessible to them?
• Why is it important to consider users with disabilities while you
  are designing?




Disabilities & your Online Interface
Web Accessibility
“Web accessibility refers to the inclusive
design of making websites usable by
people of all abilities and disabilities”
Wikipedia




Web Accessibility
Why Website Accessibility matters?
The Disability Discrimination Act 1995, the Equality Act 2010 , other social rights
or criminal laws make a similar provision; “it is unlawful to discriminate against
people in respect of their disabilities in relation to employment, the provision of
goods and services, education and transport”. This applies to websites & internet
services.
Increasing your website (online interface) accessibility will:
    • Improve users reach & satisfaction
    • Increase conversion
    • Ensure your interface complies with the law



Why Website Accessibility matters?
What to consider while designing
It is crucial to start considering users with disabilities/impairments from the early
stages of your UXD (User Experience Design). This approach will make your
online interface accessible to the majority.

UXD stages:
      1. Research
      2. Persona
      3. User Journeys
      4. User Interface (Wireframes & Designs)
      5. Evaluation (Testing)
Critical stages!


What to consider while designing
Research & Personas
While researching the internal/external audience,
explore the number of potential users with
disabilities.
    Some sectors may have an increased number of
    users with impairments e.g. charity.
Add users disabilities on your Persona.
    A great practise to help you define users’ needs &
    traits at the early stage of your UX work.




Research & Personas
User Interface
Create User friendly Interfaces & if
accessibility options are necessary, place
them at a prominent position of the page.
    It is preferable to give users the
    ‘accessibility’ options straight away.
    Users who don’t consider themselves
    disable they will not select an option with
    the label ‘accessibility’.




User Interface
Who else needs Web Accessibility options
It is not only the physical, sensory, mental or other
impairments that restricts users from accessing an
interface but also the external factors
(environmental conditions). For instance:
    – People are using their mobile to access your site
      on the road.
    – iPad users like watching videos whilst on the move
      (on trains, planes, buses etc.).




Who else needs Web Accessibility options
Summary
•    People hardly accept any disability/impairment.
•    Avoid using the term Accessibility.
•    Add users disabilities on your Personas.
•    Make accessibility options as prominent as possible.
•    Make your interface accessible and user friendly having clear layouts, colour contrast, appropriate
     text size, universal symbols and icons etc.
•    Avoid bad UX practice that hurt people with disabilities e.g. small italicized text is practically
     illegible for people with dyslexia. (UX movement example)

The most important:

             “Create Inclusive User Interfaces!”

Summary
Thank you!




Mariza Samartzi


mariza@zabisco.com

More Related Content

PDF
Accessibility Primer Version 2 - UXfrkln meetup
PPTX
Building websites for all
PDF
Accessibility Primer - UXfrkln meetup
PDF
Tech Headline - Using WAI-ARIA & HTML5: Techniques to solve accessibility pro...
PPSX
Awareness Workshop on Accessibility
PPTX
Mc elhinney macneill_altc_2014
PPT
Designing 4 Disabilities
PPT
1.20.12 wy inclusion_awareness_presentation
Accessibility Primer Version 2 - UXfrkln meetup
Building websites for all
Accessibility Primer - UXfrkln meetup
Tech Headline - Using WAI-ARIA & HTML5: Techniques to solve accessibility pro...
Awareness Workshop on Accessibility
Mc elhinney macneill_altc_2014
Designing 4 Disabilities
1.20.12 wy inclusion_awareness_presentation

What's hot (15)

PDF
How to improve your website’s accessibility without going crazy
PDF
Inclusive design for mobility: considering the needs of older users
PPTX
Intelligent mobility presentation
PPTX
Strategies for ensuring the accessibility of online content
PDF
Studies Show that Mobility Devices Contribute to Social Inclusion among the D...
DOCX
Useful web resource links
PPTX
Accessibility: We Need It Yesterday
PPT
Primary disaster mgt
PPT
Power_of_Diversity_2010NTC_Tramut
PPTX
What is Accessibility
PPT
nTen PLUK Presentation
PPTX
Accessible Environment For The Persons with Disabilities
PDF
barrier-free-built-environment
PPT
Evaluation of Online Community
PPTX
Accessibility
How to improve your website’s accessibility without going crazy
Inclusive design for mobility: considering the needs of older users
Intelligent mobility presentation
Strategies for ensuring the accessibility of online content
Studies Show that Mobility Devices Contribute to Social Inclusion among the D...
Useful web resource links
Accessibility: We Need It Yesterday
Primary disaster mgt
Power_of_Diversity_2010NTC_Tramut
What is Accessibility
nTen PLUK Presentation
Accessible Environment For The Persons with Disabilities
barrier-free-built-environment
Evaluation of Online Community
Accessibility
Ad

Similar to Web Accessibility (20)

PPTX
Web Accessibility & It's Guidelines.pptx
PPTX
The importance of web accessibility: How being inclusive can improve your uni...
PPTX
Web accessibility workshop 1
PPTX
Accessibility & User Experience - You Can't Have One Without the Other
PDF
Inclusion: underrated and unloved. Turning an ugly duckling into a swan
PDF
The Simple Truth of Accessibility
PPTX
Web accessibility workshop 1
PPTX
“Selfish Accessibility” for Create Upstate 2016
PPTX
A11yLDN 2011 - Introduction to Web Accessibility
PPTX
Global Accessibility Awareness Day
PDF
Comrade Web Accessibility 101
PDF
Making the Web Accessible
PPTX
ACE! Conference: Selfish accessibility
PDF
Stefano Del Furia - Inclusive Design - Codemotion Rome 2019
PPTX
Universal Design and Your Website. Presented at Applying Principles of Univer...
PDF
Accessibility and why it matters
PDF
Inclusive Research – Making research accessible to people with disabilities
KEY
Accessibility digital by default presentation for digital futures 2012
PDF
Great design and usability, your website can have both.
PPTX
Avega Group: Selfish Accessibility
Web Accessibility & It's Guidelines.pptx
The importance of web accessibility: How being inclusive can improve your uni...
Web accessibility workshop 1
Accessibility & User Experience - You Can't Have One Without the Other
Inclusion: underrated and unloved. Turning an ugly duckling into a swan
The Simple Truth of Accessibility
Web accessibility workshop 1
“Selfish Accessibility” for Create Upstate 2016
A11yLDN 2011 - Introduction to Web Accessibility
Global Accessibility Awareness Day
Comrade Web Accessibility 101
Making the Web Accessible
ACE! Conference: Selfish accessibility
Stefano Del Furia - Inclusive Design - Codemotion Rome 2019
Universal Design and Your Website. Presented at Applying Principles of Univer...
Accessibility and why it matters
Inclusive Research – Making research accessible to people with disabilities
Accessibility digital by default presentation for digital futures 2012
Great design and usability, your website can have both.
Avega Group: Selfish Accessibility
Ad

More from Zabisco Digital (16)

PDF
UX of Chartered Institutes
PDF
UX of Royal Colleges of Medicine
PPTX
What's trending?
PPTX
 Infographics in multichannel environments
PPTX
Insight into Application Design & Oracle Fusion
PDF
Applying neuroscience in web design part i by marcus marritt
POTX
How typographic animation delivers your message
PDF
Expressive Typography in Web Design
PPTX
User Research Tools: Don't just do it, do it well
PPTX
User Research
POTX
Using animation to enhance ux
PPTX
How to install Civicrm in Drupal 7
PPTX
Do Icons Aid The User Experience
PDF
Infographics - A Business Tool, by Marcus Marritt, Zabisco
PPTX
Website Navigation Systems
PPTX
Personas & Audience Segmentation Methodology
UX of Chartered Institutes
UX of Royal Colleges of Medicine
What's trending?
 Infographics in multichannel environments
Insight into Application Design & Oracle Fusion
Applying neuroscience in web design part i by marcus marritt
How typographic animation delivers your message
Expressive Typography in Web Design
User Research Tools: Don't just do it, do it well
User Research
Using animation to enhance ux
How to install Civicrm in Drupal 7
Do Icons Aid The User Experience
Infographics - A Business Tool, by Marcus Marritt, Zabisco
Website Navigation Systems
Personas & Audience Segmentation Methodology

Recently uploaded (20)

PDF
sustainability-14-14877-v2.pddhzftheheeeee
PPT
Module 1.ppt Iot fundamentals and Architecture
PDF
How ambidextrous entrepreneurial leaders react to the artificial intelligence...
PPTX
O2C Customer Invoices to Receipt V15A.pptx
PDF
Hindi spoken digit analysis for native and non-native speakers
PDF
1 - Historical Antecedents, Social Consideration.pdf
PDF
August Patch Tuesday
PPTX
Modernising the Digital Integration Hub
PPTX
Tartificialntelligence_presentation.pptx
PDF
Zenith AI: Advanced Artificial Intelligence
PDF
DP Operators-handbook-extract for the Mautical Institute
PDF
Five Habits of High-Impact Board Members
PPTX
observCloud-Native Containerability and monitoring.pptx
PDF
Architecture types and enterprise applications.pdf
PDF
A Late Bloomer's Guide to GenAI: Ethics, Bias, and Effective Prompting - Boha...
PDF
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
PDF
Hybrid model detection and classification of lung cancer
PDF
Hybrid horned lizard optimization algorithm-aquila optimizer for DC motor
PPTX
Chapter 5: Probability Theory and Statistics
PDF
Enhancing emotion recognition model for a student engagement use case through...
sustainability-14-14877-v2.pddhzftheheeeee
Module 1.ppt Iot fundamentals and Architecture
How ambidextrous entrepreneurial leaders react to the artificial intelligence...
O2C Customer Invoices to Receipt V15A.pptx
Hindi spoken digit analysis for native and non-native speakers
1 - Historical Antecedents, Social Consideration.pdf
August Patch Tuesday
Modernising the Digital Integration Hub
Tartificialntelligence_presentation.pptx
Zenith AI: Advanced Artificial Intelligence
DP Operators-handbook-extract for the Mautical Institute
Five Habits of High-Impact Board Members
observCloud-Native Containerability and monitoring.pptx
Architecture types and enterprise applications.pdf
A Late Bloomer's Guide to GenAI: Ethics, Bias, and Effective Prompting - Boha...
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
Hybrid model detection and classification of lung cancer
Hybrid horned lizard optimization algorithm-aquila optimizer for DC motor
Chapter 5: Probability Theory and Statistics
Enhancing emotion recognition model for a student engagement use case through...

Web Accessibility

  • 2. Web Accessibility: User interfaces for people with disabilities or not
  • 3. Number of people with disabilities • Around 1 billion people or 15% of world population live with disabilities. (World Health Organisation) • This is a significant portion of people and can affect your website effectiveness. 15% Non-Disable 85% Disable Number of people with disabilities
  • 4. About disabilities • “Disability is a complex phenomenon, reflecting an interaction between features of a person’s body and features of the society in which he or she lives”. (World Health Organisation) • “A disability may be physical, cognitive, mental, sensory, emotional, developmental or some combination of these”. (Wikipedia) • Disabilities can be visible or non-visible. Examples of invisible disabilities are diabetes & asthma. • There are inborn disabilities but also disabilities obtained or appeared at a later stage of person’s life. A disability can be inherited or not. About disabilities
  • 5. How people with disabilities behave? Majority of people with disabilities don’t call themselves disable. Kubler-Ross model can be used to explain persons’ behaviour. The theory is that the reaction to illness, death and loss are as unique as the person experiencing them. Some people may get stuck in one stage. 1.Denial 2.Anger 3.Bargaining 4.Depression 5.Acceptance Only a small amount of people reach stage 5 How people with disabilities behave?
  • 6. Disabilities & your Online Interface • Have you ever thought about how many people haven’t managed to explore your site because it was inaccessible to them? • Why is it important to consider users with disabilities while you are designing? Disabilities & your Online Interface
  • 7. Web Accessibility “Web accessibility refers to the inclusive design of making websites usable by people of all abilities and disabilities” Wikipedia Web Accessibility
  • 8. Why Website Accessibility matters? The Disability Discrimination Act 1995, the Equality Act 2010 , other social rights or criminal laws make a similar provision; “it is unlawful to discriminate against people in respect of their disabilities in relation to employment, the provision of goods and services, education and transport”. This applies to websites & internet services. Increasing your website (online interface) accessibility will: • Improve users reach & satisfaction • Increase conversion • Ensure your interface complies with the law Why Website Accessibility matters?
  • 9. What to consider while designing It is crucial to start considering users with disabilities/impairments from the early stages of your UXD (User Experience Design). This approach will make your online interface accessible to the majority. UXD stages: 1. Research 2. Persona 3. User Journeys 4. User Interface (Wireframes & Designs) 5. Evaluation (Testing) Critical stages! What to consider while designing
  • 10. Research & Personas While researching the internal/external audience, explore the number of potential users with disabilities. Some sectors may have an increased number of users with impairments e.g. charity. Add users disabilities on your Persona. A great practise to help you define users’ needs & traits at the early stage of your UX work. Research & Personas
  • 11. User Interface Create User friendly Interfaces & if accessibility options are necessary, place them at a prominent position of the page. It is preferable to give users the ‘accessibility’ options straight away. Users who don’t consider themselves disable they will not select an option with the label ‘accessibility’. User Interface
  • 12. Who else needs Web Accessibility options It is not only the physical, sensory, mental or other impairments that restricts users from accessing an interface but also the external factors (environmental conditions). For instance: – People are using their mobile to access your site on the road. – iPad users like watching videos whilst on the move (on trains, planes, buses etc.). Who else needs Web Accessibility options
  • 13. Summary • People hardly accept any disability/impairment. • Avoid using the term Accessibility. • Add users disabilities on your Personas. • Make accessibility options as prominent as possible. • Make your interface accessible and user friendly having clear layouts, colour contrast, appropriate text size, universal symbols and icons etc. • Avoid bad UX practice that hurt people with disabilities e.g. small italicized text is practically illegible for people with dyslexia. (UX movement example) The most important: “Create Inclusive User Interfaces!” Summary