Making 508 Accessible to Developers DevLearn 2018 Chris Willis

Transcription

1 Making 508 Accessible to Developers DevLearn 2018 Chris Willis Sr. Product Manager, Customizable Courseware

2 Poll Your Role What s your role in designing learning? A. Instructional Designer / Trainer B. elearning Developer C. Learning Manager D. Business Manager / Consultant E. Other (tell us!)

3 Poll Your Experience Which best describes you? A. Curious about accessible elearning B. Actively working on compliance requirements C. Not required, but accessibility matters! D. Other (tell us!)

4 Customizable Courseware Who s familiar with Customizable Courseware

5 Agenda In this session, you will discover: A process for defining your target level for accessibility compliance High level design strategies to save you time and money! Compliance checklists, tests, and authoring considerations to help you succeed

6 Why Develop Accessible elearning? Human-Centered Improve the lives of people with disabilities

7 Why Develop Accessible elearning? Human-Centered Economic/Marketing Improve the lives of people with disabilities Capitalize on the a wider audience or consumer base

8 Why Develop Accessible elearning? Human-Centered Economic/Marketing Risk/Reward Improve the lives of people with disabilities Capitalize on the a wider audience or consumer base Avoid costly lawsuits and/or bad press

9 508 = WHAT WCAG = HOW

10 WCAG is a set of guidelines for making content accessible for all users, including those with disabilities WebAIM

11 WCAG-2.0 The Web Content Accessibility Guidelines WCAG 2.0 standard: Outline best practices for making web content universally: Perceivable Operable Understandable Robust

12 WCAG-2.0 The Web Content Accessibility Guidelines WCAG 2.0 standard: Outline best practices for making web content universally: Perceivable Operable Understandable Robust Defines criteria for successful inclusive [elearning] design, with compliance levels A, AA, and AAA Is composed and reviewed by a global community of digital experts Connects the world through common information technology and user experience standards

13 The techniques and guidelines of web accessibility were not invented to make life hard for [elearning] developers. They were invented to make life easier for people with disabilities. WebAIM

14 Better usability for all is just good instructional design!

15 First, Assess Your Needs

16 Assess Your 508 Program Maturity Section508.gov Maturity Measures At Risk Managing Risk Ad Hoc Planned Resourced Measured No formal policies, process or procedures defined Policies, processes and procedures defined and communicated Resources committed & trained to implement policies, processes and procedures Validation is performed; results are measured and tracked

17 Perform an audience analysis to understand who your accessible learners are and the specific requirements they have.

18 Assess Your Audience Needs Disability Impairment Accessibility Needs All Learners Appreciate Auditory Disability Unable to hear clearly or at all (deaf) Text captions for any audio Ability to take course in loud workplace; privacy

19 Assess Your Audience Needs Disability Impairment Accessibility Needs All Learners Appreciate Auditory Disability Unable to hear clearly or at all (deaf) Text captions for any audio Ability to take course in loud workplace; privacy Visual Disability Vision impaired or blind Screen reader user ---

20 Assess Your Audience Needs Disability Impairment Accessibility Needs All Learners Appreciate Auditory Disability Unable to hear clearly or at all (deaf) Text captions for any audio Ability to take course in loud workplace; privacy Visual Disability Vision impaired or blind Screen reader user --- Mobility Impaired Motor impairment; Little or no use of hands Tab Key or modified input hardware Speed scan or review course

21 Assess Your Audience Needs Disability Impairment Accessibility Needs All Learners Appreciate Auditory Disability Unable to hear clearly or at all (deaf) Text captions for any audio Ability to take course in loud workplace; privacy Visual Disability Vision impaired or blind Screen reader user --- Mobility Impaired Motor impairment; Little or no use of hands Tab Key or modified input hardware Speed scan or review course Learning Disability Difficulty reading or processing information Chunk and organize information; use headings; no timed interactions Better learning and retention for all!

22 Create a Rockstar Accessibility Team

