Making your site accessible

A thread

why accessibility is important?

because a web accessible only to some is not really a "world-wide" web.
So making sure that everyone that might visit the website gets a pleasant experience is important.

So here are some tips to make your website accessible to everyone!

Semantic HTML

A blind person using a screen reader needs to skip through different sections of the page, rather than reading the whole page from start to finish. Using heading levels appropriately (h1-h6) makes this a lot easier.

Alternative text

Alternative text is added to the <img> tag to describe the image which is important in these cases:

- the user has a slow connection
- the user is using a screen reader
- an error in the src attribute

Use visual clues
CSS offers complete control over the look of any element on a page. You can create textboxes without an outline or hyperlinks without an underline. However, removing those clues will make it harder for people who depend on them to recognize the type of control

Links

Some readers read link text in the same way they read any other text. So we must make sure that it doesn't get annoying because it is reading long link text.

Color Safe Palettes

When selecting a color scheme for your site, you should ensure it's accessible to all including the color blind.

http://colorsafe.co/  This website is great for generating color palettes that is color safe.

Lighthouse

The lighthouse tool is found in your developer tools. This tool is great to get a first view of the accessibility of a website. A 100% score is very helpful as a baseline.

Do you have more tips? I'd love to hear about them in the replies!

If you liked this thread, a retweet would be deeply appreciated!