DEV Community

Nova's Knowledge
Nova's Knowledge

Posted on

Accessibility Audits

When designing websites, developers have to take accessibility into account. They are held responsible so that anyone is able to access the site they are creating. It is important to understand every aspect of accessibility so that people all over the globe have easy access.

Today, I took a look at the 100 Thieves website to see how well their company website does.

Results

I ran an audit using Lighthouse, Wave, and web.dev. Below are the results I found:
Performance: 55
Accessibility: 97
Best Practices: 79
SEO: 75

Fortunately for the company, their accessibility was almost perfect. This is what company's need to aim for. After analyzing some of the information, here is what I found to be the biggest problem for the website.

  • They need to eliminate render-blocking resources
  • They have to minify JavaScript
  • They have to remove unused JavaScript
  • The time to interact with the site is 8.4 seconds

These issues were found in the performance, accessibility, and best practices stat columns.

These issues are the reason why the time to interact is so high. The developers need to take notice of these problems and fix them. To eliminate render-blocking resources, one must move all of the script and link tags to the bottom of the page. The other problems are self explanatory. This will improve all categories if done so properly.

What Now?

After taking a look and analyzing what was wrong with the site using Lighthouse and web.dev, I decided to try out wave on the site.

This audit goes into more detail on the site. Surprisingly, there were only 7 accessibility errors on the front end of development. All of these errors were empty button and empty link errors. This means that there needs to be words instead of just pictures. There were also only 10 contrast errors. This means that the text colors are not the proper color in contrast to the background. These are also easy fixes that can improve accessibility tremendously.

If you want to learn more about these incredible tools, check out the link below!

Accessibility Video

If you want to watch more videos that I've posted, click this link!

My channel

Top comments (2)

Collapse
 
moopet profile image
Ben Sinclair

These tools are a good place to start, but you need to get real people to look at the site as well (or an AI in a couple of years I expect...)

Collapse
 
imnova_21 profile image
Nova's Knowledge

Very true. Especially bigger companies