No alt text on photo galleries

[steffilazerte]

The photo galleries don't have the alt text (as far as I can tell using right-click Inspect Accessibility Properties).

For example: https://ropensci.org/blog/2023/02/27/runiverse-discovering/
Code with alt:

roweb3/content/blog/2023-02-27-runiverse-discovering/index.md

Line 40 in 3764b0a

{{< figureforgallery src="search1.png" alt="Screenshot of r-universe search engine landing page." >}}

[maelle]

Oh right, they're in the source HTML, but they're greyed out when I look at the web developer console.

[maelle]

Adding the alt text doesn't look straightforward https://photoswipe.com/caption/

[maelle]

@jeroen does https://photoswipe.com/caption/ make sense to you, i.e., would you know how to edit the changes added in https://github.com/ropensci/roweb3/pull/487/files so that photo galleries feature alternative text?

[maelle]

@jeroen friendly reminder in case you have time

[jeroen]

I think they are actually there where a screenreader can find them. Try running this in the chrome devtools:

$('figure img').map((x,y) => console.log(y))

Perhaps they get grayed out when the lightbox is opened, but this won't affect a screenreader because the screenreader should not interact with the lightbox. It just reads the page as is.

[yabellini]

After checking with a screen reader user in two different browsers, the screen reader does not find the alt-text. See ropensci-org/blog-guidance#216 for the details.