Course Accessibility Checklist

The following table covers most of the elements that make up online courses, describes how to make each accessible for the vast majority of users, lists the applicable standard or policy, and and provides addition information in the Comments column. All of these best practices are covered in more detail in this resource. While we do not address mobile accessibility on this page, all course content should display correctly on a mobile device as required by the ADA.

Table 2. Accessibility Checklist
Item Description Policy or Standard(s) Comments
Syllabus
  • Include the accessibility statement (the Accommodating Disabilities SSI) in the Policy section.
  • Identify course requirements and deadlines, including group work and timed exams, including proctoring information.
  • Identify all required materials.

Penn State Policy AD69 Links to an external site.

Providing information about accommodations for people with disabilities is Penn State policy.

Students will sometimes opt out of a course that uses certain types of technologies or has proctored exams.

Images
  • Write alt text that is a short, meaningful, learning-related description of an image, ideally 125 characters or fewer.
  • Use an empty alt attribute ( alt=""  with no space) for a decorative image.
  • Use a long description for complex images if the page text does not provide enough information.
  • Images should be of a high enough quality that there is minimal distortion when magnified.
  • Do not use an image of text; use text instead.

Guideline 1.1.1 - Text Alternatives Links to an external site.

Guideline 1.4.5: Images of Text Links to an external site.

Image alt text will appear if an image fails to load on the page.

Screen reader users will hear the alt text, which needs to be short because the alt text does not provide the navigation options page text has.

Replace images of text, tables, lists, or math with accessible, text-based content.

Video
  • Make sure all course videos have accurate captions.
  • If videos include visual information that conveys meaning, provide an audio description track.
  • Set video players so they don't play automatically.

Guideline 1.2.2: Captions (Prerecorded) Links to an external site.

Guideline 1.2.5: Audio Description Links to an external site.

Guideline 1.4.2: Audio Control Links to an external site.

Refer to the Penn State Captioning Decision Tree Links to an external site.for details on Penn State's policy.

Audio
  • Provide a transcript.
  • Set audio players so they don't play automatically.

Guildeline 1.2.1: Audio-only and Video-only (Prerecorded) Links to an external site.

Guideline 1.4.2: Audio Control Links to an external site.

 
Color and Contrast
  • Ensure color is not the sole method used to convey information.
  • The minimum color contrast ratio between the background and paragraph text is 4.5:1, but higher contrast is better. (Black text on a white background has a 21:1 ratio.)
  • The minimum color contrast ratio between the background and 18-point (or larger) fonts, or between the background and bolded 14-point fonts, is 3:1.
  • The minimum color contrast ratio between elements in graphics and images is 3:1.

Guideline 1.4.1: Use of Color Links to an external site.

The WebAIM color contrast checker Links to an external site. provides a bookmarklet you can add to your browser to check the contrast on any page or element.

Headings
  • Use headings to break up page content and provide a visual outline of the page.
  • Mark up headings with heading tags in order down to <h6>.
  • Use descriptive heading text to aid usability and readability. 

Guildeline 1.3.1: Info and Relationships Links to an external site.

Guideline 2.4.6: Headings and Labels Links to an external site.

In Canvas start with <h2> , and in Evolution start with <h3> .
Lists
  • Use list markup for list content to aid readability.
  • Use unordered lists for content that does not need to be in any particular order.
  • Use ordered lists for content that needs a particular order such as the steps in a process.
  • Use description lists for terms and definitions. 
Guideline 1.3.1: Info and Relationships Links to an external site. Adding structure by using lists make the content more understandable for all.
Links
  • Use meaningful link text that makes sense out of context such as the title of the page, article, or video being linked.
  • Put the most descriptive word first.
  • Do not use the URL as the link text.
  • Do not use non-descriptive text such as "here," "click here," or "read more" as the link text.

Guideline 2.4.4: Link Purpose Links to an external site.

Screen reader users can view a links list outside the context of the page.

Tables
  • Use table headers ( <th> tags) to identify row and column headers and specify the scope ( scope="col" or scope="row" ).
  • Use a caption to display the table title.
  • Use simple tables that don't have multiple heading levels or merged cells.

Guideline 1.3.1: Info and Relationships - Table Markup Links to an external site.

A complex table and be broken down to two or more simple tables which are easier for everyone to understand.

Instructions
  • Instructions for understanding and operating content should not rely on the shape, color, size, or location of of an element.

Guideline 1.3.3: Sensory Characteristics Links to an external site.

 

Text Formatting and Font Readability
  • Follow our House Style Guide Links to an external site. for text formatting practices.
  • Use language tags for text written in a foreign language.
  • Use color boxes and other visual styles to add visual interest, but do not use them in place of good heading structure.
  • Left-justify longer sections of text rather than centering or right-justifying.
  • Avoid underlining or using all caps.

Guideline 1.3.1: Using semantic markup to mark emphasized or special text Links to an external site.Guideline 1.4.8: Visual Presentation (AAA) Links to an external site.

Guideline 3.1.2: Language of Parts Links to an external site.

Visual styling of fonts and color boxes are ignored by screen readers, so while these can enhance good page structure and clear writing, they cannot replace them.

When non-English language content is marked up properly, a screen reader will pronounce it correctly.

Math Content
  • Use math symbols for simple math content in Evolution and Canvas.
  • In Evolution, use MathML for complex math content.
  • In Canvas, use the Math Editor in the Rich Content Editor (RCE) for complex math content.

Guideline 1.3: Adaptable Links to an external site.

Correctly formatted math content can be read by a screen reader, enlarged, and copy-and-pasted.

Interactive Elements
  • Make sure interactive elements work with a keyboard, screen readers, and magnification and that all content shows when the page is printed.
  • Elements need to be presented in an understandable read order for those using assistive technologies.
  • If not possible, provide an alternate text-based version.
  • Use approved tools to create interactive elements (Evolution Snippets, H5P, Rise, etc.)

Guideline 1.3.2: Meaningful Sequence Links to an external site.

Guideline 2.1: Keyboard Accessible Links to an external site.

Guideline 2.2: Enough Time Links to an external site.

Work with an accessibility consultant in the design phase to avoid rework later.

Documents and Readings
  • All course documents should be real text and free of markings and highlights.
  • Provide PDFs that are real text and not scanned images of text.
  • Word documents and PowerPoint files should have correctly styled headings, lists, and tables, and images should be described. 
See the Document and Textbooks Resources page for more information. An accessibility consultant can help with formatting and cleaning up course documents.
Textbooks
  • When possible, choose a textbook that comes in different formats.
  • When using an interactive online textbook, verify it's accessible before using.
Americans with Disabilities Act List of publishers to are certifying their books as accessible Links to an external site..
Courseware
  • Use course tools that have gone through the correct approval channels for risk and accessibility.
  • Do not require that students use inaccessible technology to complete course assignments, instead, provide options, and allow students to use their tool of choice when appropriate.
  • Ensure an Alternative Access Plan is available for any courseware that is not fully accessible.
Penn State Policy AD69 Links to an external site. Courseware information can be found on the Penn State Courseware website Links to an external site.
Optional Third-Pary Content
  • Be thoughtful about adding optional content because if there is a need for accommodation, we will need to make that content accessible.
If something is an option for some students, it needs to be an option for all students.
Updated October, 2024