Texas Tech University

Accessible Social Media

Quick Start: Social Media Accessibility

Social Media accessibility ensures that your posts on Facebook, Instagram, X (Twitter), and LinkedIn reach everyone, including the 85% of users who watch video with sound off and those using assistive technology. The goal is to make content "born accessible" before you hit post.

Immediate Actions for Every Post:

  • Images: Always add descriptive Alt Text (Alternative Text) via the platform's accessibility settings.
  • Video (Reels/Stories): Ensure all spoken audio has open captions (burned-in text) or accurate auto-captions.
  • Hashtags: Use CamelCase (e.g., #GoRedRaiders not #goredraiders) so screen readers pronounce them correctly.
  • Text: Avoid "fancy" Unicode fonts generated by third-party apps; they are unreadable to screen readers.
  • Contrast: Ensure text overlays on graphics meet the 4.5:1 contrast ratio.

Why This Matters

Social media is often the first point of contact for prospective students and the community. If your content isn't accessible, you are excluding a significant demographic and risking compliance violations.

  • The "Sound Off" User: 85% of mobile video is watched without sound. Without captions, your message is lost to everyone, not just the Deaf community.
  • Screen Reader Users: A blind user relying on a screen reader will hear "Image" or "Unlabeled Graphic" if you don't provide Alt Text, effectively hiding your content.
  • Algorithm Boost: Platforms like Instagram and LinkedIn prioritize content with high engagement. Accessible content (captions, clear text) keeps users on your post longer, signaling quality to the algorithm.

Detailed Best Practices

Reels, Stories & Static Posts

Captions are mandatory for WCAG 2.1 AA compliance (Criterion 1.2.2).

  • Open Captions (Burned-in): Best for Stories/Reels. The text is part of the video file. This ensures the text style, brand colors, and size are legible.
  • Closed Captions (Platform Native): Use the platform's "CC" sticker or auto-caption feature. Always edit the auto-captions to correct spelling of university names and terminology.

On mobile devices, platform UI elements (Like button, Comment box, Profile icon) overlay the bottom and right side of the video.

Rule: Keep important visual content and caption text in the center 4:5 aspect ratio. If text is hidden behind the "Comment" button, the content is inaccessible.

Alt text describes the image to people who cannot see it.

How to do it:

  • Facebook/LinkedIn/X: Look for "Edit Alt Text" or "+ALT" button when composing a post.
  • Instagram: Go to "Advanced Settings" > "Write Alt Text" before sharing.

What to write: "Students conducting a chemistry experiment in the lab" is better than "Students." Do not include "Image of..."

Hashtags: Capitalize the first letter of each word (#TexasTech, not #texastech). This allows screen readers to distinguish the words. Without it, the synthesizer tries to read it as one nonsense word.

Emojis: Use them sparingly and place them at the end of sentences. Screen readers describe every emoji (e.g., "Face with tears of joy"). A string of 10 emojis is frustrating to listen to.

Examples: The Good & The Bad

CamelCase Hashtags

Bad Example: All Lowercase

Screen Reader hears: "Hashtag wreckemtech" (unintelligible) and "Hashtag collegefootball."

Good Example: CamelCase

Screen Reader hears: "Hashtag Wreck Em Tech" and "Hashtag College Football."

Unicode "Fancy" Fonts

Bad Example: Mathematical Script

The Problem: These are not fonts; they are mathematical symbols.
Screen Reader hears: "Join us for the mathematical fraktur small t, mathematical bold fraktur small a, mathematical bold fraktur small i..."
Result: Completely unintelligible.

Image Alt Text

Good Example: Descriptive Context

Image: A photo of the university mascot shaking hands with a graduate.

Alt Text: "The Masked Rider mascot shaking hands with a smiling graduate at the May 2024 commencement ceremony."
This provides context on who represents the university and what event is occurring.

WCAG 2.1 Criteria for Social Media

While social platforms restrict code access, your content must still meet these criteria:

1.1.1 Non-text Content Level A

Application: All social media images must have Alt Text. If the platform does not allow Alt Text (rare), include a descriptive caption in the main post text.

1.2.2 Captions (Prerecorded) Level A

Application: All videos (Reels, YouTube, Feed videos) with spoken audio must have captions. Auto-generated captions must be reviewed for accuracy.

1.4.3 Contrast (Minimum) Level AA

Application: Text overlaying images or video (e.g., a quote on a graphic) must have a 4.5:1 contrast ratio against the background. Use drop shadows or background blocks behind text to ensure this.

2.3.1 Three Flashes or Below Threshold Level A

Application: Do not post videos with strobe lights or rapid flashing (more than 3 times per second), as this can trigger seizures.

Real-World Impact

The "Fancy" Invitation
Screen Reader barriers

A student organization posts a graphic on Instagram about a mandatory meeting. To make the caption look "aesthetic," they use a third-party tool to turn the text into 𝒞𝓊𝓇𝓈𝒾𝓋ℯ ℱℴ𝓃𝓉.

A blind student uses VoiceOver to read the feed. Instead of hearing the meeting time, they hear a long string of "Mathematical Script Capital C, Mathematical Script small u..." The student misses the meeting because the information was technically encoded as math symbols, not text.

The Silent Scroll
Captions on the bus

A prospective student is scrolling through Instagram while riding the bus without headphones. They see a university tour video.

The video has no captions. The student sees the guide talking but doesn't know what building is being shown or what majors are housed there. They scroll past in 2 seconds. If captions had been present, they would have read "This is the new Engineering Center" and watched the whole video.

Tools & Resources

Social Media Accessibility Guides & Toolkits

All university social media content must adhere to WCAG 2.1 Level AA standards. Use the following authoritative guides and tools to ensure your posts, images, and videos are accessible to all members of our community.

Platform-Specific Configuration Guides

Third-Party Tools

Digital Accessibility