diff --git a/_guide/social-media.md b/_guide/social-media.md index c291dc02..c4e57ea4 100644 --- a/_guide/social-media.md +++ b/_guide/social-media.md @@ -1,8 +1,8 @@ --- layout: guide -title: Social media -description: Basic information on social media and accessibility. -excerpt: Basic information on social media and accessibility. +title: Social Media +description: How to make your social media content accessible. +excerpt: sidenav: docs categories: - Accessibility @@ -10,73 +10,38 @@ roles: - Content designer --- -Basic information on social media and accessibility. - -## Tips - -### Text - -* Use [plain language](https://accessibility.civicactions.com/guide/plain-language) -* Don't use all-caps -* Include descriptive text before links (example: "Read the help page for more info: [LINK]" - - -### Hashtags - -* Use camel case for hashtags (example: #WebAccessibility) - - -### Images - -* Avoid images of text -* Add alt text to all images -* Use static images instead of animated GIFs -* Make sure images have strong color contrast - - -### Video - -* Add captions and transcripts -* Review any auto-generated text - - -### Emojis - -* Use words instead of emojis to describe things -* Do not overuse emojis -* Add emojis at the end of messages - - -## Hashtags - -Remember that it is easier to read and for assistive technolgy to pronounce if hashtags are written in #CamelCaseLetters. Each unique word in a hashtag should start with a capital letter. - -Common accessibility-related hashtags: - -* #accessibility -* #a11y -* #axschat -* #GAAD (during [Global Accessibility Awareness Day](https://globalaccessibilityawarenessday.org/)) - +Social media is used to create and share ideas, information, and interests. Accessible social media content allows people with disabilities to engage with these virtual communities instead of being shut out of the conversation. Taking steps to make your social media content accessible means that more people will be able to engage with it! + +## Basic guidelines for social media + +1. Keep text as clear and simple as possible by using [plain language](https://accessibility.civicactions.com/guide/plain-language). + - Use short sentences and choose words your audience uses. + - Don't use all-caps. + - Spell out abbreviations or acronyms. + - Include descriptive text before links. For example, "Read the help page for more info: [LINK]" +2. Add alternative text to all contextual images. + - Avoid images with text on them. + - Use static images instead of animated GIFs + - Make sure images have strong color contrast. +3. All videos should have captions and transcripts. + - Don’t forget to review any auto-generated text. +4. Be thoughtful about the use of hashtags. + - If using hashtags, write them in camel case. This means that each unique word in a hashtag should start with a capital letter. This makes it easier for assistive technology to pronounce hashtags. For example, #WebAccessibility +5. Limit the use of emoji and special characters. + - Use words instead of emojis to describe things. + - Add emojis at the end of messages. + - Be aware of how screen readers voice emoji and special characters—it can change the meaning of your posts. Special characters can have long spoken names when voiced by a screen reader, burdening some of your users more than others. ## Resources +- [Accessible Social’s free resource and education hub for social media](https://www.accessible-social.com/) +- [Digital.gov’s toolkit for improving the accessibility of social media in government](https://digital.gov/resources/improving-the-accessibility-of-social-media-in-government/) +- [Planning, creating and publishing accessible social media campaigns](https://gcs.civilservice.gov.uk/guidance/digital-communication/planning-creating-and-publishing-accessible-social-media-campaigns/) +- [How to make images accessible for people on X (formerly Twitter)](https://help.x.com/en/using-x/picture-descriptions) -### General - -* [Improving the Accessibility of Social Media in Government](https://digital.gov/resources/improving-the-accessibility-of-social-media-in-government/?dg) (Digital.gov) -* [Planning, creating and publishing accessible social media campaigns](https://gcs.civilservice.gov.uk/guidance/digital-communication/planning-creating-and-publishing-accessible-social-media-campaigns/) -* [Accessible Social](https://www.accessible-social.com) - - -### Twitter - -* [How to make images accessible for people](https://help.twitter.com/en/using-twitter/picture-descriptions) (Twitter) -* [Learning to make Twitter content more accessible](https://digital.canada.ca/2021/03/12/learning-to-make-twitter-content-more-accessible/) (Canadian Digital Service) -* [Twitter Accessibility on Twitter](https://twitter.com/TwitterA11y) - +## Next steps -### Facebook +When you are ready to learn more, here are some further guides and resources that may help your social media: -* [Facebook Accessibility on Facebook](https://www.facebook.com/accessibility) -* [Facebook Accessibility on Twitter](https://twitter.com/fbaccess) +- [Plain language guidelines](https://accessibility.civicactions.com/guide/plain-language) +- [Additional tools](https://accessibility.civicactions.com/guide/tools)