Improve the accessibility of your website

Thomas Bnt ā˜• - May 19 '22 - - Dev Community

How its started

A few weeks ago, during my training to get the web developer diploma. I had to work on accessibility on the Internet. ā™æ

Being buddy with the W3C and all the tools that are necessary to make the website accessible by anyone.

So I read up, and downloaded tools like Wave, headingsMap, Colorblindly.

That, by the way, you can find the Wave extension on the banner of this article. šŸ˜„

The problem

When I did tests on my personal website, a lot of issues regarding contrast in text and colors. Undefined link icons with aria-label, errors regarding the title level being skipped. Anyway, it was not good. So I improved it by fixing all these problems.

Fixing concerns with the right tools

To determine where I had problems, most of the time I used Wave, a free extension available everywhere that scans your page and shows you the errors.

Preview of the Wave extension

I also use other extensions that I mentioned above. And some websites to test the efficiency of the speed and rendering of the page.

And some GOOD stuffs :

In some statistics

In 2020, WebAIM analyzed one million home pages for accessibility issues

Update your website to make it more accessible šŸš€

ā˜• Check my Twitter account. You can see many projects and updates. You can also support me on Buy Me a Coffee, Stripe or GitHub Sponsors. Thanks for read my post ! šŸ¤©
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .