Scribd
Upload
34 views15 pages

Accessible Web!: Thanks To Scott Williams at The UM Office For Institutional Equity For His Materials!

The document introduces web accessibility and discusses how to make web content accessible to people with disabilities. It defines what a web accessibility coordinator does, outlines common types of disabilities and their impacts, and introduces the four principles of accessible design as defined by the WCAG guidelines: perceivable, operable, understandable, and robust.

Uploaded by

Rafael Ferreira
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 views15 pages

Accessible Web!: Thanks To Scott Williams at The UM Office For Institutional Equity For His Materials!

The document introduces web accessibility and discusses how to make web content accessible to people with disabilities. It defines what a web accessibility coordinator does, outlines common types of disabilities and their impacts, and introduces the four principles of accessible design as defined by the WCAG guidelines: perceivable, operable, understandable, and robust.

Uploaded by

Rafael Ferreira
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/ 15

INTRODUCTION

03.01 Accessibility TO HTML

Accessible Web!

Thanks to Scott Williams at the UM Office for Institutional


Equity for his materials!
http://umich.edu/webaccess/!
INTRODUCTION
03.01 Accessibility TO HTML

Goals!
•  Learn what a web accessibility !
professional does!
•  Understand how disabilities relate !
to the web!
•  Introduce the four principles of accessible
interface design!
INTRODUCTION
03.01 Accessibility TO HTML

What does a “web accessibility coordinator”


do?!
•  Helps guide policy and purchasing decisions!
•  Evaluates web interfaces for accessibility!
•  Assists those with disabilities to access online
infrastructure !
•  Keep pace with changing technology!
INTRODUCTION
03.01 Accessibility TO HTML

1in 5 People Have a Disability!

•  There are 60 million •  Visual Issues!


people with disabilities !
•  Hearing Issues!
in the U.S.!
•  Half are impeded •  Motor Issues!
using the internet! •  Cognitive Issues!
!
INTRODUCTION
03.01 Accessibility TO HTML

Visual Disabilities!
•  Blindness, low-vision, color-blindness!
•  8 million have difficulty reading ordinary
newsprint (even with glasses)!
•  1.8 million are completely blind!
•  How is your font-size, color-contrast, font-style?!
INTRODUCTION
03.01 Accessibility TO HTML

Hearing Disabilities!
•  Partial to total deafness!
•  8 million have difficulty hearing a normal
conversation !
•  1 million are completely deaf!
•  Do your videos include closed-captioning? Are
you blaring music?!
!
INTRODUCTION
03.01 Accessibility TO HTML

Motor Disabilities!
•  Inability to use a mouse or physical keyboard,
slow response time, limited fine motor control!
•  Dexterity issues—8 million Americans have
difficulty using their arms or hands!
•  What happens when someone tries to “tab”
through your page? Do you require a steady
hand?!
INTRODUCTION
03.01 Accessibility TO HTML

Cognitive Disabilities!
•  Learning disabilities, distractibility, dyslexia, inability to
remember or focus on large amounts of information!
•  Adults with ADD/ADHD: 16 million!
•  38% of soldiers, 31% of Marines and 49% of National
Guard members returning from combat report
psychological conditions such as TBI and PTSD!
•  Cognitive disabilities number greater than physical and
perceptual disabilities combined!
INTRODUCTION
03.01 Accessibility TO HTML

More Stats!
•  8.3% of the U.S. population have 2 or more disabilities!
•  40,000 people the in U.S are both deaf and blind!
•  41 percent of adults 65 and older have a disability!
•  8.7 million people with disabilities are poor!
•  70% of disabled are unemployed or underemployed!
INTRODUCTION
03.01 Accessibility TO HTML

The web offers unprecedented


opportunities for disabled !
•  Education!
•  News!
•  Commerce!
•  Social!
•  Benefits of web are amplified for disabled!!!
•  Web is an enabling technology!
INTRODUCTION
03.01 Accessibility TO HTML

Legal!
•  DOJ is in the process of revising Title II and III of the
ADA to include online resources of state and local
entities!
!
•  Case law—individuals or entities can file civil rights
complaints, e.g., Penn State, NYU, Northwestern, FSU,
Target, Southwest Airlines, Priceline.com, Ramada,
Kindle, etc.!
INTRODUCTION
03.01 Accessibility TO HTML

What is web accessibility?!


•  Making the web accessible for the widest possible audience!
•  This audience includes Temporarily Able-Bodied users
(TABs)!
•  Currently, online infrastructure is hostile to those with
disabilities!
•  Inseparable from SEO, mobile, and usability: improve one
and you improve the others!
•  Best way to accomplish accessibility? Adherence to standards. !
INTRODUCTION
03.01 Accessibility TO HTML

W3C WCAG 2.0!


•  W3C Web Content Accessibility Guidelines
are principle-, not technology-based!
•  The four principles (POUR):!
–  Perceivable!
–  Operable!
–  Understandable !
–  Robust!
INTRODUCTION
03.01 Accessibility TO HTML

Review!
•  Designing with accessibility in mind is the
right thing to do for many reasons!
•  Adhering to standards (not flashy, cool
effects) is key!
•  Pay special attention to the semantics
behind the HTML5 tags!
INTRODUCTION
03.01 Accessibility TO HTML

Acknowledgements/Contributions!
These slides are Copyright 2015- Colleen van Lent as part of http://
www.intro-webdesign.com/ and made available under a Creative
Commons Attribution Non-Commercial 4.0 License. Please maintain
this last slide in all copies of the document to comply with the
attribution requirements of the license. If you make a change, feel free
to add your name and organization to the list of contributors on this
page as you republish the materials.!
!
Initial Development: Colleen van Lent , University of Michigan School of
Information!
!

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