Skip to content
Colorado State University

Information Technology

IT Services

  • IT Services Overview
  • Purchasing & Surplus
  • Software
  • Computer & Device Support
  • Computer Replacement Program
  • Security
  • Guides

Web Services

  • Web Services Overview
  • Design Process
  • Site Managers
  • Site Manager Introduction
  • Web Governance
  • Guides
  • Forms

Remote Resources

Resources for remote teaching and working.

Remote Resources

Guides

Search our self-help guides.

Self-Help Guides

Support

Reach out to us to get support.

Request Support

A College of Liberal Arts Division

Accessibility: Checklist

Home » Accessibility » Accessibility: Checklist
Estimated Reading Time
5 minutes
Last UpdatedMay 06, 2025
Prerequisites

You must first become a master ninja before moving on to the next course.

Table of Contents
  1. Summary
  2. Checklist
    1. Headings
    2. Links
    3. Images
    4. Audio and Video
    5. Colors
    6. Non-HTML Content
  3. Resources
    1. Siteimprove Accessibility Checker

Summary

Each time new content is created, or existing content is updated, it must be made accessible. For this reason, we've put together a checklist of the most common, content related, accessibility issues and how to fix them. Below you will also find a few links to tools that will aid with detecting accessibility issues. The expectation is that these tools will become part of your workflow and simply be one additional step to take when adding, or updating, web content.

Checklist

Headings

Headings, and other structural elements (such as lists), help to build a document outline and provide context to the content which is used by assistive technology.

  • Headings should be used to build a document outline, and heading levels should not be skipped (don't use a heading level 2 followed by a heading level 4).
  • Use headings properly by applying a heading level to heading text rather than applying a style or format to text (such as bold). Conversely, don't use heading levels purely for stylistic appearance and instead use the proper heading level and then apply the necessary appearance styles to the heading (such as font size and weight).

For additional details see the Accessibility: Headings guide.

Links

Links are what allow website visitors to navigate the website and find the content they need. Most web browsers and assistive technology (such as screen readers) allow users to skip around the content of the page and read the text for each link.

  • Ensure that the link text makes sense and is informative when read by itself. There should never be links or buttons with the text of "Click Here" or "Read More" as this will be read aloud by a screen reader and provide no context as to what "Click Here" does. This also prevents another accessibility issue where multiple different links point to different URLs with the same link text such as "More Info" or "Program Details".

For additional details see the Accessibility: Links guide.

Images

Images are great for design and can provide a lot of information, however on their own they're useless for those with a vision disability.

  • All images need alt (alternative) text descriptions. These descriptions should be short, concise, meaningful, and relate to the context in which the image is being used.

For additional details see the Accessibility: Images guide.

Audio and Video

Videos are increasingly being used for design and can improve a websites engagement, however they pose challenges to both individual with vision and hearing disabilities.

  • All audio must have an accompanying transcript.
  • All video must be captioned. This includes 3rd party videos placed on your website. Also, this takes time and is an added expensive if contracted-out (such as 3Play Media), so plan accordingly.
  • We recommend using YouTube for all videos as their captioning and transcript tools and features are well established.

For additional details see the Accessibility: Audio and Video guide.

Colors

Color is an important part of design and part of what sets the mood and tone of a website, however color alone must not be used to convey meaning, or the only source of context. There must also be adequate levels of contrast between foreground colors (text) and background colors.

  • When using color to convey meaning, or provide context, be sure there is a text description also available.
  • Check for adequate levels of contrast between foreground (text) and its background. For example, there should never be light-gray text on a white background. The Accessibility Checker tool can help to identify these problems and ensure proper levels of contrast.

For additional details see the Accessibility: Colors guide.

Non-HTML Content

In addition to the other types of content, uploaded documents, such as PDFs, Word documents, and PowerPoint presentations material all must be accessible. Where possible, we recommend using PDFs over other file formats.

  • Only upload and link to documents that have first been verified to be accessible.

For additional details see the CSU Accessibility by Design: PDF Accessibility Checkers page.

Resources

Siteimprove Accessibility Checker

  • Siteimprove Accessibility Checker
How to use Accessibility Checker Expand
  1. Install Siteimprove Accessibility Checker.
  2. Ensure that your page (or post/event) is published.
  3. Navigate to the web page you want to scan and then click the Siteimprove Accessibility Checker button (in the top, right, corner of your screen). Note that if this is the first time using the Accessibility Checker it will pop-up a sign-up form, which can be skipped, and you will need to click the button again to open the actual Accessibility Checker.
  4. If this is the first time opening the Accessibility Checker follow the sub-bullets below, otherwise skip this step.
    1. Click on "Choose Filters" and select the following options
    2. Choose conformance: "Level A" and "Level AA"
    3. Choose severity: "Error" and "Warning"
    4. Choose responsibility: "Content writing" (and occasionally "Development", explained below)
  5. Check to see if there are any Issues, and if so click on the individual issue to find the cause and see what to do to fix it.
  6. If the font color (for links or regular copy), or a background color, was changed check the "Development" Filter under Choose Responsibility, and check if there are any "Contrast (Minimum)" issues. If so then there is too little contrast between the text (foreground) and the background color.
  7. Repeat steps 5 and 6 for each issue. Ideally all issues should be fixed, however there are times when it's not possible or it's a false positive.

If you encounter any issues that you're unsure of how to fix, or unable, please submit a web support request with the URL to the page and mention the exact error or alert in question.

Related Articles
  • Accessibility
  • Accessibility: Audio & Video
  • Accessibility: Checklist
  • Accessibility: Colors
  • Accessibility: Example Page
  • Accessibility: Headings
  • Accessibility: Images
  • Accessibility: Links
Categories
  • Accessibility8
  • Web20
Tags
  • Accessibility7
  • Audio3
  • Checklist1
  • Colors3
  • Headings2
  • HTML1
  • Links2
  • Video4
Share on facebookShare on linkedin Post on x

Post Navigation

Previous

Accessibility

Next

Accessibility: Audio & Video

  • Liberal Arts
  • FSAS Login
  • CLA Brand
  • CLAHub
  • CLA Help Desk
  • Apply to CSU
  • Careers
  • Equal Opportunity
  • Privacy Statement
  • Accessibility Statement
  • Disclaimer
  • Login
Colorado State University
© 2025 Colorado State University - College of Liberal Arts, Fort Collins, Colorado 80523 USA