Integrating Accessibility into Your Public Sector Site

  • 662 views
Uploaded on

 

More in: Design , Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
662
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
3
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. INTEGRATING ACCESSIBILITY INTO YOUR PUBLIC SECTOR SITE CATHARINE McNALLY (@cmcnally)QA & Accessibility Analyst, Phase2 Technology
  • 2. WHY ACCESSIBILITY?
  • 3. 1 IN 10 WEB USERS HAVE A DISABILITY THAT IMPACTS THEIR WEB EXPERIENCE.@cmcnally | @phase2tech
  • 4. WHO ARE THE 10%? Website Users who experience: Blindness or have Low Vision; Deafness or Hard of Hearing; Intellectual disabilities; Low or Limited Mobility; temporarily disabling conditions@cmcnally | @phase2tech
  • 5. 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
  • 6. OBJECTIVE: SERVE EVERYONE.@cmcnally | @phase2tech
  • 7. HERE’S HOW: PLAN AHEAD.@cmcnally | @phase2tech
  • 8. HERE’S HOW: BE INNOVATIVE.@cmcnally | @phase2tech
  • 9. HERE’S HOW: CULTURE OF COMMITMENT.@cmcnally | @phase2tech
  • 10. PLAN AHEAD 10% ADDITIONAL TIME & COST@cmcnally | @phase2tech
  • 11. WAIT UNTIL END, UP TO: 200% ADDITIONAL TIME & COST@cmcnally | @phase2tech
  • 12. BE INNOVATIVE Read More Links Old Way: New Way: Read More Read Full Press Release@cmcnally | @phase2tech
  • 13. READ MORE LINKS: Georgia.gov
  • 14. CULTURE OF COMMITMENT SENIOR MANAGEMENT PROJECT MANAGERS SOFTWARE ANALYSTS DEVELOPERS@cmcnally | @phase2tech
  • 15. TESTING FOR ACCESSIBILITY
  • 16. CONSIDER PRIORITIES Section 508 is the requirement for all federal agency websites. Beyond 508 are WCAG best practices, too, set forth by W3C. So how to plan & prioritize?@cmcnally | @phase2tech
  • 17. START WITH EPICS & USER STORIES EPIC “A user can watch a video on the site.” USER STORY A User can control video playback. A User can share the video.@cmcnally | @phase2tech
  • 18. BLINDNESS & LOW VISION “A user can watch a video on the site.” ACCESSIBILITY CONSIDERATION Can an audio description file be associated with the video? USER STORY User of Assistive Technology can access the video’s audio description.@cmcnally | @phase2tech
  • 19. DEAFNESS & HEARING LOSS “A user can watch a video on the site.” ACCESSIBILITY CONSIDERATION Can a closed captioning file or transcript be associated with the video? USER STORY User can enable closed captioning on video or open video transcript.@cmcnally | @phase2tech
  • 20. LIMITED & LOW MOBILITY “A user can watch a video on the site.” ACCESSIBILITY CONSIDERATION Can the play button be easily “clicked”? i.e., does it have a large target? USER STORY A User can control video playback through either a keyboard or mouse.@cmcnally | @phase2tech
  • 21. EPICS & USER STORIES EPIC “A user can watch a video on the site.” USER STORIES •A User can control video playback. •A User can share the video. •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.@cmcnally | @phase2tech
  • 22. AREAS FOR RESPONSIBILITIES “BACKEND” “FRONTEND” • Developer makes • Content Creator inputs available an alt tag alt description field.CLEARLY IDENTIFY RESPONSIBILITIES DURING PLANNING@cmcnally | @phase2tech
  • 23. WRITE TEST SCRIPTS Make it Testable: “Error Messages are not Solely Indicated by Color” - does an “ERROR!” message display? - is there an ERROR icon?@cmcnally | @phase2tech
  • 24. RUN AN AUDIT
  • 25. USE MULTIPLE TOOLSMANUAL TESTING AUTOMATED TESTINGVOICEOVER& JAWSKEYBOARD ONLY NAV.TURN OFF IMAGES.VIEW IN GRAYSCALE
  • 26. QUESTIONS? Catharine McNally Phase2 Technology Quality and Accessibility Analyst Twitter: @cmcnally cmcnally@phase2technology.com