thegetty
General: Add alt text to images throughout website
@audreywarne I think the alt texts you wrote for the project showcase covers are really good. Short and evocative. The only thing I wondered if they needed was some mention of the title text. This is something I hadn't considered when I was writing the first couple samples myself, but I found myself missing when reading your descriptions without the images in front of me.
Screenshot of publication cover: a docent gives a tour to a group of schoolchildren inside a museum gallery
Screenshot of publication cover: a docent gives a tour to a group of schoolchildren inside a museum gallery, the publication title, Tour Toolkit, appears in a bold white text overlay"
I don't know. Would be interesting to see if there are best practices about describing book covers.
In general though, when you're writing more alt text for Qurie or for the Rococo catalogue in the future, I think you're on the right track.
I was wondering about that too. I wasn't sure if it was redundant or not. I feel like it somewhat depends on what the screen reader reads out first, the image or the title/book info. I especially struggled with the cover that was all text—the CVA pub.
Come to think of it @audreywarne, the titles of these books aren't actually included on the page. We collected the title_info in the yaml, but we're not displaying it anywhere currently. So maybe the full title would be even more important than a description of the image. Want to do some Googling and see what you can find out? Alt text for book cover images would be a good thing to add to our alt text guide
Here are some more resources I found useful:
https://accessibility.psu.edu/images/alttext/
https://webaim.org/techniques/alttext/#functional
https://www.liba11y.org/howto/better-images
From what I've been reading, it seems like the titles should be the alt-text for the book cover images since they don't appear elsewhere on the page and the primary function of the cover (at least on the project showcase page) is to give the title.