1 / 19

Social Media Accessibility

Learn how to make your social media content more accessible by adding alt text to images and captions to videos on Facebook, Twitter, Instagram, YouTube, LinkedIn, and Pinterest. Increase the inclusivity of your content for users with visual or hearing impairments.

munger
Download Presentation

Social Media Accessibility

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Social Media Accessibility Terrill Thompson Technology Accessibility Specialist

  2. The UW Boundless Footer

  3. Accessibility Goals for Content Authors • Should be able to add alt text to images • Should be able to add captions to videos

  4. Facebook: Overview • Accessibility of interface is fairly good for screen reader users (e.g., ARIA landmarks, headings) • Actively working on automatic alt text (e.g., “Image may contain: Nina Thompson, Terrill Thompson and Zoe Thompson, people smiling, hat”)

  5. Facebook: Adding Alt Text to Images • After adding an image, click on the image. • Select “Options” from the menu at the bottom of the image. • Select “Change alt text” (Note: This is only an option via the website; not the mobile app)

  6. Facebook: Adding Captions to Videos • Navigate to Your Videos. • Hover over a video to reveal the “Edit” icon. • Click the icon, then select “Edit this video.” • In the Edit video form, looks for “Captions”, then follow the prompts to upload an SRT file.

  7. Twitter: Overview • Twitter itself is fairly accessible (lists of tweets are tagged as unordered lists, so can be easily navigated with screen readers) • Twitter’s API has resulted in even better accessibility within third party clients, e.g., easychirp.com • When embedded into web pages, this can become a keyboard trap. Limit number of tweets (Terrill suggests no more than 5)

  8. Twitter: Adding Alt Text to Images • First, must enable “Compose image descriptions” within your Accessibility preferences. • Then, when you add an image, you will be prompted to “Add description”.

  9. Twitter: Adding Captions to Videos “There are several ways to attach SRT files to your Twitter videos – through an API, Twitter Media Studio or Twitter Ads.” - 3PlayMedia

  10. Instagram: Overview • Just a bunch of images • Actively working on automatic alt text, probably using the same technology as Facebook (e.g., “Image may contain: 2 people, text”)

  11. Instagram: Adding/Editing Alt Text • Post a photo • At the bottom of the New Post form, select “Advanced Settings” • Select “Write Alt Text”

  12. Instagram: Adding Captions to Videos • Captions are not currently supported. • Video should be open captioned (i.e., captions burned into the video)

  13. YouTube: Overview • YouTube player controls are fairly accessible • Autoplay is on by default (huge problem for screen reader users) but can be disabled via the Preferences button on the player. • Users have a lot of control over display of captions (e.g., font color, size, transparency) • All videos are auto-captioned by default (but these must be edited) • No support for audio description

  14. YouTube: Adding/editing Captions • Go to YouTube Studio. • Click on Videos in the menu. • Select a video. • Select Other Features, then Translation & Transcription. • Use the YouTube caption editor.

  15. LinkedIn: Overview • Accessibility of interface is fairly good for screen reader users (e.g., ARIA landmarks, headings)

  16. LinkedIn: Adding Alt Text to Images • Upload a photo • Click “Add Alt Text” in the Edit Photo dialog • Follow the prompts (enforced limit of 120 characters)

  17. LinkedIn: Adding Captions to Videos • LinkedIn Help claims they support captions on videos by attaching an SRT file. However, this feature is either broken or extremely unintuitive.

  18. Pinterest: Overview • There is no official documentation on accessibility from Pinterest • The Internet is filled with advice on how to use alt text to “make your website images more Pinterest friendly” (BAD advice) • The Internet is also filled with well-intending, but probably confusing, opposing advice

  19. For links & additional information • http://uw.edu/accessibility/social

More Related