A11y Project

This website provides a WCAG compliance checklist that you can use to evaluate your digital content and a very comprehensive list of resources relevant to digital accessibility. This is one of the broader resource lists available online, and they do a great job breaking them down into relevant categories.

Quick Facts

  • You can use the A11y checklist to ensure your website follows the Web Content Accessibility Guidelines (WCAG). This checklist will not guarantee that your website is accessible, but it will create a more streamlined and accessible experience for all visitors. Examples from the checklist include:
    • Make sure all labels (for buttons and links) are informative. For example, do not use the link text “Click here.”
    • Provide a unique title for each web page or view.
    • Make sure users can navigate your site using their keyboard and that keyboard navigation matches the visual layout of your site.
    • Provide alt text and text alternatives for complex images (like charts, graphs, and diagrams).
    • Use headings to organize content, but they must be in order (Heading level 1 > Heading level 2 > Heading level 3). Do not skip heading levels (e.g. going from a heading level 1 to a level 3).
    • When creating lists, use HTML elements (ol, ul, and dl).
    • Provide skip links to the main menu and main content.
    • Make sure that links look like links (underlined and a different colour).
    • Use the HTML table element to define tables.
    • Make sure all form inputs are correctly associated with labels.
    • Media in your website should not use autoplay when users open the page.
    • Make sure your website’s videos and audio have captions and transcriptions.

Visit A11y Project

References

The A11Y Project (2013-2021). a11y stands for Accessibility. Web page. Retrieved from: https://www.a11yproject.com/

Web Accessibility Initiative (WAI) (2021). Web Content Accessibility Guidelines (WCAG) Overview. Web page. Retrieved from: https://www.w3.org/WAI/standards-guidelines/wcag/