Inclusive Design Tips for 2023

Team IMTools
Team IMTools
Inclusive Design Tips for 2023
[ad_1]

Social media accessibility has been gaining increased attention in the past few years. Thanks in part to some recent product releases by Twitter and TikTok, it’s no longer a niche topic. It’s now a practice that all social media marketers should educate themselves on.

In this article, we’ll explain why accessibility is important on social media, the barriers users with disabilities may face on social media, and some best practices for designing inclusive social media content for all users.

What is inclusive design?

Inclusive design in social media refers to designing social media platforms, features, and content to ensure that all users, regardless of their background or abilities, can participate fully and engage on social media.

Inclusive design considers different users’ diverse needs and experiences when creating content. This can include designing for users with disabilities, different languages or cultural backgrounds, or other unique needs.

Following inclusive design principles makes your community a more welcoming and inclusive space.

Why accessibility matters for social media

Despite its many benefits, social media can be a source of frustration for users with disabilities or unique needs. Inaccessible social media content can prevent these users from engaging with the world of social. They may be shut out of conversations or unable to access critical information.

At least one billion people — 15% of the world’s population — experience some form of disability. That figure increases significantly when also considering temporary and situational disabilities.

The World Health Organization estimates 33% of the global population has a hearing or sight impairment. Since users primarily consume social content through audio and visuals, accessibility in social media is crucial.

Often, accessibility is required by law. Countries, including the United States, Canada, and the United Kingdom, have laws such as the Americans with Disabilities Act (ADA) and the Accessibility for Ontarians with Disabilities Act (AODA) which require that websites and digital content be accessible to users with disabilities.

Plus, accessible content can reach more people and be more engaging. That’s what social media marketers care about most, right?

A Verizon study found that 83% of US users watch content with sound off. Chatterblast found that 77% of conversions happened on videos with sound off. So, creating accessible content truly benefits us all.

7 inclusive design tips for social media managers

1. Always add alt text

Descriptive captions and alternative text (also known as alt text) allow people to visualize images when they can’t see them. It’s important to add alt text, as accessibility tools read them to describe images for users. Leaving it blank will cause a screen reader to announce it as “image,” creating a poor experience.

Several social media platforms use object recognition technology to generate automatic alt text. However, these captions are often vague or limited, so adding a custom description is always better.

Facebook, Twitter, Instagram, and LinkedIn provide specific fields to add alt text for images and GIFs (you can also add alt text with Hootsuite). If adding or editing alt text is impossible, include descriptive words in the post copy.

image description option

Tips for creating good alt text:

  • Describe what’s actually in the image. Bad example: “Image of bar chart.” Good example: “A bar chart showing a consistent year-over-year increase in the S&P 500 index.”
  • Skip saying “image of” or “photo of.” The Royal National Institute of Blind People says most screen readers prefer you don’t.
  • Include humor. Alt text doesn’t have to be overly formal and should explain any jokes or subtleties conveyed in the visual.
  • Transcribe text. If the image has copy that is central to its meaning, include it in the description.
  • Don’t forget GIFs. On Twitter, you can add alt text for GIFs. If the platform doesn’t support alt text for GIFs, include a description in the copy.
  • Be concise. It often takes longer to narrate alt text than to read it, so keep that in mind when writing descriptions.

A note about SEO on social media: While alt text doesn’t necessarily impact search engine rankings, it does improve search rankings within social media apps. However, you should always prioritize writing a clear and detailed description first. SEO is a secondary benefit, not the primary purpose of alt text.

One last tip: Don’t misuse alt text for purposes other than describing an image. Alt text fields should not be used to hide information easter eggs, be witty, or create memes. Users who need alt text the most will not understand this context — save the jokes for your captions.

2. Video captions

Adding captions or subtitles to videos is crucial for users with hearing challenges. They also enhance the viewing experience for users watching in a non-native language or sound-off environments.

There are two types of captions: closed and open. Users can turn closed captions on or off, and they are added natively within social platforms (usually as a .srt file). Open captions are “burned in” when creating the video.

Closed captions are preferred for accessibility, but open captions can be used if closed isn’t available or if a brand has a strict design style to apply to their captions.

@drunkcrier

When you add both open and closed captioning to your video ? #cc #learnontiktok #tiktokpartner #coda #opencaption #closedcaption

♬ Pieces (Solo Piano Version) – Danilo Stankovic

Here’s how to add captions on each platform:

Tip: Hootsuite allows you to upload .srt files in Compose, making adding closed captions to your videos easy.

@hootsuite

working from home in style ? #wfh #smm #socialmediamanager #corporatemillennial

♬ original sound – Hootsuite

This TikTok video shows what auto-generated closed captions look like on TikTok. Note: the captions only appear in the TikTok app, not on desktop.

