HTML5 Video Element — Alternative Text - Stack Overflow

Just browsing Stack Overflow? Help us improve your experience. Sign up for research
    1. Home
    2. Questions
    3. Tags
    4. Users
    5. Companies
    6. Labs
    7. Jobs
    8. Discussions
    9. Collectives
    10. Communities for your favorite technologies. Explore all Collectives

  1. Teams

    Ask questions, find answers and collaborate at work with Stack Overflow for Teams.

    Try Teams for free Explore Teams
  2. Teams
  3. Ask questions, find answers and collaborate at work with Stack Overflow for Teams. Explore Teams

Collectives™ on Stack Overflow

Find centralized, trusted content and collaborate around the technologies you use most.

Learn more about Collectives

Teams

Q&A for work

Connect and share knowledge within a single location that is structured and easy to search.

Learn more about Teams

Get early access and see previews of new features.

Learn more about Labs HTML5 video element — alternative text Ask Question Asked 9 years, 3 months ago Modified 10 months ago Viewed 18k times 13

Unlike the img element, the video element doesn’t include an alt attribute for missing or inaccessible content. It seems to me that video is more likely to cause loading or accessibility problems than the humble image.

The note in the W3C Document Doesn’t make make clear a simple alternative.

Is there a recommended procedure for providing a suitable alternative text, or, say a link to a transcript?

Share Improve this question Follow asked Aug 20, 2015 at 22:08 Manngo's user avatar ManngoManngo 16k13 gold badges101 silver badges140 bronze badges 1
  • 1 have you looked at adding ARIA attributes to the content, and using javascript handlers to trap any loading errors – Offbeatmammal Commented Aug 21, 2015 at 1:47
Add a comment |

1 Answer 1

Sorted by: Reset to default Highest score (default) Trending (recent votes count more) Date modified (newest first) Date created (oldest first) 4

As you pointed out, the tag <video> doesn't have an alt attribute.

I have two ideas to satisfy at least in part this need.

1) Adding a paragraph inside the <video> tag

<video> <source src="my-video-path.mp4" type="video/mp4"> <p>Description of the video...</p> </video>

2) Adding schema data

<video itemscope itemtype="http://schema.org/VideoObject"> <source src="my-video-path.mp4" type="video/mp4"> <meta itemprop="name" content="Name of the video"> <meta itemprop="description" content="Description of the video..."> <meta itemprop="duration" content="PT1M33S"> <meta itemprop="thumbnail" content="my-video-thumbnail-path.jpg"> </video> Share Improve this answer Follow edited Jan 17 at 9:39 ixany's user avatar ixany 5,9909 gold badges51 silver badges71 bronze badges answered Aug 27, 2020 at 10:38 Marco Panichi's user avatar Marco PanichiMarco Panichi 1,1791 gold badge20 silver badges31 bronze badges 1
  • 7 Any non-<source> and non-<track> content inside the <video> tag should only be a replacement for the video and not supplemental to it — it’s only intended for browsers that don’t support the video element. (kindof like <noscript>.) The spec even says “this content is not intended to address accessibility concerns.” – chharvey Commented May 25, 2023 at 21:03
Add a comment |

Your Answer

Reminder: Answers generated by artificial intelligence tools are not allowed on Stack Overflow. Learn more

Thanks for contributing an answer to Stack Overflow!

  • Please be sure to answer the question. Provide details and share your research!

But avoid …

  • Asking for help, clarification, or responding to other answers.
  • Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

Draft saved Draft discarded

Sign up or log in

Sign up using Google Sign up using Email and Password Submit

Post as a guest

Name Email

Required, but never shown

Post Your Answer Discard

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.

  • The Overflow Blog
  • The app that fights for your data privacy rights
  • Your docs are your infrastructure
  • Featured on Meta
  • More network sites to see advertising test
  • We’re (finally!) going to the cloud!
  • Call for testers for an early access release of a Stack Overflow extension...
2 HTML 5 Video Tag 1 Dynamic Text in HTML5 Video 9 HTML5 video: possible to place regular html content over video 2 video tag of html5 1 html 5 video element 0 Video element in HTML5 41 Add text above HTML5 Video 0 Video element in JavaScript 3 Add text to play button in Video.js 0 H1 Text Above HTML5 Video

Hot Network Questions

  • Getting into a 2008 passat with a dead battery and the extra fob key isnt working
  • TNG episode- Dr. Pulaski instructs another doctor on a sling
  • Spellcheck I Before E
  • Quantum entanglement explained by non-local hidden variables when photons are not the propagators of information?
  • Plotting wavy curve in Mathematica
  • An idiom similar to 'canary' or 'litmus test' that expresses the trend or direction a thing is pointed
  • How to show that the square root of a matrix is concave?
  • Are "Albergues de peregrinos" typically restricted to pilgrims?
  • Unexpected behavior in ParametricPlot
  • Advantages of information criteria over cross-validation
  • Is the A321 XLR really necessary to fly MAD-BOS?
  • Why don't routers answer ARP requests for IP addresses they can handle even if they aren't assigned that IP address themselves?
  • Study("somewhere")
  • A new command for hanging indentation works in LaTeX but not in Pandoc for some reason
  • Did renaissance actors learn their parts by heart?
  • TeXbook - Chapter 12: Glue - Exercise 12.8/12.12
  • H-bridge transistors are too hot
  • What if someone comits murder when they are younger but weren't caught till they got a mental disease like dementia?
  • what is + symbol?
  • How can I solve my equation with the best numerical precision?
  • How to attribute authorship to personal non-academic friend who made significant contributions
  • Do longer papers have lower chances of being accepted because they take up more "space" in a journal issue (STEM)
  • Is my "escaping" wrong - or is it something else?
  • Generator breaker trips when hooked up for backfeed
more hot questions Question feed Subscribe to RSS Question feed

To subscribe to this RSS feed, copy and paste this URL into your RSS reader.

lang-html

Từ khóa » Html5 Video Alt Attribute