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
   

   View Slide

2. Accessibility
   

   View Slide

3. SHIFT
   YOUR THINKING
   !
   

   View Slide

4. ACCESSIBILITY IS A
   CIVIL RIGHT
   "
   

   View Slide

5. What we'll be covering today
   1. On your own website
   2.Social media posts
   3.Email communications
   

   View Slide

6. Evergreen
   

   View Slide

7. Use of Color
   

   View Slide

8. Contrast
   

   View Slide

9. Trendy theme design.
   Trendy theme design.
   

   View Slide

10. Text over
    images
    

    View Slide

11. Text over
    images
    Photo by Simon Berger on Unsplash
    

    View Slide

12. Text over
    images
    Photo by Simon Berger on Unsplash
    

    View Slide

13. Text over
    images
    Photo by Simon Berger on Unsplash
    

    View Slide

14. Text over
    images
    Photo by Simon Berger on Unsplash
    

    View Slide

15. Text over images
    Photo by Simon Berger on Unsplash
    

    View Slide

16. Text over images
    Photo by Simon Berger on Unsplash
    

    View Slide

17. Communication
    

    View Slide

18. Message
    Message
    Message
    Message
    # Message
    # Message
    $ Message
    $ Message
    

    View Slide

19. Reading Ease
    

    View Slide

20. 1.
    Avoid long,
    complex
    sentences
    

    View Slide

21. 2.
    Avoid jargon,
    abbreviations,
    unnecessarily long
    words
    &
    

    View Slide

22. 3.
    Minimum
    font size of 14px
    Always.
    

    View Slide

23. 4.
    Avoid
    center-aligned
    paragraphs
    

    View Slide

24. 5.
    Aim for an
    8th-grade
    reading level
    

    View Slide

25. Multimedia
    

    View Slide

26. Transcript Transcript
    Captions
    Descriptions
    Sign Language
    Alt Text
    Caption
    % &
    '
    Audio Video
    Image
    

    View Slide

27. Use animated gifs
    carefully and
    thoughtfully.
    

    View Slide

28. Use animated gifs
    carefully and
    thoughtfully.
    

    View Slide

29. Website
    

    View Slide

30. 1. INSTALL THE
    WP ACCESSIBILITY
    PLUGIN
    

    View Slide

31. Features Fixes Tools
    ! ( )
    

    View Slide

32. 2. WRITE A
    DESCRIPTIVE TITLE
    FOR EVERY PAGE
    

    View Slide

33. Title
    Clearly state the
    purpose of the page
    

    View Slide

34. 3. USE
    DESCRIPTIVE
    CALLS TO ACTION
    

    View Slide

35. To download the documents,
    click here.
    Download the documents.
    

    View Slide

36. Social Media
    

    View Slide

37. All Platforms
    

    View Slide

38. "Custom" fonts
    

    View Slide

39. Avoid using custom fonts.
    

    View Slide

40. Emojis
    
    

    View Slide

41. Don't use too many emojis
    

    View Slide

42. necktie top hat
    sunglasses clapper board
    camera with flash movie camera
    film frames video camera
    microphone
    

    View Slide

43. Double-check the meaning of emojis
    

    View Slide

44. Links
    

    View Slide

45. If you're going to
    share a link, use a
    URL shortener.
    

    View Slide

46. Hashtags
    

    View Slide

47. #CamelCase
    #webaccessibility
    #WEBACCESSIBILITY
    #WebAccessibility
    *
    *
    #
    

    View Slide

48. Don't use
    too many
    hashtags.
    

    View Slide

49. Put hashtags at the end. #ftw
    

    View Slide

50. Facebook
    

    View Slide

51. Edit image Add alt text
    

    View Slide

52. When alt text
    isn't possible,
    add the image
    description to
    your post.
    

    View Slide

53. Automatically
    generated
    captions
    Upload your
    own SRT file
    Open
    captions
    Photo by
    William Bayreuther
    Photo by
    JESHOOTS.COM
    Photo by
    Matthew Kwong
    

    View Slide

54. Facebook Live
    Photo by
    Harry Cunningham
    

    View Slide

55. Twitter
    

    View Slide

56. Edit image Add alt text
    

    View Slide

57. Upload your
    own SRT file
    Open
    captions
    Photo by
    JESHOOTS.COM
    Photo by
    Matthew Kwong
    

    View Slide

58. Voice Tweets
    include your own
    transcript in a thread
    +
    

    View Slide

59. Instagram
    

    View Slide

60. Advanced Settings Write Alt Text Add your alt text
    

    View Slide

61. Open
    captions
    Photo by
    Matthew Kwong
    

    View Slide

62. Emails
    

    View Slide

63. Just a reminder about some of those evergreen tips
    1. Alt text for images
    2.Meaningful link text
    3.Use color thoughtfully
    

    View Slide

64. Use a descriptive
    subject line.
    

    View Slide

65. Use proper
    heading elements.
    

    View Slide

66. Use
    concise code.
    

    View Slide

67. Include a
    plain text version.
    

    View Slide

68. Demand A11y
    

    View Slide

69. Ask creators
    to make their products
    accessible.
    

    View Slide

70. Share what you've learned
    about accessibility
    with others.
    

    View Slide

71. Thank You!
    Natalie MacLees
    @nataliemac
    natalie@hiredigitally.com
    Download presentation slide:
    https://speakerdeck.com/nataliemac
    ,
    

    View Slide

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/
    

    View Slide

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/
    

    View Slide

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
    

    View Slide