Accessibility for websites is very important for the traffic and health of a website. There is a really cool tool that one can use to see the statistics of a website's accessibility, seo, and best practices. I used web.dev to audit Twitter's homepage to look at these statistics.
What I found
When I ran the web.dev tool I got these statistics
Performance: 68
Accessibility: 83
Best Practices: 86
SEO: 85
These numbers are scaled on 1-100, where 100 is the best score possible. The scores are generally very good, but performance is the clear odd one out. Thankfully web.dev provides you with the information as to why the score is so low. The main reasons why the performance is so low are:
- Remove unused JavaScript
- Avoid multiple page redirects
-
[role]s do not have all required[aria-*]attributes
The last issue on the list is related to accessibility, but these are the top 3 high impact audit items, so it just goes to show how impactful the first two are on performance. But the biggest impact of the first two items was the unused JavaScript. The web.dev tool allows you to look more in-depth with these audits, and the unused JavaScript was the biggest culprit on bringing the score down.
WAVE Audit
Next I performed a WAVE audit on the twitter homepage. This audit is used through the WAVE google chrome extension, and its free to download. This shows the accessibility of a website, and gives an in depth look into its UI. This will show what is most efficient and what is creating errors. Check out my video below for more information on it. I hope this was helpful!
Video: https://www.youtube.com/watch?v=8pmSTp7aSkg&feature=youtu.be&ab_channel=JaredRice
Top comments (0)