- 1. Provide Text Alternatives for Images
Author meaningful text descriptions for all images. Keep alt text short and concise as a Tweet (around 140 characters or less).
- 2. Use Headings to Create Structure
Use provided heading styles in correct order to create structure. Avoid manually formatting headings to be large and bold.
- 3. Use Bullet & Number Feature to Make Lists
Use the list feature for all bulleted and numbered lists, and use the indent feature to create sublists.
- 4. Provide Headings and Summaries for Tables
Indicate column and row headers for all data tables. Provide a concise summary of the purpose of the table.
- 5. Provide a Strong Color Contrast
Small text must be a minimum of 4.5:1 contrast ratio and large text must be a minimum of 3:1. Logos and decorative pieces of content are out of scope.
- 6. Provide Clear and Meaningful Links
Provide descriptive text for hyperlinks, avoid terms like “click here,” and indicate if the link opens in a new window/tab.
- 7. Provide Identification for Languages
If a language other than English appears in the content, ensure the language is identified.
- 8. Avoid Using Images of Text
Do not use an image of text if that text conveys important information, is used as a heading, or appears in the user interface.
- 9. Avoid Using Tables for Layout
Tables have a specific semantic for screen reader users, therefore we cannot use them to create columns of text.
- 10. Avoid Using Sensory Characteristics
Avoid using spatial relationships, page position, or relying on any single sensory ability such as vision or hearing.
- 11. Avoid Using Color Alone
Do not rely on color alone to communicate information; instead provide redundant visual cues like shape, pattern, or text equivalents.