[MUSIC]

We've added a lot to our accessibility arsenal.

In addition to the tools available to us through and HTML itself, there are several

techniques we can use to make navigating our apps easier on all of our users.

This stage we will cover some ways we can improve the UI of our websites

with features like high color contrast and larger clickable areas.

Color contrast is a huge deal with several types of visual impairment.

This not only includes the color of text in relation to the background color

beneath it, but can be a factor in differentiating entire elements on a page.

But just because we're going for

high contrast, it doesn't mean that everything needs to be in black and white.

There are so many gorgeous combinations that still comply with WCAG.

Especially if you're not fully settled on a color palette,

you might want to check out Color Safe.

This tool will help you build accessible color palettes, by restricting your

choices to only those combinations that will result in high enough contrast.

Hitting the GET STARTED button leads us to this color picker,

where we can choose any color we want.

This will be our background color.

Let's say ours is a sort of off white color and

we want to use a different color for our headings.

Well, we will look at what we already have and remain easy to read.

This also allows us to change the font family, size and

weight so we can approximate the way the text will look on our page.

We also need to determine which level of the WCAG Guidelines we need

to be inline with.

Once that's done, we just need to submit the form and

represent it with all the colors that will satisfy our parameters.

There are tons of contrast checkers floating around the web, but

it's nice to have your options lead out sometimes.

You can safely choose any of the colors shown in this tool and

know that the color contrast is good to go.