Scribd Logo
Upload

Welcome to Scribd!

  • 26 views

    UX PH February Meetup

    Uploaded by

    Eric Chua
    This document discusses making websites accessible for people with disabilities. It covers four key principles of accessibility: perceivable, operable, understandable, and robust. It provides examples of how to make content accessible through proper use of text alternatives, captions, keyboard navigation, readable font sizes and colors, proper heading structure, and designing websites that can adapt to changes over time. The document emphasizes that accessibility benefits all users and is required by law, and notes that around 10% of populations have disabilities. It warns that inaccessibility can result in legal issues and loss of customers.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd

    UX PH February Meetup

    Uploaded by

    Eric Chua
    26 views20 pages
    This document discusses making websites accessible for people with disabilities. It covers four key principles of accessibility: perceivable, operable, understandable, and robust. It provides examples of how to make content accessible through proper use of text alternatives, captions, keyboard navigation, readable font sizes and colors, proper heading structure, and designing websites that can adapt to changes over time. The document emphasizes that accessibility benefits all users and is required by law, and notes that around 10% of populations have disabilities. It warns that inaccessibility can result in legal issues and loss of customers.

    Original Title

    UX-PH-February-Meetup

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    This document discusses making websites accessible for people with disabilities. It covers four key principles of accessibility: perceivable, operable, understandable, and robust. It provides examples of how to make content accessible through proper use of text alternatives, captions, keyboard navigation, readable font sizes and colors, proper heading structure, and designing websites that can adapt to changes over time. The document emphasizes that accessibility benefits all users and is required by law, and notes that around 10% of populations have disabilities. It warns that inaccessibility can result in legal issues and loss of customers.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    26 views20 pages

    UX PH February Meetup

    Uploaded by

    Eric Chua
    This document discusses making websites accessible for people with disabilities. It covers four key principles of accessibility: perceivable, operable, understandable, and robust. It provides examples of how to make content accessible through proper use of text alternatives, captions, keyboard navigation, readable font sizes and colors, proper heading structure, and designing websites that can adapt to changes over time. The document emphasizes that accessibility benefits all users and is required by law, and notes that around 10% of populations have disabilities. It warns that inaccessibility can result in legal issues and loss of customers.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    You are on page 1of 20

    g n fo r

    l i t y a n d Desi
    e s si b i
    eb A c c b i l it i e s
    W i t h D i s a
    rs o n s W
    the Pe
    y M e e t Up
    eb rua r
    X P H: F
    U
    Kim Selorio
    @kimSELORIO
    kim.selorio@sqdesignlab.com
    https://ph.linkedin.com/in/ktselorio
    #UXPHaccessiblity
    K.I.S.S.
    How do PWDs Access Info?

     Deaf – Visual Senses


     Blind – Text-to-Speech & Brail
    Printing
     Color Blindness – Inversion Monitors
    PWD exclusion; Culture
    Change Needed?
      millions of people have disabilities that affect
    access to the Web;

      some Web sites are required to be accessible;

      Web accessibility also has carry-over benefits


    for other users.
    Marketing/Advertising
    People Present?
      At least 10% of the population in most countries
    has disabilities;
      Average age of population in many countries is
    increasing;
      aging sometimes results in combinations of
    accessibility issues;
      vision & hearing changes, changes in dexterity &
    memory.
    Converting to an
    Accessible Website

    Four key ideas to keep in mind


    Perceivable (Interpret)
      Provide text alternatives <img src=“”
    alt=“Captioning here.”>
      Multimedia closed captions
      Make it easier for users to see and hear
    content.
    Operable: Usability
      Make all functionality available from a keyboard.

     <a href="http://www.w3schools.com/"
    tabindex="2">W3Schools</a><br>
     <a href="http://www.google.com/"
    tabindex="1">Google</a><br>
     <a href="http://www.microsoft.com/"
    tabindex="3">Microsoft</a>
    Operable: Usability

     Avoid text that cause seizures


     <marquee>, Flash
    Replayable?
    Stopable?
    Operable: Usability
     Navigable (ADHD)
    Understandable

    <font size=“1”> VS <font


    size=“8”>

    <font color=“gray”> VS
    <font color=“#999999”>
    Understandable

     Proper usage of <h1>, <h2>,


    <h3>, <h4>, <meta> tags
     Screen style sheets, design
    style sheets
    Understandable
    Help your users

    Click here Link vs Link Title


    “Photograph of Philippines”
    Live up to promises
    What’s wrong here?
    Robust: Change over Time
     OLDEST ISSUE: IE vs the world
    (browser compatibility)
     Graphic savvy websites vs Philippine
    internet speed
     60% of the market is going mobile,
    what are you doing about it?
    (Marketing Magazine)
    Don’t want to adopt to change?

      Target Corporation - settlement for damages of


    $6 million lawsuit by US National Federation of
    the Blind (NFB).

      Amex - "Bank upgrade is excluding blind.


    Visually impaired customers of American
    Express say they can no longer read their credit
    card statements online.”
    Let’s Audit
    -  No iframes
    -  Alt tags
    -  Meta tags
    -  No flash
    SEO is actually BEING accessible
    Queries?
    REMEMBER: Design for inclusion

    You might also like

    pFad - Phonifier reborn

    Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

    Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


    Alternative Proxies:

    Alternative Proxy

    pFad Proxy

    pFad v3 Proxy

    pFad v4 Proxy