Accessible Newsletters & Emails

When Creating Your Content

Make sure headings are in order

Best Practice: It is recommended that headings are not linked to clear up redundancies when listening on a screen reader

• All newsletters must have a single H1 present.
• Do not use headings as a way to create large text.
• Headings should follow proper hierarchy and only jump one level down at a time:
  • ❌ H2 to a H6 is wrong
  • ✅ H2 to a H3 is correct

Image Requirements

• Alternative text should be a concise summary of what is being communicated contextually:
  • ❌ “Image of [thing]”
  • ❌ “Image”
• Images should not be linked to in an email to open in a new tab/hosted on other site.
  • Images should be embedded directly into an emailed message.

Do not use images of text or flyers

• All text content should be typed/pasted directly into the content editor
  • Some users may have disabled images from rendering in their emails 
  • Images of text are not consumable to non-visual users using assistive technology

Inaccessible Flyer Example

Accessible Content Example

Tuesday Leadership Lessons at U-Hour

Tuesdays, 12 - 12:30 PM via Zoom
In just a half hour, learn how to lead through these unique and challenging times.

• • • April 14: TedTalk: Dr. Neff: Self Compassion's Power
    • April 21: HBR.org: Building Trust in a Virtual Workspace
    • April 28: TedTalk: Sreeram Lyer: Why Spirituality Matters in Corporate Leadership
    • May 5: Podcast: Teamwork and a NFL Star's Retirement

RSVP to Leadership Lessons

Links should be able to be understood without reading the rest of the content

• Make sure link phrases are unique when directing to different URLs:
  • ❌ “Click Here to register for classes”
  • ❌ "Go to https://csusm.edu/THING"
  • ✅ “Register for Classes” 
• Add an underline to help make links identifiable for color blind viewers or use a button.

QR codes should only be used for event check ins

• QR codes are great for helping people check in to an event but are not optimized for other use cases. 
  • In all other instances, use buttons or links.
• QR codes are only suggested for printed resources and should not be used on digital formats.

Choose good color contrast

• Do not rely on color coding in your messages. Color coded content may not be visible to users who have lowered their screen's brightness and/or to those with color blindness. If color coding must be used in a message, add in additional context tot he coding system by typing out additional text to help users understand the differences

Videos must be captioned accurately with punctuation BEFORE being posted

Request captioning:
Captioning Request Form

• • Avoid making “slide show” videos (example slide show video) that have text displayed on the screen with music as the only audio.
  • Video should be optional to watch. Do not hide important content within a video's content as it will be harder for a user to search for.
    

Event advertisements must include the Event Accessibility Statement

The CSUSM policy on ADA Accommodations for Non-Instructional University Events requires that all advertising include the official accessibility statement. Please do not put this statement in an image/flyer.

Individuals with disabilities, who would like to attend this event, please contact [insert event sponsor’s name and phone #] regarding any special accommodation needs. It is requested that individuals requiring auxiliary aids such as sign language interpreters and alternative format materials notify the event sponsor at least seven working days in advance. Every reasonable effort will be made to provide reasonable accommodations in an effective and timely manner.

Before Publishing