search

CSS-Tricks / coding-fonts

https://coding-fonts.css-tricks.com/
MIT License
461 stars 67 forks source link

Added alt attributes to images for better lighthouse score #77

Closed calebnance closed 3 years ago

calebnance commented 3 years ago

Added alt attributes to images (also the nunjucks file had a lot of spaces at line end, so fixed those as well).

The alt text added in template is: alt="{{language.value}} example of {{title}} in {{theme}} mode"

So for HTML light mode example will read: alt="html example of Anonymous Pro in light mode"

This bumps up the accessibility score: coding-fonts-accessibility-1

calebnance commented 3 years ago

also the lighthouse SEO score goes up from 80 => 90

chriscoyier commented 3 years ago

It's still registering those lines as changed. Meh. I dunno. Not a huge deal it just makes it harder to understand the nature of the exact change.

chriscoyier commented 3 years ago

Very good move having the proper alt text