Skip to main content

Accessibility Considerations

This accessibility consideration list is intended to assist web content providers in assessing their content’s accessibility. It assumes at least an introductory level understanding of web accessibility guidelines and standards.

To read more about techniques and tools to identify and remediate issues with digital content, please visit our digital resources section.

Please note the following:

What can you as a content editor do to make your website accessible?

  • Use Siteimprove to scan your site for accessibility issues and other content related issues,
  • Review your site using the website accessibility checklist below. The list provided here is paraphrased from the W3C Web Accessibility Initiative. See the full list of WCAG 2.0 Level guidelines.

Website Accessibility Checklist

Images

  • Images and Graphics are given an appropriate alternative text.
  • Complex graphics and images must have a large enough description to provide context. This text can be provided within the page or in a separate provided document.
  • Clickable graphics cannot be given a blank alt-text and must be described.
  • Images of text should be avoided if possible. Re-create these images with HTML and CSS. If no other option is possible ensure the alt-text reflects the image text.(Logos are excluded from this rule)
  • Images of text have a contrast of 4.5:1 (small text) or 3:1 (large text).

Hyperlinks

  • Links must make contextual sense on their own or with the assistance of surrounding text.
  • Avoid general link text such as “Learn more”, “Click Here”, “More Information”, etc.
  • Links and adjacent icons must be combined to make a single link.

Playback Media

  • Embedded video does not auto-play for longer than 5 seconds.
  • Auto-playing images, videos, or other media are able to be paused by the user.
  • Videos have appropriate closed captions.
  • Captions are provided for live media such as streams.
  • Audio only media must provide a transcript of the audio.

Page Navigation

  • Headings are established in the correct order. (Heading 1, Heading 2, Heading 3).
  • Ensure landmarks, if used, reflect wrapped content.
  • Ensure the page has a title that describes purpose or topic.
  • Iframes must have a title attribute describing topic or purpose.

Tables

  • Semantic elements are used to establish a link between data cells and table headers.
  • Table contains a summary attribute or aria-described by / aria-label attribute.
  • Tables have a caption (title) established.

 

Forms

  • Labels and form fields have a programmatically established relationship.
  • Related forms must be programmatically grouped.
  • Form validation must be implemented that informs users of missing/wrong information.
  • Timing features must be able to be paused or extended unless required.

General Navigation and Order

  • Page navigation can be completed via keyboard only. (Some exceptions).
  • There are no keyboard traps. A skip feature is provided to move past consistent navigation features, logos, and other banner objects.
  • Landmarks are correctly implemented with associated data.
  • Landmarks with multiple instances are provided unique identifying aria-labels.
  • HTML structure is separated from CSS styling.
  • Auto-scrolling, blinking, and other auto-updating information can be hidden or paused.
  • Contextual changes are not made when the focus is given unless activated by the user.

Color and Navigation

  • Keyboard Navigation is visible and can be tracked by the browser focus.
  • Tabbing follows a logical and meaningful order of the page content.
  • Background color and text color have a contrast of 4.5:1 (Small text) or 3:1 (Large text).
  • Ensure links are distinguishable from surrounding text.
  • Ensure links do not solely use color to distinguish function.
  • There are multiple methods of arriving at a page.
  • Images of text have a contrast of 4.5:1 (small text) or 3:1 (large text).

Page Layout

  • Navigational systems must be consistent in content and presentation.
  • Tabbing order must follow a logical path down the web page.

Playback Media

  • Embedded videos do not auto-play for longer than 5 seconds.
  • Auto-playing images, videos, or other media are able to be paused by the user.