This is one in a series of posts that will look at the performance and #a11y metrics of the websites for the currently declared 2020 Democratic presidential candidates. Yeah, all of them! For more background on what I’m doing and how I’m doing it check read this.
Google Lighthouse
Performance: 56 out of 100
This is a very image-heavy page with jpgs and pngs that are sized larger than they are displayed and not optimized for download.
A 157 KB CSS file for some sort of language switcher which is loaded and entirely unused. My guess is it includes images for country flags, but the site doesn’t use this feature and only includes translations for español.
Accessibility: 70 out of 100
- Some :focus states are present for wayfinding via keyboard tabbing, although the main navigation has none.
- Unhelpful image alternative text such as “logo” and “white logo”.
- Contrast issues for users with color vision deficiencies.
Best Practices: 79 out of 100
I’m starting to sound like a broken record. These tend to be the exact same issues across all of these sites I’ve reviewed.
External links that open in a new window without the rel=”noopener” attribute present.
Images are much larger than they are displayed at. 3-4× larger.
SEO: 92 out of 100
A link without descriptive text that simply says “Learn More”
Network
- HTTPS: yes
- 52 Requests
- 4.2 MB resources
- Largest asset is a 624 png used in the donation modal that pops up on first visit.
Platform
- WordPress, Astra (paid) theme.
Notes
There is a caching plugin in use but however it works is actually dinging the Lighthouse scores in performance and delaying the rendering of the page.