3. Write accessible text

Prioritizing clarity in your writing makes text more accessible and understandable. And that benefits everyone, regardless of their challenges.

When writing post copy, consider the reading experience for others. How will it impact users using accessibility tools like screen readers? What about users learning English as a second language or users with learning disabilities?

Here are some inclusive design tips for text:

  • Write in plain language. Write copy that a user can understand the first time they read or hear it.
  • No fancy fonts. While these may be tempting to add emphasis, they are illegible for screen readers.
  • Use abbreviations carefully. Abbreviations can be confusing to some readers. To avoid causing tools to read abbreviations as one word, add periods or spaces in between (like t.h.i.s.).
  • nO aLtErNaTiNg cApS or ALL CAPS. This reads as gibberish for screen readers. Avoid using all caps where possible, as screen readers cannot understand the context of why.
  • Don’t replace letters with aster*sks. This interrupts the flow for screen readers.
  • Write hashtags in Pascal Case. This means capitalizing the first letter of every word in your hashtag, which allows screen readers to read them properly. Example: #MyBrandCampaignHashtag. You can also use Camel Case — it’s similar, but you don’t capitalize the first word in your hashtag (ex., #myBrandCampaignHashtag).
  • Don’t insert hashtags inline. Add hashtags at the end of a post caption, not in the middle of a sentence, as that creates interruptions for screen readers.
  • Put blocks of hashtags in a separate comment. Huge groups of hashtags aren’t great for accessibility, but if you must use them, add them via a separate comment rather than at the end of your main caption.
  • Use inclusive language. Avoid ableist language, use gender-neutral pronouns and terms, share diverse voices and emojis, and scrutinize your text for assumptions and limited points of view.

This is a great example from Canyon bikes that uses a descriptive caption, Pascal Case hashtags, limited emojis, and separates hashtags from the post copy.

4. Create accessible visuals

Just like text, social media visuals can also present accessibility challenges. Users with vision impairments rely heavily on tools like screen readers to navigate the internet and understand visual information.

Fortunately, there are many easy ways in which visuals can be made accessible and inclusive for all.

Follow these tips to create accessible visuals:

  • Check your color contrast. When placing text on a background, the WCAG recommends a contrast of at least 4.5:1. You can use free tools like this color contrast analyzer to check your colors. Avoid placing text on images, which can be hard to read.
  • Don’t depend on color to convey meaning. Colors can be hard to discern for people with vision impairments, including colorblindness, so you shouldn’t rely on color alone to communicate something. Instead of relying on color alone, combine it with symbols, patterns, or labels.
  • When sharing animated images, avoid ones with flashing or excessive movement. Motion can trigger epilepsy, migraines, and other issues for people with vestibular conditions. If you can, avoid posting GIFs or other animated images with excessive movement.
  • Don’t add excessive text to images. If you want to share a large text block, put it in the post caption. This allows users to change the size, color, and language to suit their needs.

dos and don'ts to create accessible visuals

Source: Facebook Design

5. Memes and emojis

Emojis and memes are engrained into the fabric of the internet and social media. Unfortunately, they aren’t 100% accessible and inclusive for everyone.

For example, if a brand uses an emoji to convey something different than its literal meaning, this context may be lost when interpreted through assistive tools like screen readers.

Memes can be even worse. Often, they are created as text overlays on images. Even if the meme includes alt text, it may be hard to describe the punchline through text alone.

Here are some tips to make your memes and emojis accessible:

  • Don’t use emojis as bullet points: Screen readers read each emoji’s alt text aloud. This makes it longer to read the list and risks muddling clarity.
  • Describe content and context: When adding alt text to memes, be as descriptive as possible of the content and context, then explain the joke or humor.
  • Avoid ASCII art/memes: These are some of the worst accessibility offenders. As you can imagine, it can be very confusing when text-to-speech tools narrate multi-line ASCII art like this to users. If you want to participate in the trend, share the ASCII art as an image instead and describe it via alt text.
  • Place emojis at the end of sentences: Don’t add emojis in the middle of a sentence, as this is disruptive when being read by assistive tools. Instead, put them at the end of a sentence or caption.
  • No more than 3 emojis per social media post: Excessive emojis can be disruptive and confusing for users using screen readers. As a rule, don’t use more than three emojis in a post.
  • Don’t repeat more than 3 emojis in a row: Repeated emojis can be time-consuming when narrated by text-to-speech tools. They also may not understand why an emoji is repeated, so avoid it when possible.

As shown in this example from Domino’s, it can be tempting for brands to participate in trends. However, this tweet would be difficult for assistive tools to interpret correctly due to the emojis and ASCII symbols.

6. Stay up to date on platform accessibility features

