Cloudinary Blog

Rendering Video Accessible to a Diverse Audience

By
Enhancing Video Accessibility for Global Outreach

“Holistic accessibility … provide[s] people with disabilities the best chance to achieve equality.” — Sheri Byrne-Haber


As digital technology advances, video is gaining popularity across industries, replete with entertaining, engaging, and coherent content. All too often, however, not everyone can access it for various reasons.

Built-in accessibility for video, which means enabling people of various auditory, movement, sight, and cognitive abilities to understand and enjoy it, is essential for maximizing your channel’s growth potential. This article suggests ways in which to make video accessible to the disabled so that your brand can reach the broadest possible audience while embracing inclusivity.

WCAG and Other Best Practices

An excellent point of reference is the two-decade-plus-old Web Content Accessibility Guidelines (WCAG), which offer the following:

  • Pointers for determining the accessibility aspects of your video content.
  • Precise technical specifications and management guidance for content creators.
  • Tips for building a better and more unifying standard that directly benefits viewers with accessibility issues.

Many media platforms, including Cloudinary, have adopted WCAG while advocating the creation of engaging visual experiences.

Below are WCAG’s five main considerations for planning, recording, storyboarding, scripting, and producing video and audio.

Avoid Causing Seizures

When storyboarding, take into account viewers with epilepsy, i.e., those with photosensitivity seizure disorders who could suffer convulsions while watching video that flashes at certain frequencies for rendering. Eliminate content that flickers more than three times within one second over any area of the screen.

Consider Speaker Visibility

Many people derive an understanding of speech by watching mouth movements. So, where feasible, ensure that the face of whoever is talking is visible and in plenty of light. That technique can also sharpen receptive communication skills since gestures can transmit messages soundlessly.

Ensure Readability of Overlay Text

Make overlay text readable for the audience by heeding the font family, size, and contrast between the text and background colors. That way, those with moderately low vision can read it.

Keep in mind that people with low vision often cannot read text that does not contrast with its background. A contrast ratio of 4.5:1 is the minimum standard for regular text; 3:1, for large text, which is at least 14-point bolded and 18-point unbolded.

Incorporate Sign Language

Sign language, the native tongue of many people who are deaf or hard of hearing, is usually displayed as an overlay in the bottom right corner of videos. Add sign-language overlays to your videos to enhance accessibility. Also, place important information where it’s not obstructed by those overlays.

Sign-language overlays are invaluable for people with difficulties reading the written word—especially at the speeds at which most captions play. Others prefer to view captions and watch sign language simultaneously.

Add Audio Descriptions

Audio descriptions of visual information can be extremely helpful for vision-impaired or blind people. Make the narration clear, coherent, and easy to follow.

Other Enhancements

The above five guidelines are the minimum requirements for accessible content. You should also incorporate the other enhancements below, which would benefit all viewers.

Provide Full Transcripts

Full transcripts, which include a description of the visual information required for understanding the video content, aim to meet a wide range of needs. As a rule, those documents are of great help to viewers who have trouble watching full-length videos, those who are hard of hearing or blind, and those who access web content on screen readers.

Creating transcripts from caption files is easy with basic web skills and the appropriate tools. Cloudinary’s Google AI Video Transcription add-on is an effective one for generating transcripts and, from there, subtitles.

Add Captions and Subtitles

Individuals who find it easier to process written information than the spoken word, including those with hearing disabilities or cognitive impairments, often read captions while watching video. Captions are also handy in a loud environment that renders the video inaudible and in quiet surroundings where the viewers want to avoid disturbing others.

Hence, captions or subtitles are essential for video accessibility. Captions offer content in the same language as the audio; subtitles, in other languages than the audio. You can generate both with Cloudinary through automation.

Make Available a Keyboard

Did you know that most media players offer few capabilities that support accessibility? Ensure that your site or app leverages a compliant media player.

The user interface of accessible media players works through a speech interface after the viewer has zoomed into the page with a screen reader—without a mouse device. Therefore, media players must offer keyboard features for accessibility: playing, pausing, muting, and unmuting content through keystrokes, also cluing viewers in on those options.

Workarounds for Visual Impairments

Accessible video means that the content is reachable, operable, and robust for viewers who employ various assistive techniques and technologies. This section explains the challenges of visual impairments and the ways to overcome them.

Address Low Vision

People with low vision cannot see clearly—a disability that glasses or surgery cannot correct but that can usually be rectified with screen magnification and zoom tools. Your video must not lose content or functionality when viewed with magnification technology.

Tackle Color Blindness

Color-blind viewers cannot differentiate certain color combinations. Handling that problem does not mean that you should eliminate colors from your video, for they usually enhance the user experience, convey crucial information, or furnish entertainment. Rather, to accommodate the color-blind audience, supplement your video content at a minimum with text or captions that convey the same details.

The Essential Role of Accessibility

Besides playing a vital role in inclusion and engagement with people of all abilities, accessibility of video content also benefits them by offering more options for consuming footage.

Remember to also render supporting materials like titles, descriptions, tags, and other metadata accessible. While designing or filming content, keep all potential audiences in mind and adopt assistive technologies to serve them well.

For details on how to make video more accessible and deliver captivating media experiences, visit www.cloudinary.com.

Recent Blog Posts

Our $2B Valuation

By
Blackstone Growth Invests in Cloudinary

When we started our journey in 2012, we were looking to improve our lives as developers by making it easier for us to handle the arduous tasks of handling images and videos in our code. That initial line of developer code has evolved into a full suite of media experience solutions driven by a mission that gradually revealed itself over the course of the past 10 years: help companies unleash the full potential of their media to create the most engaging visual experiences.

Read more
Direct-to-Consumer E-Commerce Requires Compelling Visual Experiences

When brands like you adopt a direct–to-consumer (DTC) e-commerce approach with no involvement of retailers or marketplaces, you gain direct and timely insight into evolving shopping behaviors. Accordingly, you can accommodate shoppers’ preferences by continually adjusting your product offering and interspersing the shopping journey with moments of excitement and intrigue. Opportunities abound for you to cultivate engaging customer relationships.

Read more
Automatically Translating Videos for an International Audience

No matter your business focus—public service, B2B integration, recruitment—multimedia, in particular video, is remarkably effective in communicating with the audience. Before, making video accessible to diverse viewers involved tasks galore, such as eliciting the service of production studios to manually dub, transcribe, and add subtitles. Those operations were costly and slow, especially for globally destined content.

Read more
Cloudinary Helps Minted Manage Its Image-Generation Pipeline at Scale

Shoppers return time and again to Minted’s global online community of independent artists and designers because they know they can count on unique, statement-making products of the highest quality there. Concurrently, the visual imagery on Minted.com must do justice to the designs into which the creators have poured their hearts and souls. For Minted’s VP of Engineering David Lien, “Because we are a premium brand, we need to ensure that every single one of our product images matches the selected configuration exactly. For example, if you pick an 18x24 art print on blue canvas, we will show that exact combination on the hero images in the PDF.”

Read more
Highlights on ImageCon 2021 and a Preview of ImageCon 2022

New year, same trend! Visual media will continue to play a monumental role in driving online conversions. To keep up with visual-experience trends and best practices, Cloudinary holds an annual conference called ImageCon, a one-of-a-kind event that helps attendees create the most engaging visual experiences possible.

Read more