23 Create a Compliance Team* Leadership/Strategy - provides resources, org. guidelines, buy-in Instructional Design - chunk and organize content; ability to problems solve and provide an alternate approach Visual/Graphic Design - font size, colors, images, multimedia Technical Development - seeks optimum experience for lowest overhead Testers - enlist the assistance of actual users of assistive technologies *In a small organization, the same person may be assigned more than one role

24 Assign a Team Lead Designate team lead Coordinates everything Single point of contact Internal compliance SME; The buck stops here.

25 Get to Know the WCAG-2 Standard Perceivable Provide text alternatives for non-text content. Provide captions and other alternatives for multimedia. Create content that can be presented in different ways, including by assistive technologies, without losing meaning. Make it easier for users to see and hear content. Operable Make all functionality available from a keyboard. Give users enough time to read and use content. Do not use content that causes seizures. Help users navigate and find content. Make it easier to use inputs other than keyboard. Understandable Make text readable and understandable. Make content appear and operate in predictable ways. Help users avoid and correct mistakes. Robust Maximize compatibility with current and future user tools.

26 Compliance Team Review: As a team, review the standard together item by item. Determine your minimum and desired conformity levels.

27 It is not recommended that Level AAA conformance be required as a general policy for entire sites because it is not possible to satisfy all Level AAA Success Criteria for some content. -WC3

28 WACG-2.0 Conformity Levels: A, AA, AAA Level A Minimal effect, minimal impact Enables screen readers Falls short of current compliance best practices, standards Level AA Happy medium; not too light/not too restrictive Exceeds all Level A criteria Level of conformance most organizations strive for Level AAA All conformance factors at the highest level Most comprehensive Most restrictive on interactive elements, design and functionality

29

30

31 Select ToolS + Approach

32 Use the right tool for the job. Everybody s Grandpa, Ever

33 ALL TOOLS HANDLE ACCESSIBILITY DIFFERENTLY! ****NOT CURRENT*** For Illustration Purposes Only!

34 Templatize!

35 Storyboard Template

36 Storyboard Template Colors Fonts Transcript (slide notes) Alt Text Developer Notes (animation, states, etc)

37 Presentation and Interaction Templates Develop Approved Functional Template Set in Selected Tool(s) Framework Static content pages Interactions Quiz models

38 Custom Tab Order Order each screen to make sense when read by the screen reader: Lesson copy Question Answer Choices Feedback Skip: Navigation Decorative images Any other extraneous items

39 It s tiring to tab around listening to the screen reader describe incidental text not related to learning!

40 Test Early, Test Often!

41 Test framework and interaction templates as you build, including screen reader and transcript export if used. Refine templates as you go.

42 NVDA Open Source Screen Reader Test Reading Order

43 BONUS: Accessibility Gotchas & Gimmes

44 Alt Text for Images Social Security Administration Guide: Alternate text for images. Version 1.2, July

45 Contrast + Color urces/contrastchecker/

46 Reasonably anticipated skin, eye, mucous membrane, or parenteral (piercing of the skin) contact with blood or other potentially infectious materials (OPIM) that may result from the performance of your work duties. Above is the formal definition of: A B C Occupational Exposure Exposure Incident Workplace Exposure SUBMIT

47 Correct! Occupational Exposure means you are reasonably anticipated to be exposed to bloodborne pathogens through an exposure incident. In other words, you could reasonably be expected to come into contact with blood or OPIM performing your normal job tasks. A B C Occupational Exposure Exposure Incident Workplace Exposure CONTINUE

48 Not Quite. Occupational Exposure means you are reasonably anticipated to be exposed to bloodborne pathogens through an exposure incident. In other words, you could reasonably be expected to come into contact with blood or OPIM performing your normal job tasks. A B C Occupational Exposure Exposure Incident Workplace Exposure CONTINUE

49

50 W3C Web Accessibility Initiative: How to Meet WCAG 2 Quick Reference

51 Agenda In this session, we explored: A process for defining your target level for 508 / WCAG2 Compliance High level design strategies to save you time and money! Compliance checklists, tests, and authoring considerations to help you succeed

52 QUESTIONS?

53 Schedule a FREE Demo! BROS (2767) info@elearningbrothers.com

54 Customizable Courseware