1 / 39

Gaining Awareness of Accessibility at Your Workplace and Building Your Accessibility Knowledge

Enhance your accessibility knowledge at work by learning tips, tools, and best practices. Engage in hands-on practice and gain insights from experienced testers, fostering a more inclusive workplace culture.

gladysjohnson
Download Presentation

Gaining Awareness of Accessibility at Your Workplace and Building Your Accessibility Knowledge

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 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

  2. 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 eLearning • Take home some handy resources

  3. 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

  4. 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

  5. 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

  6. CouRage Courage is asking for what you need. - Brene Brown

  7. The Power of asking Questions

  8. Questions to ask Is there an accessibility policy? Do we have accessibility standards? Is there an accessibility team or expert?

  9. Findings Through asking questions, I met some new folks! Kathy - Accessibility Coordinator Kellie - LMS Coordinator Angela - Accessibility checker for our LMS Valerie - Accessible eLearning Mike - Heads up the “A Team,” in the Civil Rights office.

  10. Turn and talk How might you craft and ask questions to learn about and create awareness of accessibility at your workplace?

  11. Tools, Tools and More Tools

  12. What tools? What tools does your workplace use in designing online content?

  13. 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.ly\AU19_AccessibilitySurvey

  14. the survey says?!

  15. 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

  16. 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 2 Station 3 Station 4 Station Rotation Interactive Google Slides Station 1

  17. Station 1 - Closed CaptionS Objective: Learn how to turn on Closed Captions in YouTube Step set: • How To Turn On Closed Captions on YouTube Videos: • Creating Subtitles and Closed Captions on Your Youtube Videos • Closed Captioning and Accessibility

  18. 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

  19. 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 -- A11ycasts #17

  20. 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.66px) and bold or larger, or 18 point (typically 24px) or larger.

  21. 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 & PowerPoint Composing Meaningful Alternative Text Adding Alternate Text to an Image in a PDF in Adobe Acrobat Pro

  22. Table/Partner Share Share with a partner the stations that you visited any learning goal(s) that were created in your short dive.

  23. All means all! Accessibility and UDL - Skip Stahl talks about the intersection of UDL and accessibility.

  24. What we have Faced in eLearning

  25. What we have faced in eLearning, Continued

  26. Unclear Link Text • Avoid • For more information about accessibility, click here • Or learn more or clickhere, hereandhere • Why is this a problem • Screen readers search for/scroll through links • “Here” is small (hard to find) and ambiguous

  27. Scanning Links on Screen Readers Voice Over Screen Reader JAWS Screen Reader

  28. Headings on Screen Readers Voice Over Screen Reader JAWS Screen Reader

  29. Orange Back Button and Blue Next Button

  30. Pie Graph Example

  31. Screen Reader and Alt Text - Good This example is good enough. Could be better. Man in a cowboy hat.

  32. Screen Reader and Alt Text - Bad The example is totally incorrect. Spaghetti

  33. Screen Reader and Alt text - Ugly Yup… pretty Ugly. IMG0051

  34. The Good, the bad, and The ugly Clint Eastwood as Blondie. Lee Van Cleef as Angel Eyes/Sentenza. Eli Wallach as Tuco.

  35. Things to Keep in Mind • Accessibility can add up to 40% more time to eLearning 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.

  36. 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.

  37. 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

  38. Reflection Closing Circle

  39. The End

More Related