DEV Community

Cover image for Improve the accessibility of your website
Thomas Bnt
Thomas Bnt Subscriber

Posted on β€’ Edited on

9 3

Improve the accessibility of your website

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 ! 🀩

Postmark Image

Speedy emails, satisfied customers

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up

Top comments (5)

Collapse
 
andrewbaisden profile image
Andrew Baisden β€’

It was nice to see the improvements keep it up!

Collapse
 
thomasbnt profile image
Thomas Bnt β€’

Thanks, Andrew! πŸ˜„

Yeah for all my projects, now I pay more attention to accessibility. I know that it is important for those who have concerns about disabilities, I put myself in their position. πŸ’ͺ🏼

Collapse
 
andrewbaisden profile image
Andrew Baisden β€’

Good to know I hope everybody starts to do the same.

Collapse
 
stormytalent profile image
StormyTalent β€’

Really interesting.
Thanks for sharing!

Collapse
 
thomasbnt profile image
Thomas Bnt β€’

Thanks you ! β˜•πŸ˜„

πŸ‘‹ Kindness is contagious

Discover a treasure trove of wisdom within this insightful piece, highly respected in the nurturing DEV Community enviroment. Developers, whether novice or expert, are encouraged to participate and add to our shared knowledge basin.

A simple "thank you" can illuminate someone's day. Express your appreciation in the comments section!

On DEV, sharing ideas smoothens our journey and strengthens our community ties. Learn something useful? Offering a quick thanks to the author is deeply appreciated.

Okay