Transcript Document

WEB ACCESSIBILITY
1/4/2013
Christopher Read / Debbie Berkeley, LNEC
Curry School
of Education
WHAT IS IT?
Web
Accessibility
WHY IS IT IMPORTANT?
7/21/2015
2
WEB ACCESSIBILIT Y –
WHAT DOES IT MEAN?
 Perceivable: Available to various senses either
through the browser or through assistive
technologies (such as, screen readers)
 Operable: Users can interact with all controls and
interactive elements using the mouse, keyboard, or
an assistive device.
 Understandable: Content is clear and limits
confusion and ambiguity.
 Robust: A wide range of technologies can access the
content.
7/21/2015
3
WEB ACCESSIBILIT Y –
WHY IS IT IMPORTANT?
 An accessible Web provides equal access and equal
opportunity to people with disabilities and can help
people with disabilities more actively participate in
society
 Web technologies have virtually eradicated barriers
to traditional print, audio, and visual media for
people with disabilities. It’s important to shape Web
design so that new barriers aren’t created .
 Web accessibility is required by law.
7/21/2015
4
DISABILITY &
WEB CONCERNS
7/21/2015
Web
Accessibility
5
MAJOR DISABILIT Y CATEGORIES
 Visual
 Blindness, low vision, color-blindness
 Hearing
 Deafness
 Motor
 Inability to use a mouse, slow response time, limited
fine motor control
 Cognitive
 Learning disabilities, distractibility, inability to focus
on large amounts of information
7/21/2015
6
VISUAL - QUESTIONS
1. How will a visually impaired user access text?
2. How will images be recognized?
3. How will the page be visually scanned?
4. How will elements of forms and links be properly
read?
5. How will tables be efficiently read?
7/21/2015
7
HEARING - QUESTIONS
1. Will videos or podcasts be uploaded?
2. Will the audio/video player have
closed caption ability?
3. Who will create the transcript or
closed captioning file?
7/21/2015
8
COGNITIVE - QUESTIONS
 How does the page look?
 Is the page structured with headings and bulleted lists,
numbered lists or indented quotes?
 Do visual cues such as illustrations or headings highlight
important points?
 Is white space in margins and between headings?
 Are paragraphs short and unambiguous?
7/21/2015
9
ASSISTIVE TECH
7/21/2015
Popular
Programs
10
POPULAR PROGRAMS
Learning Disability
 Kurzweil
 Narrator (Win); VoiceOver (Mac)
Visual Impairment
 JAWS
 ZoomText / Magnifier (Win); Zoom (Mac)
Other
 Dragon Naturally Speaking
 Closed Captioning (A tool, not a program)
7/21/2015
11
DEMO
7/21/2015
12
Sources:
 WebAim.org
 http://webaim.org/intro/
 http://webaim.org/articles/cognitive/design
 http://webaim.org/articles/pour/
 W3.org
 http://www.w3.org/WAI/intro/accessibility.ph
p
 Christopher Read
Assistive Technology Specialist, SDAC
[email protected]; 243-5185
 Debbie Berkeley
Assistant Director, SDAC
[email protected]; 243-5180
7/21/2015
13