GAINING AWARENESS OF ACCESSIBILITY AT YOUR WORKPLACE AND
GAINING AWARENESS OF ACCESSIBILITY AT YOUR WORKPLACE AND BUILDING YOUR ACCESSIBILITY KNOWLEDGE Cari Collins cari. collins@hhsc. state. tx. us Angela Sarmiento angela. sarmiento@dfps. state. tx. us
LEARNING OBJECTIVES ● Learn tips for asking questions and getting ● ● information Identify where you are in your accessibility awareness Practice some common accessibility concepts/tools What we have faced in e. Learning Take home some handy resources
AGENDA ● ● ● Courage and the Power of Questions Take Accessibility Familiarity Survey Hands on practice station rotation of four key accessible design tools: ○ Closed Caption ○ Text Reader ○ Color Contrast ○ Alt Text Lessons Learned from a tester’s perspective Reflection
RISE There is no greater threat to the critics and cynics and fearmongers than those of us who are willing to fall because we have learned how to rise. - Brene Brown website
COURAGE CATALYST This is the space where we recognize people who bring courage and love to the places that need it the most. Their work reaches far beyond what they do everyday – they are the change makers, culture shifters, and light bearers. They are Courage Catalysts. - Brene Brown website
COURAGE Courage is asking for what you need. - Brene Brown
THE POWER OF ASKING QUESTIONS
QUESTIONS TO ASK Is there an accessibility policy? Do we have accessibility standards? Is there an accessibility team or expert?
FINDINGS Through asking questions, I met some new folks! Kathy - Accessibility Coordinator Kellie - LMS Coordinator Angela - Accessibility checker for our LMS Valerie - Accessible e. Learning Mike - Heads up the “A Team, ” in the Civil Rights office.
TURN AND TALK How might you craft and ask questions to learn about and create awareness of accessibility at your workplace?
TOOLS, TOOLS AND MORE TOOLS
WHAT TOOLS? What tools does your workplace use in designing online content?
ACCESSIBILITY FAMILIARITY SURVEY ● Type the below bit. ly into your browser to access and fill out a brief survey ● Answer each question to the best of your current knowledge (there are no wrong answers) Accessibility Familiarity Survey bit. lyAU 19_Accessibility. Survey
THE SURVEY SAYS? !
HANDS ON PRACTICE Now let’s take time to explore some of the following accessibility tools: ● ● Closed Captions Text To Speech Chrome extensions Color Contrast Analyzer Creating Alt Text
STATION ROTATIONS Click on the below button of the station you would like to learn. It will take you to the slide for that station in this slidedeck. Station 1 Station 2 Station 3 Station 4 Station Rotation Interactive Google Slides
STATION 1 - CLOSED CAPTION Objective: Learn how to turn on Closed Captions in You. Tube Step set: ● How To Turn On Closed Captions on You. Tube Videos: ● Creating Subtitles and Closed Captions on Your Youtube Videos ● Closed Captioning and Accessibility
STATION 2 - TEXT TO SPEECH (TTS) Objective: Install a TTS tool and/or learn more about TTS Step Set: ● Google: Installing a Text to Speech Chrome Extension ● Mac OS: Setting up Text to Speech ● Windows: How to Use Narrator Screen Reader Videos: ● Web Accessibility Perspectives: Text to Speech ● Read & Write for Google - Everything You Need to Know
STATION 3 - COLOR CONTRAST ANALYZER Objective: Install a free Colour Contrast Analyzer by The Paciello Group and use the dropper tool to get a color contrast ratio. Step Set: ● Paciello Group: Colour Contrast Analyzer ● Direct Installs ● CCAe for Mac Download ● CCAe for Windows Download ● Open Colour Contrast Analyzer from your device ● Open a document or website ● Use dropper tool to get a color contrast ratio Videos: ● How to use Colour Contrast Analyser Tool ● How to check for accessible colors -- A 11 ycasts #17
COLOR CONTRAST RATIO WCAG 2. 1 level AA requires a contrast ratio of at least 4. 5: 1 for normal text and 3: 1 for large text. Level AAA requires a contrast ratio of at least 7: 1 for normal text and 4. 5: 1 for large text. Large text is defined as 14 point (typically 18. 66 px) and bold or larger, or 18 point (typically 24 px) or larger.
STATION 4 - ALT TEXT Objective: Review resources for adding Alt Text Resources with Step Sets: Web Aim - Alt Text Basics Adding Alt Text Tutorials Videos: Adding Alternative Text to Images in Word & Power. Point Composing Meaningful Alternative Text Adding Alternate Text to an Image in a PDF in Adobe Acrobat Pro
TABLE/PARTNER SHARE Share with a partner the stations that you visited any learning goal(s) that were created in your short dive.
ALL MEANS ALL! Accessibility and UDL - Skip Stahl talks about the intersection of UDL and accessibility.
Alt Text Color Contrast WHAT WE HAVE FACED IN ELEARNING Keyboard Accessible and Keyboard Traps Tab order not logical Magnification to 200% Page Titles are unique and descriptive
Unclear Context: Click here and More Logical Headings and Links WHAT WE HAVE FACED IN ELEARNING, CONTINUED Relying on color alone or other senses such as sound Close Captions Using Screen Readers – Paying attention to how you write Create Accessible Templates
UNCLEAR LINK TEXT ¡Avoid • For more information about accessibility, click here • Or learn more or click here, here and here ¡Why is this a problem • Screen readers search for/scroll through links • “Here” is small (hard to find) and ambiguous
SCANNING LINKS ON SCREEN READERS Voice Over Screen Reader JAWS Screen Reader
HEADINGS ON SCREEN READERS Voice Over Screen Reader JAWS Screen Reader
ORANGE BACK BUTTON AND BLUE NEXT BUTTON
PIE GRAPH EXAMPLE
SCREEN READER AND ALT TEXT GOOD THIS EXAMPLE IS GOOD ENOUGH. COULD BE BETTER. Man in a cowboy hat.
SCREEN READER AND ALT TEXT - BAD THE EXAMPLE IS TOTALLY INCORRECT. Spaghetti
SCREEN READER AND ALT TEXT UGLY YUP…. PRETTY UGLY. IMG 0051
THE GOOD, THE BAD, AND THE UGLY Clint Eastwood as Blondie. Lee Van Cleef as Angel Eyes/Sentenza. Eli Wallach as Tuco.
THINGS TO KEEP IN MIND • Accessibility can add up to 40% more time to e. Learning development. • Learning Modules should be 5 to 7 minutes long. • When using complex images such a charts or graphs, a long description is needed in addition to a short alt-text.
ALSO KEEP IN MIND • Test questions must be found in all mediums used in the course: audio, video, text version. • Watch for acronyms, abbreviations, and shortened words. • Be mindful of how people may comprehend similes, metaphors, slang or jargon, and idioms.
RESOURCES • Colour Contrast Analyser • Google Text-to-Speech • Writing effective ALT text • Captioning Your Own Video for Free • Canvas Accessibility • HHS Accessibility Center • Web Aim • Nomensa Accessibility Checklist • Before and After Demonstration • Web Content Accessibility Guidelines (WCAG 2. 1) • WUHCAG 2. 0 Checklists
REFLECTION CLOSING CIRCLE
THE END
- Slides: 39