Welcome to today’s AEM Center Webinar

1. Welcome to today’s AEM Center Webinar The webinar will begin shortly Material for this webinar is available for download at the event page on the AEM Center website: http://bit.ly/AccessiblePresentationsAEM

2. View Closed Captions • Click on the Closed Caption button • Captions will appear along the bottom of your screen

3. Contribute to the Conversation To use the text chat: • Open the chat panel • Choose “all panelists and attendees” from the dropdown above the text entry field • And please tweet out to #aem4all

4. Materials and Recording Material for this webinar is available for download at its event page on the AEM Center website: http://bit.ly/AccessiblePresentationsAEM The link to the recording will be available within a week at the same web page

5. Creating Accessible Presentations Luis Pérez TA Specialist National AEM Center

6. What is your goal? What do you hope to get out of this session? Share in the chat.

7. Question What does a pitcher of water have to do with creating an accessible presentation? Stay tuned to find out.

8. Resources on Presentations Tools for developing your presentation skills

9. Resources for Improving Presentation Skills

10. 2 Parts to a Presentation Avoid “Slideuments” Slide Deck Handout Both need to be accessible

11. A UDL Perspective Accessibility in the context of neuroscience

12. A Neurological Foundation for Universal Design for Learning Visit the new UDL Guidelines website for more information.(udlguidelines.cast.org)

13. Use the power of story The emotional connection of stories makes information more memorableWhat is your presenter’s journey?

14. Other ways to increase engagement Embed reflection/discussion prompts to emphasize application of new learning Use accessible media to break up content

15. Best Practices Tips to make your next presentation more accessible and inclusive

16. Advice from Maya Angelou “Do the best you can until you know better. Then when you know better, do better.”

17. POUR on the Accessibility: WCAG Web Content Accessibility Guidelines 2.0 Information, interface, navigation, components, content must be: Perceivable Operable Understandable Robust

18. P is for Perceivable

19. How to make it perceivable TTo make sure everyone can see and hear the content: • Add alternative text to images and other visuals • Close caption videos or provide transcripts • Provide sufficient color contrast between text and its background

20. Add alternative text to images in PowerPoint 2016 (1 of 2) • Right-click an image. • Select Format Picture. • In the Format Picture pane, select Size & Properties. • Select Alt Text and then type a description for the image in the Description text field.

21. Add alternative text to images in PowerPoint 2016 (2 of 2) • Right-click an image. • Select Format Picture. • In the Format Picture pane, select Size & Properties. • Select Alt Text and then type a description for the image in the Description text field. National Center on Accessible Educational Materials

22. Add alternative text to images in PowerPoint for Office 365 (1 of 3) • Right-click an image. • Select Edit Alt Text.

23. Add alternative text to images in PowerPoint for Office 365 (2 of 3) • Select “Generate a description for me” to get an AI-generated description • Select “Mark as decorative” if the image is not essential for understanding (only adds visual appeal)

24. Add alternative text to images in PowerPoint for Office 365 (3 of 3)

25. Add alternative text to images in Google Slides (1 of 2) • Right-click an image. • Select Alt text. • Type a description for the image in the Description text field. Note: Do not use the Title text field

26. Add alternative text to images in Google Slides (2 of 2) • Right-click an image. • Select Alt text. • Type a description for the image in the Description text field. Note: Do not use the Title text field

27. Quality Image Descriptions • WebAIM: Alternative Text • DIAGRAM Center (more complex images) • An Alt Decision Tree (W3C)

28. Add captions to videos For PowerPoint 2016 for Windows: • Create a WebVTT caption file with captioning software. (CADET from NCAM - free) • Select the video in your slide. • Choose Insert Captions in the Playback tab. • Browse to the caption file and choose Insert.For older versions of PowerPoint, use the STAMP plugin.

29. Embed captioned videos in Google Slides To insert your video:: • Choose Insert, Video. • Choose By URL and enter the URL of the captioned video. The viewer will be able to turn on the captions using the controls in the YouTube player. Tip: Make sure the video does not just include automatic captions. If it is your own uploaded video, you can edit the captions to make them more accurate.

30. Ensure sufficient contrast The following tool can help you check the color contrast: Colour Contrast Analyser (Paciello Group)Available for Windows/Mac Not Enough Contrast Enough Contrast

31. O is for Operable

32. How to Make It Operable TTo make sure everyone can interact with the content: • Use unique slide titles • Use descriptive link text • Check the reading order

33. Use unique slide titles (View > Outline View or Command/Control + 4) Screen reader users can use an outline created from the slide titles to more easily navigate a long presentation and go right to a desired slide.For others: easier to scan the presentation for the big ideas/key points.

34. How to Do It In Google Slides There is no Outline view in Google Slides, only Filmstrip (Default) and Grid Enter your unique slide titles in the appropriate placeholder on your slide.You may need to choose Slide, Apply Layout first.

35. Use descriptive link text Screen reader users may access links out of context on a list. Which of these two links takes you to the CAST home page?Click hereClick here Let’s try that again with more descriptive link text.CASTThe AEM Center

36. Put some clothes on your URLs Screen readers will read the individual characters after they get past the main part of a URL, and this can be confusing with long URLs. https://docs.google.com/document/d/1sduH25w_plSQRnSEi57rPl….. POUR: Perceivable

37. Check the reading order • On the Home tab, select Arrange. • In the Arrange menu, select Selection Pane. • In the Selection Pane, to change the reading order, drag and drop items to the new location. Note: Objects will be read in reverse order (bottom first) Tip: Press Tab/Shift + Tab to go through your slides objects in reading order

38. How to do it in Google Slides Google Slides does not have a Selection Pane. Here is a workaround: • Right-click the Object and choose Order (or choose Arrange, Order) • Use the Move Forward/Backward options to change the order. Tip: Press Tab/Shift + Tab to go through your slides objects in reading order

39. U is for Understandable

40. How to Make It Understandable TTo make sure everyone can understand the content: • Rely on themes for consistency (Bonus: improved reading order with less to fix) • Use plain language appropriate for the audience (avoid jargon)

41. Rely on themes for consistency This presentation relies on just two layouts: one introduces each new section, the other presents each key point

42. R is for Robust

43. How to Make It Robust PPerform an accessibility check: From the Review tab, choose Check Accessibility.

44. Use Grackle for Google Slides aGrackle will perform an accessibility check and provide tips for addressing errors.

45. Make your handouts accessible • Use Styles to properly mark up headings and split long blocks of text into logical sections. • Create descriptive hyperlinks (avoid “click here,” or long URLs). • Add alternative text if there are any images

46. Use descriptive language while presenting Instead of: • New Zealand is “here” (pointing on a map) • The temperature went up by “this” amount. Say: • New Zealand is in the South Pacific, East of Australia • The temperature went up by five degrees. From: “This, That and There”, Hudson, 2013

47. One More Thing…

48. Microsoft Sway Visit sway.com for more information. Sway has a built in accessibility checker

49. Microsoft Sway’s Accessibility View Viewers can opt for an Accessibility View Handout as a Sway

50. AEM Center Resources