Improve gallery

[maelle]

• I made each div in the gallery (each figure) aria-hidden.
• Along each aria-hidden div I added an sr-only (screenreader only in the Bootstrap version we use) paragraph that says "a picture:" and then the alternative text, plus the caption between parentheses if there is one.

[maelle]

• https://deploy-preview-1065--ropensci.netlify.app/blog/2023/02/27/runiverse-discovering/
• https://deploy-preview-1065--ropensci.netlify.app/blog/2023/11/06/r-universe-stars-finale/
• https://deploy-preview-1065--ropensci.netlify.app/blog/2023/06/21/coworking/
• https://deploy-preview-1065--ropensci.netlify.app/blog/2024/06/12/runiverse-frontend/
• https://deploy-preview-1065--ropensci.netlify.app/blog/2025/01/24/coworking-hackathons/

[maelle]

👋 @LizHareDogs! Would you mind trying https://deploy-preview-1065--ropensci.netlify.app/blog/2023/02/27/runiverse-discovering/ for instance? The pesky divs are aria-hidden, but I wonder if you get all the "sr-only" paragraphs, and whether the text in those is ok. Since the "sr-only" paragraphs are not images I added "A picture" to the text but that might not be the best way to provide context for the alternative text.

Thank you and no hurry!

[LizHareDogs]

Hi maelle I can get to this hopefully Thursday or Friday- if not, over the weekend. I tend to get into rabbit holes describing these things :)

[maelle]

Thank you Liz!

[maelle]

@LizHareDogs just a reminder for when you have time, but really there is no hurry. Thank you!