Auditing Your Site for Accessibility: Now What?

A presentation at PyOhio 2018 in in Columbus, OH, USA by Kat Passen

Web accessibility is important - about 1 in 5 people in the United States have some kind of disability, and not including them limits your reach. But once you've heard about the basics, how do you get started? In this talk, I'll walk you through the process of finding issues in your site, and discuss processes to fix them.

Video

Resources

The following resources were mentioned during the presentation or are useful additional information.

  • WAVE

    WAVE provides an online tool as well as a browser extension for evaluating a page for WCAG compliance. The browser extension is available for Chrome and Firefox, and provides information on errors as well as explanations of why things are errors. It also includes a color contrast checker, which has a section for modifying colors in-extension to see if they pass contrast ratios.

  • aXe

    aXe is a browser extension and command line tool that provides reporting similar to WAVE. The advantage aXe has over WAVE (in my opinion) is that the browser extension can be used on a page multiple times without refreshing, which helps with checking pages that require a POST.

  • Lighthouse

    Lighthouse is a tool that can be used in the browser, on the command line, or as a package to test out accessibility as well as things like performance and standards adherence. It can also test mobile views with a simulated throttled connection, which can help test out poor connection scenarios.

  • aXe-core

    aXe-core is the package version of aXe, which can be integrated in to your project to run functional tests in a continuous integration environment. Similar to Pa11y, it can perform actions to test beyond page load, and can spider through a site.

  • Pa11y

    Pa11y is a package that can be used as a command line tool or a continuous integration add-on. It is able to spider through a website, and consume instructions to get behind authentication or perform other actions beyond reading a page on load.