Forum Discussion
Implementation of FIGURE element does not seem correct
I think I may have come across/reported this before. I'm testing some Rise content for accessibility, and have found images that have a caption defined will always read the caption twice. The issue appears to be because the caption is also used to label the <figure> container using the aria-labelledby attribute.
If we have the following (regular implementation):
<figure>
<img src="https://interactive-examples.mdn.mozilla.net/media/cc0-images/elephant-660-480.jpg" alt="" />
<figcaption>An elephant at sunset, example 1</figcaption>
</figure>
The screen reader will read this as: "Has details, an elephant at sunset, example 2"
If we use the Rise implementation, using aria-labelledby:
<figure aria-labelledby="id1">
<img src="https://interactive-examples.mdn.mozilla.net/media/cc0-images/elephant-660-480.jpg" alt="" />
<figcaption id="id1">An elephant at sunset, example 2</figcaption>
</figure>
The screen reader will read this as: "Group start, an elephant at sunset, example 2. Has details, an elephant at sunset, example 2."
Due to the aria-labelledby, we get a double up of the same caption. As seen in this short demo.
- SamHillSuper Hero
FYI, found an old post I made. The engineer response was that it is to support a wide range of screen readers.
Are you able to let me know which screen readers don't support the <figcaption> as I can help by tracking any future changes with that, so we can get rid of that duplication as soon as possible?
- joanrussellCommunity Member
Any resolution on "group start" repeating? This I think has been happening since January / February 2024 with some enhancement to group start? JAWS is a standard and premier reader and learners are now saying Rise is not accessible. If you have a resolution either on the Rise side or JAWS side, I would be interested in learning it.
Thank you for reaching out about this, joanrussell. I have shared your message with our Support Engineers so that they can take a closer look. They'll be reaching out shortly via email.
Hope that you have a great afternoon!