Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll

Web Accessibility Compliance

Preview

Start a free Courses trial
to watch this video

Sign up for Treehouse

Browser Testing

2:11 with Aisha Blake

There are tons of tools available online to help you make sure your work is as accessible as you can make it. Some of these tools cover a huge spectrum of potential issues. Others are very specific, testing for things like color contrast or font size. In this video, we’ll take a look at some free, easy to use tools that will help you improve the accessibility of your site once you’ve got something up and running.

Resources

Chrome Accessibility Developer Tools
A11y
Loop11

Further Reading

Improving the UX for Color-Blind Users
Facts About Color Blindness

Related Discussions

Have questions about this video? Start a discussion with the community and Treehouse staff.

Sign up

    Related Discussions

    Have questions about this video? Start a discussion with the community and Treehouse staff.

    Sign up

    There are tons of tools available online to help you make sure your 0:00
    work is as accessible as you can make it. 0:04
    Some of these tools cover a wide array of potential issues. 0:06
    Others are very specific, testing for things like color contrast or font size. 0:10
    In this video, we'll take a look at some free easy to use tools that will help 0:15
    you improve the accessibility of your site once you've got something up and running. 0:19
    It's worth noting that when we say things like color blindness we're generalizing 0:24
    a spectrum of different conditions our users might be living with. 0:29
    Each of these can affect the way they access our work differently. 0:34
    Actual color blindness, an inability to perceive color at all is pretty rare. 0:37
    More often, users will have difficulty distinguishing between certain colors. 0:44
    Spectrum simulates a number of different types of visual impairment and 0:49
    therefore gives us a quick look at how users affected by those conditions 0:54
    might experience our site. 0:58
    It exists as a chrome plug-in, and once it's installed, 1:00
    all we need to do is view the page we want to test, turn the app on, and 1:03
    choose the filter we want to view the site through. 1:07
    There are many such tools out there that offer essentially the same features. 1:14
    The point is, just to pick one and start testing sooner rather than later. 1:19
    The tool I personally use the most often, 1:24
    is the Chrome Accessibility Developer Tools. 1:27
    This extension adds the ability to audit any site for accessibility to Chrome. 1:31
    Once it's installed, open up the Dev Tools, switch to Audits, and 1:37
    run the accessibility audit. 1:42
    The results will come in in the form of a series of tests which were either passed 1:45
    or failed, sorted by priority. 1:50
    Each instance is listed individually so 1:52
    we know exactly where to go in the code to fix the problem. 1:54
    These dev tools power a number of others Including a set of command line tools 2:03
    which I've linked to in the teacher's notes. 2:07

    You need to sign up for Treehouse in order to download course files.

    Sign up

      You need to sign up for Treehouse in order to set up Workspace

      Sign up