best practices for more accessible social media€¦ · 09/11/2016  · best practices for more...

Best Practicesfor

More AccessibleSocial Media

Mindy Johnson | AEM Center & CAST

Instructional Designer, Social Media & Communications Strategist

@AEM_Center | @min_d_j #aem4all | bit.ly/aem-socialmedia 2

My disability exists not because

I use a wheelchair, but because

the broader environment

isn't accessible.

Stella Young, Disability Rights Activist

Social Media Accessibility

Very Accessible12%

Somewhat Accessible45%

Somewhat Inaccessible

16%

Very Inaccessible12%

I Don't Know15%

WebAIM’s Screen Reader User Survey #6 (2015)

@AEM_Center | @min_d_j #aem4all | bit.ly/aem-socialmedia 3

What’s Your Flavor?

@AEM_Center | @min_d_j #aem4all | bit.ly/aem-socialmedia 4

@AEM_Center | @min_d_j #aem4all | bit.ly/aem-socialmedia 5

Plain Language

Avoid acronyms, abbreviations,

and jargon.

@AEM_Center | @min_d_j #aem4all | bit.ly/aem-socialmedia 6

Plain Language: Example

Not plain language:

“It is imperative that our MTSS includes UDL at all levels of instructional support.”

Plain language:

“Universal Design for Learning isn’t just for students who struggle. It’s for everyone.”

@AEM_Center | @min_d_j #aem4all | bit.ly/aem-socialmedia 7

CamelCase Hashtags

CamelCasemakes hashtags

easier to read.

@AEM_Center | @min_d_j #aem4all | bit.ly/aem-socialmedia 8

What is CamelCase?

CamelCase

@AEM_Center | @min_d_j #aem4all | bit.ly/aem-socialmedia 9

CamelCase: Examples

#notcamelcase #CamelCase#themoreyouknow #TheMoreYouKnow#followfriday #FollowFriday#udlchat #UDLchat#notsoeasytoread #SuperEasyToRead#a11y #a11y or #A11y#aem4all #aem4all or #AEM4all

@AEM_Center | @min_d_j #aem4all | bit.ly/aem-socialmedia 10

CamelCase: Example

@AEM_Center | @min_d_j #aem4all | bit.ly/aem-socialmedia 11

Image Descriptions

Images without descriptions are like an unfinished story.

@AEM_Center | @min_d_j #aem4all | bit.ly/aem-socialmedia 12

Twitter Image Descriptions

@AEM_Center | @min_d_j #aem4all | bit.ly/aem-socialmedia 13

Twitter Image Descriptions

@AEM_Center | @min_d_j #aem4all | bit.ly/aem-socialmedia 14

Twitter Image Descriptions

@AEM_Center | @min_d_j #aem4all | bit.ly/aem-socialmedia 15

Twitter Image Descriptions

@AEM_Center | @min_d_j #aem4all | bit.ly/aem-socialmedia 16

Twitter Image Descriptions

@AEM_Center | @min_d_j #aem4all | bit.ly/aem-socialmedia 17

Image Descriptions: Example

@AEM_Center | @min_d_j #aem4all | bit.ly/aem-socialmedia 18

Captioned Video

Transcribing and captioning videos is

easier than ever.

@AEM_Center | @min_d_j #aem4all | bit.ly/aem-socialmedia 19

Captioned Video: Fail

What this should say:

”Hello again, everybody. Harry Caray in Cleveland.”

@AEM_Center | @min_d_j #aem4all | bit.ly/aem-socialmedia 20

Captioned Video: Example

@AEM_Center | @min_d_j #aem4all | bit.ly/aem-socialmedia 21

Captioned Video: Example

@AEM_Center | @min_d_j #aem4all | bit.ly/aem-socialmedia 22

Captioned Video: Example

@AEM_Center | @min_d_j #aem4all | bit.ly/aem-socialmedia 23

Link Shorteners

Save characters. Save lives.

@AEM_Center | @min_d_j #aem4all | bit.ly/aem-socialmedia 24

Link Shorteners: Examples

• Bit.ly• Goo.gl• TinyURL• Ow.ly

@AEM_Center | @min_d_j #aem4all | bit.ly/aem-socialmedia 25

Link Shorteners: Example

@AEM_Center | @min_d_j #aem4all | bit.ly/aem-socialmedia 26

Putting It All Together

@AEM_Center | @min_d_j #aem4all | bit.ly/aem-socialmedia 27

Questions

@AEM_Center | @min_d_j #aem4all | bit.ly/aem-socialmedia 28

?

Thank you!

Mindy Johnsonmjohnson@cast.org

AEM Center aem.cast.org

Digital Handout bit.ly/aem-socialmedia

#UDLchat1st & 3rd Wednesdays 9-9:30pm ET / 6-6:30pm PT

@AEM_Center | @min_d_j #aem4all | bit.ly/aem-socialmedia 29