Do screen readers pick up on text overlaid on a hero video and if so any special tags required? (508 compliant) I am looking to use YouTube to set a looping video without sound and controls with an H1 header overlaid. Any examples online I can follow? Thanks.
I’m not quite sure what you mean by “overlaid”. If you’re talking about a normal
<h1> tag in the HTML which happens to have a video background rather than any other kind of background then yes, a screen reader would read that.
If the video contains information which needs to be conveyed in another form, then my understanding is that a transcript is the preferred method.
I am looking to use YouTube to set a looping video without sound and controls with an H1 header overlaid. Any examples online I can follow? Thanks.
There are other a11y concerns with this, which you’ll need to address if you want 508 compliance.
- Autoplaying videos must have at least a control to stop them: https://www.w3.org/TR/WCAG21/#pause-stop-hide
- Contrast of the
<h1>as it sits on something moving underneath: https://www.w3.org/TR/WCAG21/#contrast-minimum
- If the video has visuals conveying information, a transcript is not enough: https://www.w3.org/TR/WCAG21/#audio-description-or-media-alternative-prerecorded (this is not the same as a transcript, but some people may call a bit of text which additionally described the visuals as a transcript I suppose… but normally that word means “what people said”)
- If the video has no audio, this must still be conveyed to users who cannot hear (to know that there is no audio they are missing). This can either be a single caption (like just [Music]) or text directly underneath the video.
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.