Myzwer / foothillschurch

Bootcamp II is a wordpress theme (as well as an inside joke) designed to suit the needs of foothillschurch.com. It makes use of webpack, Babel, Sass, Tailwind, Browsersync, PostCSS, ESLint, Stylelint, Prettier and more. It is meant for that site, but if you can use it by all means go for it.
1 stars 1 forks source link

Improve image alt texts #36

Closed rain2o closed 1 week ago

rain2o commented 1 month ago

https://github.com/Myzwer/foothillschurch/blob/effc5bbf81497ae99f0561ab7849412fe9272bfd/contact.php#L23

I'm only linking one example, but this goes for all images.

I've noticed you've provided alt text to your images, which I appreciate. However, some of them shouldn't actually have alt text, and some of them could be improved.

Some basic rules of thumb:

You can kind of think of it like if someone wanted a text-only version of the website without any design. What would you give the user in place of the image, if anything?

For more, this is a good article talking about it: https://help.siteimprove.com/support/solutions/articles/80000863904-accessibility-image-alt-text-best-practices

Myzwer commented 1 week ago

This one was a DOOZY. Replaced every image on the site (in the code) with an object array to load in the alt message, then wrote alt messages for every image on the site in WP backend. But it's done.