SlideShare a Scribd company logo
1 of 14
Download to read offline
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

What's hot

Strategies for ensuring the accessibility of online content
Strategies for ensuring the accessibility of online contentStrategies for ensuring the accessibility of online content
Strategies for ensuring the accessibility of online content
Access iQ
 
Useful web resource links
Useful web resource linksUseful web resource links
Useful web resource links
Dr V. JANAKI
 
nTen PLUK Presentation
nTen PLUK PresentationnTen PLUK Presentation
nTen PLUK Presentation
PLUK
 
barrier-free-built-environment
barrier-free-built-environmentbarrier-free-built-environment
barrier-free-built-environment
Shankharupa Damle
 
Evaluation of Online Community
Evaluation of Online CommunityEvaluation of Online Community
Evaluation of Online Community
tcgravy
 

What's hot (15)

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

Similar to Web Accessibility

Demystifying digital accessibility webinar
Demystifying digital accessibility webinarDemystifying digital accessibility webinar
Demystifying digital accessibility webinar
Association for Project Management
 

Similar to Web Accessibility (20)

Web Accessibility & It's Guidelines.pptx
Web Accessibility & It's Guidelines.pptxWeb Accessibility & It's Guidelines.pptx
Web Accessibility & It's Guidelines.pptx
 
Web Accessibility
Web AccessibilityWeb Accessibility
Web Accessibility
 
Smart Cities- Impact of web accessibility on e-service design
Smart Cities- Impact of web accessibility on e-service designSmart Cities- Impact of web accessibility on e-service design
Smart Cities- Impact of web accessibility on e-service design
 
Accessibility Empathy - SXSW 2017 Proposal
Accessibility Empathy - SXSW 2017 ProposalAccessibility Empathy - SXSW 2017 Proposal
Accessibility Empathy - SXSW 2017 Proposal
 
Accessibility and why it matters
Accessibility and why it mattersAccessibility and why it matters
Accessibility and why it matters
 
Accessibility in Agile Projects
Accessibility in Agile ProjectsAccessibility in Agile Projects
Accessibility in Agile Projects
 
But Can I Use It? Getting Started with Accessibiilty
But Can I Use It? Getting Started with AccessibiiltyBut Can I Use It? Getting Started with Accessibiilty
But Can I Use It? Getting Started with Accessibiilty
 
Accessibility & User Experience - You Can't Have One Without the Other
Accessibility & User Experience - You Can't Have One Without the OtherAccessibility & User Experience - You Can't Have One Without the Other
Accessibility & User Experience - You Can't Have One Without the Other
 
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
 
Accessibility Myths for the Mobile Generation (HCID Open 2015)
Accessibility Myths for the Mobile Generation (HCID Open 2015)Accessibility Myths for the Mobile Generation (HCID Open 2015)
Accessibility Myths for the Mobile Generation (HCID Open 2015)
 
Web_Accessibility
Web_AccessibilityWeb_Accessibility
Web_Accessibility
 
Inclusive Design in the Recruitment Process – and Wider Applications
Inclusive Design in the Recruitment Process – and Wider ApplicationsInclusive Design in the Recruitment Process – and Wider Applications
Inclusive Design in the Recruitment Process – and Wider Applications
 
Beginners Guide To Web Accessibility - WordCamp UK July 2013
Beginners Guide To Web Accessibility - WordCamp UK July 2013Beginners Guide To Web Accessibility - WordCamp UK July 2013
Beginners Guide To Web Accessibility - WordCamp UK July 2013
 
Geotourism Means Accessible & Inclusive
Geotourism Means Accessible & InclusiveGeotourism Means Accessible & Inclusive
Geotourism Means Accessible & Inclusive
 
Introduction to Accessibility
Introduction to AccessibilityIntroduction to Accessibility
Introduction to Accessibility
 
Web accessibility workshop 1
Web accessibility workshop 1Web accessibility workshop 1
Web accessibility workshop 1
 
Demystifying digital accessibility webinar
Demystifying digital accessibility webinarDemystifying digital accessibility webinar
Demystifying digital accessibility webinar
 
2009: Social inclusion in a Digital Age
2009: Social inclusion in a Digital Age2009: Social inclusion in a Digital Age
2009: Social inclusion in a Digital Age
 
Horecaccess unit 1 creation
Horecaccess unit 1 creationHorecaccess unit 1 creation
Horecaccess unit 1 creation
 
How to Make Learning Accessible and Inclusive
How to Make Learning Accessible and InclusiveHow to Make Learning Accessible and Inclusive
How to Make Learning Accessible and Inclusive
 

More from Zabisco Digital

 Infographics in multichannel environments
 Infographics in multichannel environments Infographics in multichannel environments
 Infographics in multichannel environments
Zabisco Digital
 
Applying neuroscience in web design part i by marcus marritt
Applying neuroscience in web design part i by marcus marrittApplying neuroscience in web design part i by marcus marritt
Applying neuroscience in web design part i by marcus marritt
Zabisco Digital
 
Expressive Typography in Web Design
Expressive Typography in Web DesignExpressive Typography in Web Design
Expressive Typography in Web Design
Zabisco Digital
 

More from Zabisco Digital (16)

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

Recently uploaded

Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 

Recently uploaded (20)

Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
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
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
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
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering Developers
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot ModelMcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 

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