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.