Web Accessibility

Brandeis University is committed to providing information on the web that is available to all people, regardless of physical or developmental abilities or impairments. All content must be accessible to all users. Keep principles of web accessibility in mind when designing graphics and video so that all members of our community are able to access and interact with your content.

Images

Image Description

Images must be described for visually impaired users. Read instructions and best practices for creating alt text. Alt text is a description read to someone using a screenreader or other assistive technology to access content. Twitter (instructions), Facebook (instructions) and Instagram (instructions) all have functionality for alt text. You can also include open image descriptions in the captions of images posted on Instagram and Facebook.

If you have Instagram integrated with your website, you must use open captioning. The alt text functionality in Instagram does not carry through to your website.

See example below.

Good morning instagram! Time to start the day off with a new post! One of the best things about my schedule is that my first class on Tuesday starts at 2:00pm, so more time to study and talk to you guys! I’ll be posting more today, so get ready! In the meantime, enjoy this picture from my recent trip to Chicago. I hope you all have a productive and amazing day! -R Alt Text: R Matthews (class of 2019) pictured looking out of a window ready to take on the day! #Brandeis #BrandeisUniversity

A post shared by Brandeis University (@brandeisuniversity) on

If you use an image with text on it, every word of the text must be included in an image description.

See example below.


Remember that PDFs that have been made accessible "flatten" when shared on social media. The formatting does not carry through and are not readable by a screenreader. PDFs of flyers or other content on Facebook, Twitter and Instagram are not accessible.

Color

We use color in our images to add impact. What may be beautiful to the designer can render a message invisible to viewers with colorblindness and other visual impairments. Images with text should meet color contrast standards to ensure that they are readable.

Communicate ideas in more ways than just using color. For instance, a pie chart can use texture and labels in addition to different colors. 

See example below.

Pie chart demonstrating how different textures, gradients, colors and labels impact understandability.

Video and Audio

Video

Video is a bigger and bigger part of social media strategy. All videos must have descriptive captions. Even if there is no dialogue, you need to include captions. Facebook and YouTube both have native autocaptioning capabilities, but autocaptions should always be reviewed. Learn how to write captions.

Instagram and Twitter currently do not have closed captioning capabilities. That means that you cannot create captions that a viewer can choose to turn on when they view a video. Instead, videos on either platform should have either open captioning added to the video when it is created or no dialogue. 

Podcasts and Other Audio

Podcasts are a great way of bringing life and conversation to your content. In order to make audio accessible, create a transcript of the content. Learn how to write transcripts.

See an example of accessible and effective transcripts on NPR's Wait Wait... Don't Tell Me! website. The sound player is embedded on the page with the transcript listed beneath. Not only is this format accessible, but it also allows people who want to engage with your content but not want to turn on their sound read, as well as improves search engine optimization (SEO).

Hashtags and Links

Did you know that even hashtags can be made more accessible?

Review web accessibility at Brandeis