Making Your - PowerPoint Presentation

Slide1
Slide2

Making YourWebsite Accessible

Presented by

John F. Sullivan

Associate Executive Director – Technology and Operations

Federation for Children with Special NeedsSlide3

Introduction to

Web Accessibility

Applications

of

Universal DesignSlide4

Ed Roberts

1939-1995Slide5

Curb CutsSlide6

Gratuitous Curb CutSlide7

Introduction to

Web

Accessibility (cont.)

Challenges people with disabilities encounter navigating websites Slide8

Challenges

-

Auditory

Captioning/Transcripts for video/audio

Cognitive and Neurological

Time

Content does not cause seizures

Physical/Motor

Keyboard Controls

Visual

Multimedia Alternatives

Keyboard ControlsSlide9

Audio - Captioning

Janie Crecco

Federation StaffSlide10

Audio

– Captioning

(cont.)

Use a transcript captioning service,

not auto-generated such as YouTubeSlide11

Visual - Colorblindness

According to the National Eye Institute, about 8 percent of men (and 0.5 percent of women) of Northern European ancestry are red-green colorblind.Slide12

Visual

– Colorblindness

(cont.)

Slide13

Accessibility Laws

Sections 504 and 508 of the Rehabilitation Act of 1973

Americans with Disabilities Act (ADA)Slide14

Section 504

“No

otherwise qualified individual with a disability in the United States... shall, solely by reason of her or his disability, be excluded from participation in, be denied the benefits of, or be subjected to discrimination under any program or activity receiving Federal financial assistance

.”

Source: http://webaim.org/articles/laws/usa/rehabSlide15

Section 508

“Section

508 provided the first-ever US federal accessibility standard for the Internet

.”

Source: http://webaim.org/articles/laws/usa/rehabSlide16

Americans with Disabilities Act (ADA)

In 2018, the

U.S. Department of Justice

is expected to issue

official compliance guidelines concerning online accessibility

as

part of the Americans with Disabilities Act (ADA).Slide17

Accessibility Standards for Websites

Web

Accessibility Initiative (WAI

)

Web

Content Accessible Guidelines 2.0 (WCAG 2.0

)Slide18

Web Content Accessible Guidelines 2.0 -

Principles of Web Design

P

erceivable

O

perable

U

nderstandable

R

obustSlide19

WCAG 2.0 - POUR

P

erceivable-

Information and user interface components must be presentable to users in ways they can perceive (e.g. alt tags that say what the item actually does, like ‘Submit form Button’).

O

perable-

User interface components and navigation must be operable (e.g., you must be able to navigate the site using a keyboard as well as a mouse

).Slide20

WCAG 2.0 - POUR

U

nderstandable-

Information and the operation of user interface must be understandable, (e.g. error messaging on a form should make sense; instead of ‘Invalid field’ messaging, use ‘The Email field must be in a valid format’).

R

obust-

Content must be robust enough so it can be interpreted reliably by a wide variety of user agents, including assistive technologies. In other words, don’t use tags or code that only certain browsers understand.Slide21

Evaluation

for

Website Accessibility

Website

accessibility evaluation tools

(https

://www.w3.org/WAI/ER/tools

/)

WebAIM

(http://wave.webaim.org/)

Slide22

Navigation

Navigating the web with a screen readerSlide23

Evaluation

for

Website

Accessibility

(cont.)

Fixing errors

(

images, PDFs, captioning video, etc

.)

Frameweld’s

Workshop

(frameweld.com)Slide24

Maintaining Website Accessibility

Ownership

Periodic Checks

Feedback from Users

Download Free ToolsSlide25

Resources for Web Accessibility

Section508.gov

WebAIM.org

w3.org/WAI