Gallery Accessibility

Hello,

Previously you worked on improving accessibility for the Carousel and Image Viewer galleries in response to an earlier thread I submitted. Thank you for working on making this plugin more accessible!

My team did another check on gallery options your plugin provides to make sure that the previously mentioned accessibility concerns were resolved since the ticket was closed before the release and we wanted to see if anything else arose in that follow-up check that would prevent us from being able to continue to use FooGallery.

I wanted to forward on my team’s findings on some things that still need resolution. Our websites still must be WCAG 2.1 AA compliant and by relation the plugins we use must also be complaint for us to be able to continue to use them. There were still a few things flagged by tools we have been using for checking accessibility (WAVE plugin for chrome, NVDA, etc.).

Existing Accessibility Concerns:

• We are seeing caption text color get darker on hover in the masonry layout. This would seem to indicate a link, but none is present. This could cause similar user confusion to the previous issue (that thanks to your team is now fixed) where a pointer was showing when users hovered over captions.
• Focus indicators are missing on the image viewer previous and next buttons. A 2px solid black border on focus would resolve this concern.
• Focus indicators are also missing on carousel pagination “buttons” (the round interactable dots). Similar to the above missing focus indicator a 2px solid black border on focus would resolve this concern. We could hide the pagination buttons, but it would be nice to show them so users have an idea of how many images are in the carousel. There are focus indicators on carousel arrows which is good (thank you for fixing this).
• WAVE flags an error for images with no alt text in the masonry and justified galleries. This is because all masonry images are “linked” images (even when there is no href), implying a function.
  • The wrapping <a></a> tags get flagged as this being viewed as an interactive element even if an image might be considered decorative and alt text is not being used.
  • When using the NVDA screen reader, images in the justified gallery are read as “Figure link” and “linked caption” before reading captions as well which could be confusing even when links are turned off in the settings for this gallery type.
• The Image Viewer gallery’s “# of #” text for indicating pagination in the gallery has an orphaned form label alert from WAVE. Previous and next buttons have a redundant title text alert.
  • A side note: It seems important to enable “loop images” in the image viewer general settings. Otherwise, for example, the previous button is presented as an interactive element but is not actually interactive at image “1 of X”.

Are these additional items something the FooGallery team would be open to looking into and remediating in a future release?