#  Content Creator Essentials 

 



Content Creators can apply accessibility essentials regardless of which platform you work on.

Whether you are sending an email, writing a document, managing a web page, or reviewing a Canvas course, these essentials can help you make your content accessible and ensure your message comes through clearly to your audience.

**In this page:**

- [Titles and Headings](#headings)
- [Readability](#readability)
- [Links](#links)
- [Color](#color)
- [Alternative Text](#alt)
- [Multimedia](#multimedia)

---



 

##  Content Creator Trainings 

Digital Accessibility Services (DAS) offers a Digital Accessibility for Content Creators course that covers these essentials. There are two options for taking the course: [instructor-led](/content-creators-trainings "Content Creators Trainings") or [self-paced in the Harvard Training Portal](/content-creators-self-paced).

 

 



 calendar\_month 

 [### Digital Accessibility for Content Creators - Instructor-led

 ](/content-creators-trainings)Register for an upcoming Content Creator training.



 

 

 lightbulb 

 [### Digital Accessibility for Content Creators - Self-Paced

 ](https://trainingportal.harvard.edu/Saba/Web_spf/NA1PRD0068/common/leclassview/dowbt000000000023741)Take the course on your own time. Estimated two hours (120 minutes) to complete.



 

 

 

 

 

 

 

##  1. Titles and Headings 

Are they unique and descriptive? Do they provide a hierarchical structure?

Headings and Titles are style elements that may be applied to sections of text to provide structural information about the content. It is like creating an outline for your document or web page. They will be invaluable for people using screen readers, while also assisting your sighted users and boosting your Search Engine Optimization (SEO).

### Titles

- Web page titles should be unique and descriptive.
- They will appear in the browser tab for the website.

Guidance: [Writing Web Page Titles](/use-consistent-navigation-and-orientation)

   ![Domino's Menu - Order Pizza](/sites/g/files/omnuum12446/files/styles/hwp_1_1__360x360_scale/public/online-accessibility-huit/files/page-title.png?itok=4j7CuOAY) 

 

*"Domino's Menu" is the page title.*

### Headings

- Use the styles panel to apply headings.
- Use only one H1 (Heading Level 1) per webpage or document.
- Use in hierarchical order: H1, H2, H3, H4, etc.
- Avoid skipping heading levels.

Guidance: [Writing and Identifying Headings](/identify-headings-lists-and-tables)



 

##  2. Readability 

Is the language clear, and does the layout reduce cognitive load?

- [Use plain language​](/use-plain-language).
- Avoid jargon and figures of speech.
- Define acronyms on first use.
- Keep paragraphs short and use lists where possible to [support scanning and understanding​](/support-scanning-and-understanding).
- Use tables for data, not for page layout.

Guidance: [Design for Readability](/design-readability)



 

##  3. Links 

   ![List of links on a VoiceOver menu, several say click here.](/sites/g/files/omnuum12446/files/styles/hwp_1_1__360x360_scale/public/online-accessibility-huit/files/links-crop.jpg?itok=fgwIebIs) 

 

*Screen reader list of links.*Are links easy to find in the text? Are they descriptive of where the link goes or what may happen if clicked?

- Write clear, unique link text so that the user knows where the link is going.
- Make sure [links are distinct](https://accessibility.huit.harvard.edu/avoid-reliance-color) from other text, using both color and underline.
- Link text should make sense outside of context, screen reader users may pull up a list of just links on the page.

Guidance: [Write Helpful Links](https://accessibility.huit.harvard.edu/write-helpful-links)



 

##  4. Color 

Does the text have enough contrast, and is color NOT the only way of conveying meaning?

 

 



 ### Color Contrast

- Choose a text color that provides a high level of contrast against the background.
- The standard for web accessibility is a ratio between the two colors of 4.5:1.
- Avoid light text on a light background or dark text on dark background.

Guidance: [Use Sufficient Color Contrast](https://accessibility.huit.harvard.edu/use-sufficient-color-contrast)



 

 ### Color for Meaning

- Avoid using color as the only indicator of meaning or information.
- Use an additional element to convey information, such as shape differences or text labels.
- Consider how you are [using color to convey information](https://accessibility.huit.harvard.edu/technique-colored-pictograms).

Guidance: [Avoid reliance on color](https://accessibility.huit.harvard.edu/avoid-reliance-color)



 

  

 

 

 

##  5. Alternative Text 

   ![Broken image with alt text ](/sites/g/files/omnuum12446/files/styles/hwp_1_1__360x360_scale/public/online-accessibility-huit/files/broken-image-jh-alt.png?itok=HfSK9V_6) 

 

Do all meaningful images have a descriptive text alternative?

- Alt text is read by screen reader software, and displays on the page if the image fails to load.
- Alt text should not just describe the image, but provide context on how the image relates to the page content.
- Keep it simple, helpful & descriptive.

Guidance: [Write Helpful Alt Text](/describe-content-images)



 

##  6. Multimedia 

Do audio and video multimedia have appropriate alternatives?



 

 article 

 [### Transcripts

 ](/transcripts)Provide transcripts for audio-only media, like podcasts or audio interviews.



 

 

 closed\_caption 

 [### Captions

 ](/captions)Provide accurate captions for video.



 

 

 headphones 

 [### Descriptive Audio

 ](/audio-description)Provide descriptive audio in video or add an audio description track.