1. Adding Guerrilla Accessibility Testing to Your Development Process

2. PHASE2S ACCESSIBILITY APPROACH OUR PHILOSOPHY & GOALS

3. PHASE2 ACCESSIBILITY APPROACHOur Philosophy Shared Experiences Focus on Usability Beyond Box-Checking

4. PHASE2 ACCESSIBILITY APPROACHGoal: Build software for clients that achieves two objectives: 1. Backend: Enable content creators, editors, and staff who use assistive technology to create and manage content on the platform. 2. Frontend: Instill condence that conguration of new website pages, elements, and content will be Section 508 Compliant and carry WCAG 2.0 Best Practices.

5. PHASE2 ACCESSIBILITY APPROACHThought leadership In-house accessibility expert Implementing best practicesInternal Investment on Products OpenPublic built with accessibility at the core

6. WHY ACCESSIBILITY?

7. WHAT ACCESSIBILITY REALLY MEANSSection 508 may be a set of rules. But to effectivelyimplement best practices, its helpful to understand how toachieve true accessibility.Rather than thinking about accessibility on the extreme endsof the spectrum, think about serving people in the middle.

8. PEOPLE IN THE MIDDLEAt one point in their lives, the average American may needaccess when they least expect it. Some dont even considerthemselves disabled. For example: a 20-something war vet returning from Afghanistan with mild hearing loss a 35 year-old who sprained her wrists after falling off her bike a 40-year old who is recovering from a temporary brain injury Someone who is shocked as they escaped the path of a tornado through their town and needs to access FEMA.gov.

9. ACCESSIBILITY KEY CHARACTERISTICSBlindness / Low Vision Cognition / Intellectual Disabilities Skip Navigation Links available; Provide both images and text; text available and effective; Ensure site is user-friendly & understandable Contrast options & control; Avoid overly complex web functions Provide long descriptions for complex Avoid jargon. User basic language. imagesDeafness / Hearing Loss Mobility Closed captioning available; Provide skip-navigation links; Transcripts of audio / video available; All website functions available from keyboard; Ensure pages are error-tolerant.

10. INTERESTING STAT:Accessibility when considered in the beginning of a project adds 10% of time & cost. After the fact, its at least 2x the cost.

11. EXPERIENTIAL LEARNING: VISION

12. ON THAT NOTE...When accessibility is addressed in the beginning,Usability improvements and considerations areweaved into the process.

13. PLANNING FOR ACCESSIBILITY

14. ACCESSIBILITY FEATURES: ANALYSISBackend FrontendCreating Content Skip to Main ContentManaging the Page Structure NavigationConguring User Roles Logging in / Logging OutHelp Text Read More Links

15. ACCESSIBILITY FEATURES: DEVELOPMENTBackend & FrontendContext & RelationshipsAccessibility Collaboration - e.g. text eld + quality text descriptionTab Order & Conguration via KeyboardNo Javascript or CSSSpecic Markup for Screen Readers

16. ACCESSIBILITY FEATURES: IMPLEMENTATIONBackend FrontendContent Creation & Site Conguration are Screen Readers can intuitively navigate siteaccessible, usable, and informative Keyboard-only users easily get around site

17. ACCESSIBILITY: YOUR ROLE IN CONTENT CREATIONWORKFLOW When you and your organization adds content, it is important to check each front-facing element to ensure that it includes the necessary accessibility elements which also contribute to overall usability of the site. IMAGES: Clear, descriptive and succinct text is available. CONTEXT: The content is easy to understand, descriptive, and not full of jargon. PAGE MARKUP: Headings are used properly, as are bullets for lists. AUDIO / VIDEO: The media on the page are available with a caption le or transcript.

18. PHASE2 QA & TESTING SECTION 508 & WCAG

19. ACCESSIBILITY QA: HOW TO TESTTESTING ENVIRONMENTS Section 508 Monitor Off WCAG 2.0 Best Practices TOOLS No Mouse JAWS, VoiceOver, & NVDA JavaScript OffCONSIDERATIONS Keyboard-Only Manual Testing CSS Off Images Off Equal Access Automated Testing No Audio Equivalent Experience No Color Usability TRACKING Accessibility QA

20. ACCESSIBILITY QA: AUTOMATED TESTING TOOLSKey Notes:Testing Tools must be able to test the DOM to be effectiveAutomated Tools cannot evaluate quality of accessibility

21. ACCESSIBILITY QA: MORE TOOLSCOLOR CONTRAST ANALYZERCAPTIONING VIDEOS

22. ACCESSIBILITY QA: MANUAL TESTING STRATEGIESKey Notes:Consider the additional ways for people to understand or interact with the content?If any aspect of website is the least bit frustrating to you, x it. Its going to be a worse experience for others. Descriptive context; Closed captioning available; Transcript available; Audio-only version; User can enlarge video; Easy control of play-back; Clear navigation direction

23. ACCESSIBILITY QA: PHASE2S CHECKLIST

24. RECAPWHO WERE SERVING: Everyone! Usability and Accessibility are interchangeable.THE BACKEND: Ensure that the CMS supports accessible content creation and navigation.THE FRONTEND: The Site is intuitive to follow, and the content is readable and accessible. WORKFLOW: Set organizational responsibilities and expectations for accessible content creation.TESTING: Conduct automatic testing early, followed by all-important manual testing

25. QUESTIONS? VISIT WWW.PHASE2TECHNOLOGY.COM/X TO DOWNLOAD TEST TRACKING WORKSHEET & TOOLS HANDOUTShawn Mole Catharine McNallyPhase2 Technology Phase2 TechnologySoftware Analyst Quality and Accessibility AnalystTwitter: @shawnmole Twitter: @cmcnallysmole@phase2technology.com cmcnally@phase2technology.com