Integrating Accessibility into Your Public Sector Site

  • View
    678

  • Download
    1

  • Category

    Design

Preview:

Citation preview

INTEGRATING ACCESSIBILITY INTO YOUR PUBLIC SECTOR SITE

CATHARINE McNALLY (@cmcnally)QA & Accessibility Analyst, Phase2 Technology

WHY ACCESSIBILITY?

1 IN 10

@cmcnally | @phase2tech

WEB USERS HAVE A DISABILITY THAT IMPACTS THEIR

WEB EXPERIENCE.

WHO ARE THE 10%?Website Users who experience:

Blindness or have Low Vision;Deafness or Hard of Hearing;

Low or Limited Mobility;temporarily disabling conditions

Intellectual disabilities;

@cmcnally | @phase2tech

PEOPLE IN THE MIDDLE• A young soldier returning from deployment with mild

hearing loss;• A high-school student who broke both wrists after

falling off skateboard;

• A 40-year old who has a temporary brain injury.

• A disaster survivor, racked with trauma after a tornado went through town;

@cmcnally | @phase2tech

OBJECTIVE: SERVE EVERYONE.

@cmcnally | @phase2tech

HERE’S HOW:PLAN AHEAD.

@cmcnally | @phase2tech

HERE’S HOW:BE INNOVATIVE.

@cmcnally | @phase2tech

HERE’S HOW:CULTURE OF COMMITMENT.

@cmcnally | @phase2tech

PLAN AHEAD

10%ADDITIONAL TIME & COST

@cmcnally | @phase2tech

WAIT UNTIL END, UP TO:

200%ADDITIONAL TIME & COST

@cmcnally | @phase2tech

BE INNOVATIVE

Read More Links

Old Way:

Read More

New Way:

Read Full Press Release

@cmcnally | @phase2tech

READ MORE LINKS: Georgia.gov

CULTURE OF COMMITMENT

SENIOR MANAGEMENTPROJECT MANAGERS

SOFTWARE ANALYSTSDEVELOPERS

@cmcnally | @phase2tech

TESTING FOR ACCESSIBILITY

CONSIDER PRIORITIES

Section 508 is the requirement for all federal agency websites. Beyond 508 are WCAG best practices, too, set forth by W3C.

@cmcnally | @phase2tech

So how to plan & prioritize?

START WITHEPICS & USER STORIES

@cmcnally | @phase2tech

“A user can watch a video on the site.”EPIC

A User can control video playback.

A User can share the video.

USER STORY

BLINDNESS & LOW VISION“A user can watch a video on the site.”

@cmcnally | @phase2tech

Can an audio description file be associated with the video?

ACCESSIBILITY CONSIDERATION

User of Assistive Technology can access the video’s audio description.

USER STORY

DEAFNESS & HEARING LOSS

@cmcnally | @phase2tech

“A user can watch a video on the site.”

Can a closed captioning file or transcript be associated with the video?

ACCESSIBILITY CONSIDERATION

User can enable closed captioning on video or open video transcript.

USER STORY

LIMITED & LOW MOBILITY

@cmcnally | @phase2tech

“A user can watch a video on the site.”

Can the play button be easily “clicked”? i.e., does it have a large target?

ACCESSIBILITY CONSIDERATION

A User can control video playback through either a keyboard or mouse.

USER STORY

EPICS & USER STORIES

@cmcnally | @phase2tech

“A user can watch a video on the site.”EPIC

•A User can control video playback.•A User can share the video.

USER STORIES

•A User can enable closed captioning on video or open video transcript.

•A User can control video playback through either a keyboard or mouse.•User of Assistive Technology can access the video’s audio description.

AREAS FOR RESPONSIBILITIES

• Developer makes available an alt tag field.

• Content Creator inputs alt description

“BACKEND” “FRONTEND”

CLEARLY IDENTIFY RESPONSIBILITIES DURING PLANNING

@cmcnally | @phase2tech

WRITE TEST SCRIPTS

Make it Testable:

“Error Messages are not Solely Indicated by Color”

@cmcnally | @phase2tech

- does an “ERROR!” message display?- is there an ERROR icon?

RUN AN AUDIT

USE MULTIPLE TOOLS

MANUAL TESTING

VOICEOVER& JAWSKEYBOARD ONLY NAV.TURN OFF IMAGES.VIEW IN GRAYSCALE

AUTOMATED TESTING

QUESTIONS?

Catharine McNallyPhase2 TechnologyQuality and Accessibility AnalystTwitter: @cmcnallycmcnally@phase2technology.com

Recommended