INTEGRATING ACCESSIBILITY         INTO YOUR PUBLIC SECTOR SITE  CATHARINE McNALLY (@cmcnally)QA & Accessibility Analyst, P...
WHY ACCESSIBILITY?
1 IN 10           WEB USERS HAVE A DISABILITY               THAT IMPACTS THEIR                WEB EXPERIENCE.@cmcnally | @...
WHO ARE THE 10%?   Website Users who experience:          Blindness or have Low Vision;          Deafness or Hard of Heari...
PEOPLE IN THE MIDDLE          •   A young soldier returning from deployment with mild              hearing loss;          ...
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:                     New Way:    Read More                    Read Full Press Re...
READ MORE LINKS: Georgia.gov
CULTURE OF COMMITMENT      SENIOR MANAGEMENT            PROJECT MANAGERS                     SOFTWARE ANALYSTS            ...
TESTING FOR ACCESSIBILITY
CONSIDER PRIORITIES         Section 508 is the requirement for all federal agency         websites. Beyond 508 are WCAG be...
START WITH                          EPICS & USER STORIES          EPIC            “A user can watch a video on the site.” ...
BLINDNESS & LOW VISION                   “A user can watch a video on the site.”           ACCESSIBILITY CONSIDERATION    ...
DEAFNESS & HEARING LOSS                   “A user can watch a video on the site.”           ACCESSIBILITY CONSIDERATION   ...
LIMITED & LOW MOBILITY                   “A user can watch a video on the site.”          ACCESSIBILITY CONSIDERATION     ...
EPICS & USER STORIES       EPIC “A user can watch a video on the site.” USER STORIES                           •A User can...
AREAS FOR RESPONSIBILITIES          “BACKEND”                “FRONTEND”        •   Developer makes        •   Content Crea...
WRITE TEST SCRIPTS                               Make it Testable:          “Error Messages are not Solely Indicated by Co...
RUN AN AUDIT
USE MULTIPLE TOOLSMANUAL TESTING       AUTOMATED TESTINGVOICEOVER& JAWSKEYBOARD ONLY NAV.TURN OFF IMAGES.VIEW IN GRAYSCALE
QUESTIONS?             Catharine McNally             Phase2 Technology             Quality and Accessibility Analyst      ...
Upcoming SlideShare
Loading in...5
×

Integrating Accessibility into Your Public Sector Site

684

Published on

Published in: Design, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
684
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Integrating Accessibility into Your Public Sector Site

  1. 1. INTEGRATING ACCESSIBILITY INTO YOUR PUBLIC SECTOR SITE CATHARINE McNALLY (@cmcnally)QA & Accessibility Analyst, Phase2 Technology
  2. 2. WHY ACCESSIBILITY?
  3. 3. 1 IN 10 WEB USERS HAVE A DISABILITY THAT IMPACTS THEIR WEB EXPERIENCE.@cmcnally | @phase2tech
  4. 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. 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. 6. OBJECTIVE: SERVE EVERYONE.@cmcnally | @phase2tech
  7. 7. HERE’S HOW: PLAN AHEAD.@cmcnally | @phase2tech
  8. 8. HERE’S HOW: BE INNOVATIVE.@cmcnally | @phase2tech
  9. 9. HERE’S HOW: CULTURE OF COMMITMENT.@cmcnally | @phase2tech
  10. 10. PLAN AHEAD 10% ADDITIONAL TIME & COST@cmcnally | @phase2tech
  11. 11. WAIT UNTIL END, UP TO: 200% ADDITIONAL TIME & COST@cmcnally | @phase2tech
  12. 12. BE INNOVATIVE Read More Links Old Way: New Way: Read More Read Full Press Release@cmcnally | @phase2tech
  13. 13. READ MORE LINKS: Georgia.gov
  14. 14. CULTURE OF COMMITMENT SENIOR MANAGEMENT PROJECT MANAGERS SOFTWARE ANALYSTS DEVELOPERS@cmcnally | @phase2tech
  15. 15. TESTING FOR ACCESSIBILITY
  16. 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. 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. 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. 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. 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. 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. 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. 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. 24. RUN AN AUDIT
  25. 25. USE MULTIPLE TOOLSMANUAL TESTING AUTOMATED TESTINGVOICEOVER& JAWSKEYBOARD ONLY NAV.TURN OFF IMAGES.VIEW IN GRAYSCALE
  26. 26. QUESTIONS? Catharine McNally Phase2 Technology Quality and Accessibility Analyst Twitter: @cmcnally cmcnally@phase2technology.com
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×