You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Describe the bug
Embedding a video with an alt-text will be rendered using the structure
<figure>
<video/>
<figcaption>(alt text goes here)</figcaption>
</figure>
Screenreaders handle alt-attributes quite nicely and struggle with the figcaption-Element (which also has a different meaning as the alt-attribute).
The alt-text should go into an alt-attribute at the video-Element.
To Reproduce
Steps to reproduce the behavior:
Post a video with an alt-text
Look at the source code of the post.
Expected behavior
the <video> element should contain the alt-text in the alt-attribute.
Details
Platform: desktop
Platform version: current
App version:
The text was updated successfully, but these errors were encountered:
Hi! I wasn't sure what the correct way to provide alt text for a video is - <video> does not support the alt attribute. Would aria-label be more suitable than a <figcaption>?
Thx, @mozzius for looking into this, much appreciated. I did a little research, and you are right, alt-tag is unfortunately not suitable for the video tag.
There is <track kind="description" sub element as the perfect way to support visually impaired users, but it requires an audio track describing the video - not text.
With css-styling this can be done in a way that does not limit other users (e.g. having a small "ALT" tag that shows the description on click or something).
Other than that I will check with visually impaired people in my bubble if they can refer to perfect examples of videos with screen-reader-compatible textual descriptions in other community driven platforms.
Describe the bug
Embedding a video with an alt-text will be rendered using the structure
Screenreaders handle alt-attributes quite nicely and struggle with the figcaption-Element (which also has a different meaning as the alt-attribute).
The alt-text should go into an alt-attribute at the video-Element.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
the
<video>
element should contain the alt-text in the alt-attribute.Details
The text was updated successfully, but these errors were encountered: