#Html5 video caption maker how to#
#Html5 video caption maker series#

It’s also a way to include some non-speech elements which are important for representation of a concept or idea. Accessible VideoĬlosed and open captions, subtitles and descriptions are accessibility features that make video available for people who need a transcript of spoken text. A color contrast checker helps to define whether your text is viewable and “consumable” on the screen. An accessible text has to have a ratio of 4.5:1 for a normal text (ca.14 point) and 3:1 for a “large text” (18 point). When it comes to accessible on-screen text, we need to comply with the WCAG 2.0 color contrast ratio.

#Html5 video caption maker how to#

They also provide great results namely, your content gets better and you see how to develop it further.

These are very robust tools that will allow you to see what’s under the hood of HTML5 and other content solutions. Some of them can be are just add-ins for Chrome or Mozilla Firefox. There are also a number of external tools for checking accessibility: for instance, Achecker, FAE (Functional Accessibility Evaluator), and WebAIM Color Contrast Checker. If you use Office 365, checking accessibility is a few steps shorter. In the drop-down list, select Check Accessibility. Just click File → Info and select the Check for Issues button. Microsoft also provides an Accessibility checker, which is built into PowerPoint.

Follow the link to see more Microsoft tips. It’s vital to pay attention to colors, slide structure (header, body text of a slide), built-in tables, attached videos, etc. Double-check your links for meaningful text or correct HTTP addresses and see if your font is large enough and readable. Make sure you adjust the tabbing or screen reading order in the selection pane. You can use alt text and built-in layouts for images. It’s very convenient to prepare slides for your courses in PPT, since Microsoft itself offers ways to make your PowerPoint accessible for stakeholders, SMEs or learners.

Here you can find out how to meet WCAG 2.0 requirements. Usually, what we aim for is the AA standard, to make sure the content is consumable, operable in general, and adapted for those who are visually or hearing impaired. The World Wide Web Consortium distinguishes three levels of WCAG accessibility: A, AA and AAA. Since S508 received a major update, these two standards have become more or less equal. Until recently, S508, a US federal government standard, was less stringent than WCAG 2.0. When talking about accessibility, there are 2 standards to consider: Section 508 and WCAG 2.0 (Web Content Accessibility Guidelines). Watch the recording or skip to the article if you prefer reading.Īccessibility requirements for e-Learning Let’s focus on accessibility requirements and find out what it takes to boost PPT and audio/video files’ accessibility, how to make your content mobile ready, and what tools to use. In this lesson, we’ll look at ways we can polish up what we’ve previously done. If you’re new to this series, it’s better to start from the first lesson.

#Html5 video caption maker series#

Michael Sheyahshe, an artist, author, developer, and technologist at alterNative Media, presents a whole series of 10 lessons on making e‑Learning cool: “How To Create Great e-Learning Content From A To Z.”