Twitter Accessibility

Key Tips

Twitter logo
  1. Use camel case for hashtags
  2. Add alt text to images
  3. Add captions to videos

Hashtags

  • Camel case is a naming convention by which words are joined together and the first letter of each word is capitalised
    • Better for users who use screenreaders
    • Better for users with dyslexia or cognitive impairments

Good Examples

Bad Examples


  • Voiceover output: "Tweet Number Made Possibleby Melbourne"

  • Voiceover output: "Tweet Number unimelb"

Image Alt Text

  • Twitter has excellent support for alt text.
  • If you are tweet scheduling, use a scheduling platform that allows you to add Alt text

Adding alt text in Twitter

  1. Login to Twitter
  2. Click on the Media or GIF icon

    Twitter compose tweet component
  3. Select an image to upload
  4. Click on the 'Add description ' link under the image
    Twitter image upload component
  5. Add your alt text
    Twitter image description dialog box
  6. Click 'Save'
  7. That's it! Your image now has alt text.
  8. An ALT symbol will appear on the bottom left of the image
    Twitter image with symbol showing alt text is added

Bad Example

  • If you do not add alt text, Twitter adds 'Image' as alt text.
  • Unlike Instagram and Facebook, Twitter does not use AI to add alt text.
  • In the example below, the text 'Diversion and Inclusion Strategy 2020' is critical. But because there is no alt text, some users with disabilities will not be able to read the tweet.

Good Example

  • The best alt text adds information that doesn't appear in surrounding content.
  • In the example below, the first image is accompanied by the text, 'A tent on Gilbert Square showing a film to students.'
  • In the second image, both the image text and photo are described, 'How it started: The tent in the previous image. How it's going: The tent fallen over.'

Closed Captioning


Other Considerations

  • Some people want to avoid being constantly updated by social media.
  • Consider allowing users to sign-up for email digests.

Useful Tools

  • Visual alt text is a Chrome extension which visually shows alt text on social media sites, such as Twitter, Facebook and Instagram.

Need web help?

All websites and applications which form part of the University web presence are expected to be compliant with the W3C's Web Accessibility Guidelines (WCAG) 2.2 AA guidelines.

Get web accessibility help