Creating content for everyone

Did you know that 1 in 4 Americans has a disability that impacts their major live activities? Most disabilities are invisible, so it’s possible to know someone for years and never realize that they are living with a disability. When you’re crafting content for your website, your email newsletters, and your social media accounts, it’s important to take steps to ensure that content is accessible to everyone. Ensuring your content is accessible expands your audience, improves SEO, increases your reach, and demonstrates your commitment to equality and social responsibility. In this talk, we’ll cover practical tips you can put to use immediately to improve the accessibility of your digital presence.

Transcript

1. Creating Content for Everyone Tips for ensuring your digital presence is accessible Natalie MacLees digita11y @nataliemac Photo by Austin Distel on Unsplash
2. Accessibility
3. SHIFT YOUR THINKING !
4. ACCESSIBILITY IS A CIVIL RIGHT "
5. What we'll be covering today 1. On your own website 2.Social media posts 3.Email communications
6. Evergreen
7. Use of Color
8. Contrast
9. Trendy theme design. Trendy theme design.
10. Text over images
11. Text over images Photo by Simon Berger on Unsplash
12. Text over images Photo by Simon Berger on Unsplash
13. Text over images Photo by Simon Berger on Unsplash
14. Text over images Photo by Simon Berger on Unsplash
15. Text over images Photo by Simon Berger on Unsplash
16. Text over images Photo by Simon Berger on Unsplash
17. Communication
18. Message Message Message Message # Message # Message $ Message $ Message
19. Reading Ease
20. 1. Avoid long, complex sentences
21. 2. Avoid jargon, abbreviations, unnecessarily long words &
22. 3. Minimum font size of 14px Always.
23. 4. Avoid center-aligned paragraphs
24. 5. Aim for an 8th-grade reading level
25. Multimedia
26. Transcript Transcript Captions Descriptions Sign Language Alt Text Caption % & ' Audio Video Image
27. Use animated gifs carefully and thoughtfully.
28. Use animated gifs carefully and thoughtfully.
29. Website
30. 1. INSTALL THE WP ACCESSIBILITY PLUGIN
31. Features Fixes Tools ! ( )
32. 2. WRITE A DESCRIPTIVE TITLE FOR EVERY PAGE
33. Title Clearly state the purpose of the page
34. 3. USE DESCRIPTIVE CALLS TO ACTION
35. To download the documents, click here. Download the documents.
36. Social Media
37. All Platforms
38. "Custom" fonts
39. Avoid using custom fonts.
40. Emojis
41. Don't use too many emojis
42. necktie top hat sunglasses clapper board camera with flash movie camera film frames video camera microphone
43. Double-check the meaning of emojis
44. Links
45. If you're going to share a link, use a URL shortener.
46. Hashtags
47. #CamelCase #webaccessibility #WEBACCESSIBILITY #WebAccessibility * * #
48. Don't use too many hashtags.
49. Put hashtags at the end. #ftw
50. Facebook
51. Edit image Add alt text
52. When alt text isn't possible, add the image description to your post.
53. Automatically generated captions Upload your own SRT file Open captions Photo by William Bayreuther Photo by JESHOOTS.COM Photo by Matthew Kwong
54. Facebook Live Photo by Harry Cunningham
55. Twitter
56. Edit image Add alt text
57. Upload your own SRT file Open captions Photo by JESHOOTS.COM Photo by Matthew Kwong
58. Voice Tweets include your own transcript in a thread +
59. Instagram
60. Advanced Settings Write Alt Text Add your alt text
61. Open captions Photo by Matthew Kwong
62. Emails
63. Just a reminder about some of those evergreen tips 1. Alt text for images 2.Meaningful link text 3.Use color thoughtfully
64. Use a descriptive subject line.
65. Use proper heading elements.
66. Use concise code.
67. Include a plain text version.
68. Demand A11y
69. Ask creators to make their products accessible.
70. Share what you've learned about accessibility with others.
71. Thank You! Natalie MacLees @nataliemac natalie@hiredigitally.com Download presentation slide: https://speakerdeck.com/nataliemac ,
72. BIBLIOGRAPHY • https://www.responsival.com/post/reimagining-accessible-design-5- tips-for-making-your-online-presence-more-accessible • https://reasondigital.com/insights/six-tools-to-make-your-online- presence-more-accessible/ • https://www.respectability.org/2020/07/jewishtraining-web-lexicon- shabbatsmile/ • https://morningchalkup.com/2020/03/20/how-to-make-your-at- home-and-online-presence-accessible-for-adaptive-athletes/ • https://scarlettdarbyshireuk.com/2020/02/03/how-to-make-your- social-media-presence-more-accessible/
73. BIBLIOGRAPHY • https://www.campaignmonitor.com/resources/guides/accessibility/ • https://mailchimp.com/help/accessibility-in-email-marketing/ • https://www.emailonacid.com/blog/article/email-development/ email-accessibilty-in-2017/ • https://www.digitalinformationworld.com/2020/05/facebook-shares- new-set-of-tips-to-make-social-media-posts-accessible-and-easy-to- read-by-everyone.html • https://www.horlix.com/how-to-be-accessible-on-twitter/ • https://www.horlix.com/accessibility-on-social-media/
74. BIBLIOGRAPHY • https://www.horlix.com/how-to-be-accessible-on-facebook-and- instagram/ • https://accessibility.umn.edu/what-you-can-do/create-accessible- content/social-media • https://www.litmus.com/blog/accessibility-vs-inclusion-what-it-takes- to-create-more-inclusive-email-marketing-experiences/ • https://exploreaccess.org/social-media/facebook-images/ • https://www.facebook.com/help/accessibility