Scribd
Upload
34 views

UX PH February Meetup

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.

Uploaded by

Eric Chua
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
34 views

UX PH February Meetup

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.

Uploaded by

Eric Chua
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 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
[email protected]
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