Art, design & a little curiosity
Accessible design ↗

Create useful captions for a design tutorial

Plan and review captions for a short paper-making lesson, including speech, relevant sound, timing, speaker identification, terminology, and unobstructed presentation without assuming automatic transcription is finished work.

An original cut-paper collage study exploring captions for video accessibility.
Cut-paper collage / Original digital study

Represent the lesson's audio information

Captions make a video's audio information available as synchronized text. A design lesson may include spoken instructions, speaker changes, and sounds that explain a process. Automatic transcription can provide a draft, but specialized terms and quiet speech need review. Plan captions as part of the lesson so they support the actual teaching sequence.

Plan timing, speaker, and sound information

Represent the audio information necessary to understand the video, including meaningful non-speech sound. Keep timing close to the relevant moment and identify a speaker when the source would otherwise be unclear. A transcript is useful for other reading tasks, but it does not replace synchronized captions for someone following the action. Separate what the system knows from what the person has actually been told. A technically valid operation can still look unsuccessful when its confirmation is delayed or ambiguous. Describe the state before the action, while work is pending, and after it completes. Then name the information that remains available if the person leaves and returns. These notes become concrete requirements for the eventual implementation.

Caption a fictional paper-folding lesson

Make a fictional thirty-second paper-folding lesson with two speakers and an audible snap indicating a completed crease. Write a caption draft, then review it against the audio. Correct a mistaken tool name and a caption that appears after the demonstrated step. Position the text so it does not cover the important hand movement. Work through the example once without a pointer, once on a narrow screen, and once after an interruption. These passes examine different assumptions; none replaces research with people who use the finished service. Preserve the same task and content across passes so that changes reveal weaknesses in the design rather than unrelated differences in the scenario. Capture each weakness as a specific revision, not a general impression.

Correct errors and preserve visual teaching

If captions repeat an automatic error, the lesson can teach the wrong instruction with apparent authority. If every ambient sound is transcribed, the necessary information can become difficult to follow. If the video explains a visual change without speaking it, captions alone do not solve that separate access need; plan an appropriate visual-information alternative. Distinguish a missing cue from a missing capability. Copy can explain an available recovery path, but it cannot create a recovery path the system lacks. Annotate where the interface needs a different state, a preserved value, or an operational response. Give each case a visible outcome. Otherwise an apparently helpful message may simply send someone around the same unsuccessful loop with more words to read.

Review captions against both audio and action

Review the lesson with audio muted and captions enabled, then check caption accuracy against the audio. Inspect timing and overlap with essential visual content. Keep terminology consistent with the accompanying instructions. This review addresses the caption track; consider the video's visual information, player controls, and other accessibility needs separately before treating the complete lesson as ready.

A worked example

Worked decision

A meaningful snap at the completed crease belongs in the audio-information plan; a caption should not cover the hands demonstrating the next fold.

References & further reading

Examples and exercises in this guide are original teaching scenarios.

Keep following the thread.

More accessible design ↗

Write alt text for artwork in context

Choose image alternatives by the purpose of an artwork image, its surrounding text, and the reader's task, using concise examples without inventing visual details or replacing needed long descriptions.