Accessibility

These web and social media accessibility guidelines help to ensure that all audiences receive MCC messages.

Web Accessibility Guidelines

The Web Content Accessibility Guidelines (WCAG) define requirements for designers and developers to improve accessibility for people with disabilities. It defines three levels of conformance: Level A, Level AA, and Level AAA. Web Content Accessibility Guidelines (WCAG) 2.0, Level AA

Structure

Well-structured content allows the user to follow your page and navigate it with ease. Headings are the best way to tell a user what and where the main sections are and to help them find what they need more quickly.

Color

To conform to WCAG Level AA standards, make sure the contrast ratio is at least 4.5 or higher. This ratio ensures people with moderately low vision can tell the colors apart and see your content.

Links

  1. Use meaningful text for links - explain where the user is going. Do not use the word "link" or "click here" as part of the link text.
  2. Do not capitalize all letters in links.
  3. Avoid using URLs for link text.
  4. Do not use tooltips/screen tips to add additional information.
  5. Open external links in new window.

Tables

Tables should be used when displaying data, and data cells must be associated with their headers. Keep the tables simple, use a caption and headers.

Images

Informative Images must have text alternatives that describe the information or function represented by them.

Decorative Images: Images that do not convey content are decorative, and already conveyed in text should be null (empty)  (alt=""), ARIA role="presentation", or implemented as CSS backgrounds.

Assistive Rich Internet Applications (ARIA)

ARIA improves the accessibility of web pages and applications by providing extra information to screen readers via HTML attributes. ARIA Roles, States, and Properties

Write for Accessibility

Avoid abbreviations, acronyms, and initialisms

Web Accessibility Tools

Web Accessibility Checklist

View WCAG 2 Checklist

Accessible PDFs

Social Media Accessibility Guidelines

At least 15% of the world’s population has some form of disability. Your goal is to make your social media communication the best user experience for as many people as possible using inclusive design principles.

Best practices include:

  1. Creating alternative text descriptions for images and animated GIFs (Twitter, Facebook, Instagram) – the descriptions will be read aloud to non-sighted or low-vision users who rely on screen readers. Be sure to include any text that is a part of your image.
    • Instagram allows you to type in an “alt text” image description by tapping “advanced settings” when you write a post (on a phone).
  2. Captioning video content that contains speaking (Facebook, YouTube, Instagram Stories) – captioning benefits deaf users and the many users playing videos in silent mode. If you use automatically generated captioning, you must review it carefully to make sure it’s accurate and includes punctuation!
  3. Use CamelCase for multi-word hashtags – it’s easier for users to read and it helps screen readers. Ex. #blacklivesmatter sounds like “black live smatter” vs. #BlackLivesMatter Do not use ALL CAPITAL LETTERS.
  4. Using emojis sparingly – imagine hearing “red heart” ten times in a row!
  5. Put hashtags and mentions at the end
  6. Use a descriptive call to action – avoid writing “click here”
  7. Use an adequate font size – make sure the text used in images is legible and it contrasts with the background color. Check your color contrast

For more information, refer to this Social Media Accessibility Toolkit

Back to Top ⇑