{"id":14208,"date":"2020-10-05T00:00:00","date_gmt":"2020-10-05T00:00:00","guid":{"rendered":"https:\/\/localhost:10083\/uncategorized\/how-to-make-video-content-accessible-en\/"},"modified":"2023-04-24T17:32:34","modified_gmt":"2023-04-24T15:32:34","slug":"video-content-accessible","status":"publish","type":"post","link":"https:\/\/wp-staging.amberscript.com\/en\/blog\/video-content-accessible\/","title":{"rendered":"4 easy ways to make video content accessible to everyone"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\"><strong>Table of content <\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#Current-digital-accessibility-legislation-at-a-glance\"><span style=\"text-decoration: underline;\">Current digital accessibility legislation at a glance<\/span><\/a><\/li>\n\n\n\n<li><a href=\"#making-your-video-content-accessible\"><span style=\"text-decoration: underline;\">Making your video content accessible<\/span><\/a><\/li>\n\n\n\n<li><a href=\"#principles-of-video-accessibility\"><span style=\"text-decoration: underline;\">1. Principles of video accessibility<\/span><\/a><\/li>\n\n\n\n<li><a href=\"#give-preference-to-an-accessible-media-player\">2. Give preference to an Accessible Media Player<\/a><\/li>\n\n\n\n<li><a href=\"#add-captions-to-your-video\"><span style=\"text-decoration: underline;\">3. Add captions to your video<\/span><\/a><\/li>\n\n\n\n<li><a href=\"#add-transcripts-to-your-video\"><span style=\"text-decoration: underline;\">4. Add transcripts to your video<\/span><\/a><\/li>\n<\/ul>\n\n\n\n<p>Digital accessibility is about ensuring that your content is accessible to everyone and ensuring that your information is received. After all, excluding the deaf and hard-of-hearing audience means leaving out 10 -15% of the global population. Those are some big numbers, and are not accounting for those who use screen readers, or are not native speakers in the language of your contents audio. <\/p>\n\n\n\n<p>Unfortunately, making video content accessible is often pushed to the back burner and can be seen as an afterthought to most organizations and content creators. But if you&#8217;re here then that means you&#8217;re on the right track! <\/p>\n\n\n\n<p>We&#8217;ve come up with 7 easy ways to ensure that your video content is accessible to most. But first&#8230;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Current-digital-accessibility-legislation-at-a-glance\"><a href=\"#one\">Current digital accessibility legislation at a glance<\/a><\/h2>\n\n\n\n<p>In the US on October 8, 2010, <a href=\"https:\/\/www.fcc.gov\/consumers\/guides\/21st-century-communications-and-video-accessibility-act-cvaa\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Twenty-First Century Communications and Video Accessibility Act (CVAA)<\/a> went into law. The role of CVAA was to update federal communications law to increase the access of persons with disabilities to modern communications. The CVAA updates accessibility laws enacted in the 1980s and 1990s, so they could comply with 21st-century technologies, including new digital, broadband, and mobile innovations.<\/p>\n\n\n\n<p>The European Union also didn\u2019t leave people with disabilities behind and prepared <a href=\"https:\/\/digital-strategy.ec.europa.eu\/en\/policies\/web-accessibility\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">The Web Accessibility Directive<\/a> (<a href=\"https:\/\/eur-lex.europa.eu\/eli\/dir\/2016\/2102\/oj\" target=\"_blank\" rel=\"noopener\">Directive (EU) 2016\/2102<\/a>). The Directive obliges websites and apps of public sector bodies to meet specific technical accessibility standards. Fulfilling those requirements helps people with disabilities to have better access to websites and mobile apps of public services.<\/p>\n\n\n\n<p>Also, the World Wide Web Consortium (W3C), the organization behind Web Accessibility Initiative (WAI) has prepared <a href=\"https:\/\/www.w3.org\/TR\/WCAG21\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Web Content Accessibility Guidelines (WCAG) 2.1<\/a>, and a guide on how to make media accessible. It helps to figure out which accessibility aspects specific audio or video needs in order to meet accessibility requirements.<\/p>\n\n\n\n<p>Of course, those laws and regulations don\u2019t apply if you are a non-institutional content creator, but it always makes sense to make your video content accessible as much as possible. Creating accessible videos will influence reach and usability. Sadly, the accessibility of produced videos is often overlooked. On a positive note: accessibility doesn&#8217;t have to add significant time or cost, especially when considered from the beginning. Read our guide to find out how to easily incorporate accessibility features into your video content.<\/p>\n\n\n<div class=\"image-block-wrapper\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1080\" height=\"720\" src=\"https:\/\/wp-staging.amberscript.com\/wp-content\/uploads\/2022\/03\/maria-teneva-M4b_usCBIWw-unsplash-1-1080x720.jpg\" alt=\"Two people watching a video with subtitles. The video content is accessible.\" class=\"wp-image-46771\" srcset=\"https:\/\/wp-staging.amberscript.com\/wp-content\/uploads\/2022\/03\/maria-teneva-M4b_usCBIWw-unsplash-1-1080x720.jpg 1080w, https:\/\/wp-staging.amberscript.com\/wp-content\/uploads\/2022\/03\/maria-teneva-M4b_usCBIWw-unsplash-1-640x427.jpg 640w, https:\/\/wp-staging.amberscript.com\/wp-content\/uploads\/2022\/03\/maria-teneva-M4b_usCBIWw-unsplash-1-768x512.jpg 768w, https:\/\/wp-staging.amberscript.com\/wp-content\/uploads\/2022\/03\/maria-teneva-M4b_usCBIWw-unsplash-1-1536x1024.jpg 1536w, https:\/\/wp-staging.amberscript.com\/wp-content\/uploads\/2022\/03\/maria-teneva-M4b_usCBIWw-unsplash-1-2048x1365.jpg 2048w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"making-your-video-content-accessible\">Making your video content accessible<\/h2>\n\n\n\n<p>When it comes to the accessibility of videos, adding subtitles and transcripts will benefit a much larger group. Just as an example, most videos on social media are watched without the audio on. provides people with disabilities with better access to websites and mobile apps of public services.&nbsp;<\/p>\n\n\n\n<p>Here are the main factors you need to check to ensure your video content is accessible for the deaf and hard of hearing.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"principles-of-video-accessibility\"><strong>1. Principles of video accessibility<\/strong><\/h3>\n\n\n\n<p>If you&#8217;re producing a video and you would like to fully adhere to the accessibility guidelines as much as possible, please consider the following points:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Speaker visibility<\/strong><br>Make sure the face of the speaker is visible and has good lighting. Some viewers with auditory disabilities use mouth reading to understand spoken language. When possible, consider this when preparing the setting of the video.<\/li>\n\n\n\n<li><strong>Sign language<\/strong><br>If you plan to include sign language, make sure the frames have enough room at the lower right side to add the sign language overlay without blocking important information.<\/li>\n\n\n\n<li><strong>Colors and contrast<\/strong><br>The text size should be large enough to be easily readable (and should stay on the page long enough to allow readers to follow it). Be conservative on the use of colors \u2013 the background should offer enough contrast and not compromise the visibility of the subtitles.<\/li>\n\n\n\n<li><strong>No flashing content<\/strong><br>Remember the&nbsp;<a href=\"https:\/\/en.wikipedia.org\/wiki\/Denn%C5%8D_Senshi_Porygon\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Pokemon shock incident<\/a>&nbsp;when over 12,000 people in Japan had photosensitive epileptic seizures due to a flashing visual effects in one episode. Flashing content can be dangerous for sensitive viewers so&nbsp;<a href=\"https:\/\/www.w3.org\/WAI\/media\/av\/av-content\/#avoid-causing-seizures--storyboarding-post-production-wcag-a\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">avoid anything that flashes more than 3x per second<\/a>.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"give-preference-to-an-accessible-media-player\"><strong>2. Give preference to an Accessible Media Player<\/strong><\/h3>\n\n\n\n<p>When choosing a video player, it is best to choose from the ones that are fully accessible. Such video players should be compatible with <a href=\"https:\/\/www.w3.org\/WAI\/media\/av\/player\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">WCAG 2.1 media player standards<\/a>, but also <a href=\"https:\/\/www.epa.gov\/accessibility\/what-section-508\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Section 508 of the Rehabilitation Act<\/a>.<\/p>\n\n\n\n<p>Accessible media players have a user interface that works without a mouse, through speech interface, when the page is zoomed larger, and with screen readers. For example, media players need to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Provide keyboard support<\/li>\n\n\n\n<li>Make the keyboard focus indicator visible<\/li>\n\n\n\n<li>Provide clear labels<\/li>\n\n\n\n<li>Have sufficient contrast between colors for text, controls, and backgrounds<\/li>\n\n\n\n<li>Incorporate accessibility features like captioning and audio descriptions.<\/li>\n\n\n\n<li>Offer speech recognition so viewers can use voice commands to play, pause the video.<\/li>\n<\/ul>\n\n\n\n<p>Here is a list of <a href=\"https:\/\/digital.gov\/2014\/06\/30\/508-accessible-videos-use-a-508-compliant-video-player\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">508-compliant video players<\/a>, among them, Kaltura and JW Player. <a href=\"https:\/\/kensgists.github.io\/apt\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">This list<\/a> contains a more detailed accessibility comparison of web-based media players.<\/p>\n\n\n\n<p>After picking a video player, do not allow autoplay mode. Users should be able to start and stop the video whenever they want.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"add-captions-to-your-video\"><strong>3. Add captions to your video<\/strong><\/h3>\n\n\n\n<p>Captions for videos created for digital accessibility should follow the WCAG standards. This is mandatory in cases such as public institutions in Europe.<\/p>\n\n\n\n\n\n\n<p>In summary, captions are different than standard subtitles as they should include contextual information besides the dialogue (i.e. phone ringing, capital letters to represent someone screaming, etc.).<\/p>\n\n\n\n<p><strong>Here is a quick list to follow when creating captions for the deaf and hard of hearing:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Timestamps for captions should match the sound;<\/li>\n\n\n\n<li>All the important information should be captured in the captions: descriptive sounds, lyrics of songs, etc.;<\/li>\n\n\n\n<li>Stay on the screen long enough to be read;<\/li>\n\n\n\n<li>Enough contrast between the color of the text and the background;<\/li>\n\n\n\n<li>No pauses without captions<\/li>\n\n\n\n<li>Speaker identification<\/li>\n<\/ul>\n\n\n\n\n\n<div class=\"single-block\">\n\t<div class=\"grid-x\">\n\t\t<div class=\"cell large-11\">\n\t\t\t<div class=\"single single-banner background purple\">\n\t\t\t\t<div class=\"grid-x align-middle\">\n\t\t\t\t\t<div class=\"cell large-3 text-center\">\n\t\t\t\t\t\t<div class=\"grid-x align-center align-middle\">\n                \t\t\t\t\t\t\t\t\t<div class=\"cell large-12\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wp-staging.amberscript.com\/wp-content\/uploads\/2021\/01\/cover-image.svg\" alt=\"Icona dell'interfaccia del sito web di Amberscript\"\n\t\t\t\t\t\t\t\t\t\t\t\t style=\"width: 250px; max-height: none\"\/>\n\t\t\t\t\t\t\t\t\t<\/div>\n                \t\t\t\t\t\t\t<div class=\"cell large-12\">\n\n                  \t\t\t\t\t\t\t\t\t\t<a class=\"button theme-background-secondary\" data-offset=\"200\" href=\"https:\/\/wp-staging.amberscript.com\/en\/request-quote\/\" target=\"_blank\" data-smooth-scroll>Request a quote<\/a>\n                  \n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"cell large-8 large-offset-1\">\n\t\t\t\t\t\t<h3>Transform your audio and<br><br \/>\r\nvideo to text and subtitles<\/h3>\n              \t\t\t\t\t\t\t\t<div class=\"theme-color-primary\">\n                    <ul>\n<li>High accurate, on demand service<\/li>\n<li>Competitive pricing with the fastest turnaround using AI<\/li>\n<li>Upload, search edit and export with ease.<\/li>\n<\/ul>\n\t\t\t\t\t\t\t\t<\/div>\n              \t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\" id=\"add-transcripts-to-your-video\"><strong>4. Add transcripts to your video<\/strong><\/h3>\n\n\n\n<p>Transcripts are a great way to allow users with hearing disabilities to follow video and audio content.<br>As is the case with captions, it is also a requirement for public institutions in Europe to adhere to digital accessibility guidelines.<\/p>\n\n\n\n<p><strong>You have different options to generate transcripts from your audio or video file:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Transcribing your audio to text manually<\/li>\n\n\n\n<li>Have a company make your transcriptions<\/li>\n\n\n\n<li>Use an automated transcription service<\/li>\n<\/ul>\n\n\n\n","protected":false},"excerpt":{"rendered":"<p><b>How to make video content accessible<b><\/p>\n<p> Video is the most popular web content out there, have you considered how to make it accessible to the deaf and the hard of hearing?  <\/p>\n","protected":false},"author":70,"featured_media":14209,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[45],"tags":[99],"class_list":["post-14208","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-digital-accessibility"],"acf":{"text":"","link":"","questions":""},"_links":{"self":[{"href":"https:\/\/wp-staging.amberscript.com\/en\/wp-json\/wp\/v2\/posts\/14208","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp-staging.amberscript.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp-staging.amberscript.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp-staging.amberscript.com\/en\/wp-json\/wp\/v2\/users\/70"}],"replies":[{"embeddable":true,"href":"https:\/\/wp-staging.amberscript.com\/en\/wp-json\/wp\/v2\/comments?post=14208"}],"version-history":[{"count":0,"href":"https:\/\/wp-staging.amberscript.com\/en\/wp-json\/wp\/v2\/posts\/14208\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp-staging.amberscript.com\/en\/wp-json\/wp\/v2\/media\/14209"}],"wp:attachment":[{"href":"https:\/\/wp-staging.amberscript.com\/en\/wp-json\/wp\/v2\/media?parent=14208"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp-staging.amberscript.com\/en\/wp-json\/wp\/v2\/categories?post=14208"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp-staging.amberscript.com\/en\/wp-json\/wp\/v2\/tags?post=14208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}