A web audit on the G.O.A.T's website. 
Tags: webdev
Published: 2021-02-15 05:11:31

Hey y'all, Tech with Joe back with another post. Today we will be looking at some cool tools to help strengthen your website as well as making it more accessible for those with disabilities. 


One out of the two tools I used today was Web.dev. This development tool for designers and those looking at making their websites better overall. Web.dev is an all around tool that can help improve your website accessibility, coding errors, network reliability, as well as dozens of other features. 

The second of the two tools I used was Wave. Wave is different in compared to web.dev's service as it is mostly aimed at improving sights for those with disabilities. Not only can WAVE identify web content accessibility guidelines, WAVE will also facilitates human evaluation of web content. WAVE is a GREAT tool for looking over areas to improve screen reading capabilities with your website. 


In using these two tools, I decided to audit TB12's website, to see if his website looks as good as his football skills. Unlike his football skills, his website is not perfect. I decided to find three specific issues on Tom Brady's website, and how his team can fix these issues.  

1. Contrast errors: Both types of web audits both show dislike in the color contrast on TB12’s website. This could make it harder for those who are colorblind to easily view the page. The colors are all nearly the same, as there are black, white and red. When selecting their pictures, they should focus on changing the backgrounds to have enough. One specific example is the whites slide with the white text on the home screen.  After researching how to fix this, I determined that they can use heavier text, with more color contrasts to fix this issue. Some of the text on the page is too skinny, on top of having identical background colors, which is a simple fix.

2. Including Javascript libraries with known security vulnerabilities: While this issue does not pertain to accessibility as much, it more focuses on the security of the website. Currently this website is running jQuery@3.4.1. This is listed to have 2 vulnerabilities, with a medium risk. The best way to fix this is to update to the latest version of the library, or if there is no recent releases, consider using a different library. This is extremely important because malicious attackers are all over the web, and someone like Tom Brady (with many haters) could be on the wrong side of this attack.

3. "Suspicious link text": Both web.dev and Wave are reporting that there is either “Suspicious link text” or the text links do not have descriptive enough texts. For instance, a lot of TB12's websites links say “click here” and don’t actually say exactly what you are clicking on. This could get really confusing for someone who is using a screenreader. To fix this, each link should have a little bit more explicit text on the link, explaining exactly where that link will take you (It doesn’t have to be anything crazy, either).

I hope everyone learned something new from this post! Here are some links relating to this post:

My video explaining a little bit more: https://youtu.be/ad4M1Xjthhg
TB12's Website: https://tb12sports.com/

Web.dev: https://web.dev/
WAVE: https://wave.webaim.org/