This checklist is intended to be starting point for making documents and websites accessible, and should be used in conjunction with our associated tutorials.
This checklist is not comprehensive, the MSU Web Accessibility Policy requires full conformance with the Technical Guidelines including Web Content Accessibility Guidelines (WCAG) 2.0 AA. If you have technical questions, please ask your department's IT staff or accessibility liaison. (Download a PDF of the condensed checklist.)
Check that text has a strong contrast against the page background. Providing enough contrast between text and the background enables content to be read by those with moderate visual impairments and in various light conditions. Black text on a white background is typically the best option.
Rationale: High contrast between text and background colors makes the text more readable for color-blind and low-vision users.
Use more than color to denote differences, emphasis, and content meaning. In addition to contrasting colors, consider adding text, shapes, and patterns.
Rationale: This helps color-blind and low-vision users recognize where you are emphasizing specific text.
Use descriptive heading styles to designate content organization. Using headings (e.g., Heading 1, Heading 2) indicates the hierarchy of content. Predefined style headings in text editors allow readers to more clearly understand the structure of your document or web page. On long pages of content, consider using a table of contents to help readers jump more quickly between headings.
Rationale: Screen readers have to be given instructions to know which content is most important and how it should be organized. Headings provide screen readers with this information and help visually impaired users navigate through your content more quickly.
Use bulleted or numbered list styles to denote list structure. This also ensures consistent formatting and helps screen readers understand content structure and organization.
Rationale: Screen readers have to be given instructions to know how to organize content. Formatting lists provides screen readers with this information and helps visually impaired users navigate through your content more quickly.
Provide alternative text for images, graphs, and charts. Descriptive alt text explains what is being illustrated and is read when using non-visual browsers. If images are decorative and don’t directly relate to the content, add that information to the alt text.
Rationale: Screen readers “read” the images, graphs, and charts using the alternative text that you have provided. This explains the purpose of your image, graph, or chart to users who are visually impaired.
Supply multiple avenues for multimedia content (e.g., audio with a transcript, video with captioning). Video, audio, and interactive media requires captioning or an alternative method to deliver the same information. Read more about video captioning resources.
Rationale: Captions and transcripts benefit a wide variety of users, including non-native speakers, users who are deaf and hard of hearing, and users in sound-sensitive environments.
Rationale: Descriptive link text also provides the main context for screen readers. Screen readers linearize content and do not communicate all aspects of shape size, or position of visual elements.
Format and use simple tables with column and row headers. Split nested tables up into simple tables, and don’t use tables to control layout.
Rationale: Complex tables can be difficult for readers to follow and comprehend, especially for screen reader users who have to remember the headers.
While part of WCAG 2.0 AAA, these best practices may also make sense to implement.
Use capitalization sparingly. Capitalizing all letters in a word or sentence can be visually difficult to read, and it causes a screen reader to read each individual letter instead of the word.
Any text, media, or activities that you provide from an external website or resource should be accessible.
Make sure content can be navigated via a keyboard. Keyboard navigation is the primary means used for navigating content on a web page by users who have visual or mobility impairments.