integrating accessibility into your public sector site
TRANSCRIPT
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: @[email protected]