Tweet
Tweet

Slide 1

Slide 1 text

Creating Content for Everyone Tips for ensuring your digital presence is accessible Natalie MacLees digita11y @nataliemac Photo by Austin Distel on Unsplash

Slide 2

Slide 2 text

Accessibility

Slide 3

Slide 3 text

SHIFT YOUR THINKING !

Slide 4

Slide 4 text

ACCESSIBILITY IS A CIVIL RIGHT "

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

Evergreen

Slide 7

Slide 7 text

Use of Color

Slide 8

Slide 8 text

Contrast

Slide 9

Slide 9 text

Trendy theme design. Trendy theme design.

Slide 10

Slide 10 text

Text over images

Slide 11

Slide 11 text

Text over images Photo by Simon Berger on Unsplash

Slide 12

Slide 12 text

Text over images Photo by Simon Berger on Unsplash

Slide 13

Slide 13 text

Text over images Photo by Simon Berger on Unsplash

Slide 14

Slide 14 text

Text over images Photo by Simon Berger on Unsplash

Slide 15

Slide 15 text

Text over images Photo by Simon Berger on Unsplash

Slide 16

Slide 16 text

Text over images Photo by Simon Berger on Unsplash

Slide 17

Slide 17 text

Communication

Slide 18

Slide 18 text

Message Message Message Message # Message # Message $ Message $ Message

Slide 19

Slide 19 text

Reading Ease

Slide 20

Slide 20 text

1. Avoid long, complex sentences

Slide 21

Slide 21 text

2. Avoid jargon, abbreviations, unnecessarily long words &

Slide 22

Slide 22 text

3. Minimum font size of 14px Always.

Slide 23

Slide 23 text

4. Avoid center-aligned paragraphs

Slide 24

Slide 24 text

5. Aim for an 8th-grade reading level

Slide 25

Slide 25 text

Multimedia

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

Use animated gifs carefully and thoughtfully.

Slide 28

Slide 28 text

Use animated gifs carefully and thoughtfully.

Slide 29

Slide 29 text

Website

Slide 30

Slide 30 text

1. INSTALL THE WP ACCESSIBILITY PLUGIN

Slide 31

Slide 31 text

Features Fixes Tools ! ( )

Slide 32

Slide 32 text

2. WRITE A DESCRIPTIVE TITLE FOR EVERY PAGE

Slide 33

Slide 33 text

Title Clearly state the purpose of the page

Slide 34

Slide 34 text

3. USE DESCRIPTIVE CALLS TO ACTION

Slide 35

Slide 35 text

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

Slide 36

Slide 36 text

Social Media

Slide 37

Slide 37 text

All Platforms

Slide 38

Slide 38 text

"Custom" fonts

Slide 39

Slide 39 text

Avoid using custom fonts.

Slide 40

Slide 40 text

Emojis

Slide 41

Slide 41 text

Don't use too many emojis

Slide 42

Slide 42 text

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

Slide 43

Slide 43 text

Double-check the meaning of emojis

Slide 44

Slide 44 text

Links

Slide 45

Slide 45 text

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

Slide 46

Slide 46 text

Hashtags

Slide 47

Slide 47 text

#CamelCase #webaccessibility #WEBACCESSIBILITY #WebAccessibility * * #

Slide 48

Slide 48 text

Don't use too many hashtags.

Slide 49

Slide 49 text

Put hashtags at the end. #ftw

Slide 50

Slide 50 text

Facebook

Slide 51

Slide 51 text

Edit image Add alt text

Slide 52

Slide 52 text

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

Slide 53

Slide 53 text

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

Slide 54

Slide 54 text

Facebook Live Photo by Harry Cunningham

Slide 55

Slide 55 text

Twitter

Slide 56

Slide 56 text

Edit image Add alt text

Slide 57

Slide 57 text

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

Slide 58

Slide 58 text

Voice Tweets include your own transcript in a thread +

Slide 59

Slide 59 text

Instagram

Slide 60

Slide 60 text

Advanced Settings Write Alt Text Add your alt text

Slide 61

Slide 61 text

Open captions Photo by Matthew Kwong

Slide 62

Slide 62 text

Emails

Slide 63

Slide 63 text

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

Slide 64

Slide 64 text

Use a descriptive subject line.

Slide 65

Slide 65 text

Use proper heading elements.

Slide 66

Slide 66 text

Use concise code.

Slide 67

Slide 67 text

Include a plain text version.

Slide 68

Slide 68 text

Demand A11y

Slide 69

Slide 69 text

Ask creators to make their products accessible.

Slide 70

Slide 70 text

Share what you've learned about accessibility with others.

Slide 71

Slide 71 text

Thank You! Natalie MacLees @nataliemac [email protected] Download presentation slide: https://speakerdeck.com/nataliemac ,

Slide 72

Slide 72 text

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/

Slide 73

Slide 73 text

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/

Slide 74

Slide 74 text

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