Good news: Accessibility has become a bigger priority for many social media platforms in recent years. Twitter and TikTok have led the way in launching accessibility improvements and new features. These include alt text and auto-generated captions.

It’s important to be familiar with each platform’s accessibility features and resources. We’ve listed links to learn more below.

Facebook & Instagram:

Twitter:

YouTube:

Pinterest:

LinkedIn:

TikTok:

Other resources:

And finally, some accessibility experts to follow:

7. Embrace feedback

No one expects all social media marketers to be accessibility experts. Instead, do your best to stay informed (through articles like this), and if you happen to make an accessibility mistake, accept feedback and learn from it for the future.

Here’s a personal example.

When I was looking for a designer to improve a visual I’d created, I shared it in a group and used the word “lame” to describe it. A member commented that “lame” was an ableist term and that I should use a different word.

I didn’t like being publicly shamed, of course. Still, I thanked the commenter for educating me, as I didn’t realize it wasn’t inclusive.

Businesses should take the same approach. Avoid getting defensive, apologize, own the mistake, and don’t repeat it again.

As a brand, you can signal your openness to feedback in a few ways:

  • Provide clear contact details in your bio or bio links
  • Keep your DMs/inboxes open
  • If you use a chatbot to reply to your messages, make it easy to reach a human
  • When replying to negative mentions or comments, always maintain a professional tone

This is a great example of how to respond to accessibility feedback.

Social media accessibility tools

Web Content Accessibility Guidelines (WCAG) 2.1

W3’s recommendations set the industry standards for accessible web and social media experiences.

Vox Product Accessibility Guidelines

These guidelines provide an interactive checklist for designers, editors, engineers and more.

Readability Tools

Check the readability of your copy with Hemmingway Editor or Readable. Aim for Grade 8 or lower to comply with WCAG standards.

Thread Reader App

This Twitter bot unrolls threads on the platform so users can read them more easily. To prompt the app, tag it and write “unroll” in reply to the thread you want to unroll.

CapCut

Add captions automatically to your Instagram Reels, TikTok videos, and other videos with CapCut.

Contrast App

Contrast is a Mac app that provides a WCAG-compliant contrast checker. The app allows designers to check their contrast scores as they select colors. Here’s a guide from the creators that simplifies WCAG standards.

Contrast Checker

Contrast Checker lets you drag and drop a specific image for a contrast check, which is a good thing to do before uploading assets to social media.

Color Oracle

To ensure that you aren’t using color alone to relay information, use the free color blindness simulator. The open-source tool is available for Windows, Mac, and Linux.

Color Safe

Use Color Safe if you need help finding a color palette that offers enough contrast and adheres to WCAG Guidelines.

Text on Background Image Accessibility Check

This text-over-image accessibility tool helps you determine how legible text is based on color contrast.

YouDescribe

YouDescribe is a database of YouTube videos with descriptive audio created by volunteers. Copy and paste a YouTube URL into the search field and click Create/Edit Descriptions to get started.

67 Percent Collection

As a part of its #SeeThe67 percent campaign, Refinery29 teamed up with Getty Images to offer images featuring plus-sized women. See also the No Apologies Collection, a continuation of the collaboration. Dove also partnered with Getty to break down beauty stereotypes with the Show Us collection.

The Gender Spectrum Collection

Vice encourages media to go “beyond the binary” with this stock photo collection.

The Disrupt Aging Collection

Access more than 1,400 images that combat ageist biases in this collection created by AARP and Getty.

Aegisub

Aegisub is a free open-source tool for creating and editing subtitles. You can also use this tool to create transcripts for videos.

Mentionlytics

Track your brand mentions across social media and the web with Mentionlytics. This tool is a good way to show up and respond to questions and feedback, whether you’ve been @-mentioned or not.

Lastly, I want to share two resources that I think should be required reading for every social media marketer.

First, Accessible Social. This website by Alexa Heinrich has updated tips and best practices for making accessible social media content.

I also like Creating Accessible Social Media Campaigns, a guide by the UK Government Comms Team. It covers everything from fonts to hashtags to links.

Social media accessibility means recognizing exclusion, learning from your followers, and presenting information in the clearest ways possible. And at the end of the day, that’s just good marketing.

Manage all your social media channels from one dashboard using Hootsuite. Easily schedule and publish all of your inclusively-designed social media posts, engage with your followers, and track the success of your efforts. Try it free today.

Get Started


References:

https://meryl.net/digital-content-accessibility/

With files from Katie Sehl.

Do it better with Hootsuite, the all-in-one social media tool. Stay on top of things, grow, and beat the competition.



[ad_2]
Source link

Share this Article
Leave a comment

Leave a Reply

Your email address will not be published. Required fields are marked *