multimedia-accessibility

Name: multimedia-accessibility
Author: Owl-Listener

82stars25forks

How to install multimedia-accessibility?

owl-listener/inclusive-design-skills/multimedia-accessibility

$npx -y skills add Owl-Listener/inclusive-design-skills --skill multimedia-accessibility

Installs into the current project.

Summary

Design accessible video, audio, and multimedia content with captions, transcripts, and audio descriptions. Use when creating or reviewing video, audio, podcasts, webinars, animations, or any time-based media. Triggers on: captions, subtitles, transcript, audio description, video

Files · 1

View on GitHub

SKILL.md

1	# Multimedia Accessibility
2
3	Design multimedia content that can be consumed by people who can't
4	hear the audio, can't see the video, or can't process both at once.
5
6	## Core Principle
7
8	Every piece of information conveyed through one sense must also be
9	available through another. Audio content needs a visual equivalent.
10	Visual content needs an audio or text equivalent.
11
12	## Captions
13
14	### What Captions Include
15	- All spoken dialogue, attributed to the speaker
16	- Relevant sound effects: [door slams], [phone rings], [laughter]
17	- Music that conveys mood or meaning: [upbeat music], [tense score]
18	- Off-screen sounds that matter: [footsteps approaching]
19
20	### Caption Quality
21	- Synchronised with speech (within 1 second)
22	- Minimum 1 second display time, maximum 2 lines
23	- No more than 32 characters per line for readability
24	- Proper punctuation and grammar — not auto-generated without review
25	- Speaker identification when multiple speakers are present
26
27	### Auto-Captions Are Not Enough
28	- Auto-generated captions typically have 80–85% accuracy
29	- That means 1 in 5 or 6 words is wrong
30	- Always review and correct auto-captions
31	- Names, technical terms, and accented speech fail most often
32
33	## Transcripts
34
35	### When to Provide
36	- Every audio-only file (podcast, voice memo, audio article)
37	- Every video (as a complement to captions)
38	- Transcripts serve people who are deaf, hard of hearing, or who
39	prefer reading to watching/listening
40
41	### What Transcripts Include
42	- All spoken content with speaker labels
43	- Descriptions of relevant visual content (for video transcripts)
44	- Relevant sound effects and music cues
45	- Timestamps for longer content (helps navigation)
46
47	### Transcript Placement
48	- Link directly below or beside the media player
49	- Label clearly: "Read the full transcript"
50	- Don't hide behind multiple clicks
51	- Make transcripts searchable
52
53	## Audio Descriptions
54
55	### When to Provide
56	- When video content conveys important visual information that
57	isn't in the dialogue
58	- Presentations where speakers reference slides or visuals
59	- Tutorials that demonstrate visual actions
60
61	### What to Describe
62	- On-screen text not read aloud
63	- Actions and gestures that carry meaning
64	- Scene changes and visual context
65	- Charts, graphs, and visual data shown on screen
66
67	### How to Describe
68	- Fit descriptions into natural pauses in dialogue
69	- Be concise — describe what matters, not everything visible
70	- For dense visual content: provide an extended audio description
71	version where the video pauses for description
72
73	## Media Player Requirements
74
75	- Keyboard-accessible play, pause, stop, volume, and seek controls
76	- Visible captions toggle
77	- Speed controls (0.5x to 2x) — essential for cognitive accessibility
78	- Volume control independent of system volume
79	- No autoplay — let the user choose when to start
80	- Visible progress bar with time display
81
82	## Assessment Questions
83
84	1. Does every video have accurate, synchronised captions?
85	2. Does every audio file have a transcript?
86	3. Are auto-captions reviewed and corrected?
87	4. Is important visual information audio-described?
88	5. Is the media player fully keyboard accessible?
89	6. Is autoplay disabled?

People who liked this also viewed

6 picks

Type

multimedia-accessibility

82stars25forks

View on GitHub

How to install multimedia-accessibility?

owl-listener/inclusive-design-skills/multimedia-accessibility

$npx -y skills add Owl-Listener/inclusive-design-skills --skill multimedia-accessibility

Installs into the current project.

Summary

Files · 1

View on GitHub

SKILL.md

1	# Multimedia Accessibility
2
3	Design multimedia content that can be consumed by people who can't
4	hear the audio, can't see the video, or can't process both at once.
5
6	## Core Principle
7
8	Every piece of information conveyed through one sense must also be
9	available through another. Audio content needs a visual equivalent.
10	Visual content needs an audio or text equivalent.
11
12	## Captions
13
14	### What Captions Include
15	- All spoken dialogue, attributed to the speaker
16	- Relevant sound effects: [door slams], [phone rings], [laughter]
17	- Music that conveys mood or meaning: [upbeat music], [tense score]
18	- Off-screen sounds that matter: [footsteps approaching]
19
20	### Caption Quality
21	- Synchronised with speech (within 1 second)
22	- Minimum 1 second display time, maximum 2 lines
23	- No more than 32 characters per line for readability
24	- Proper punctuation and grammar — not auto-generated without review
25	- Speaker identification when multiple speakers are present
26
27	### Auto-Captions Are Not Enough
28	- Auto-generated captions typically have 80–85% accuracy
29	- That means 1 in 5 or 6 words is wrong
30	- Always review and correct auto-captions
31	- Names, technical terms, and accented speech fail most often
32
33	## Transcripts
34
35	### When to Provide
36	- Every audio-only file (podcast, voice memo, audio article)
37	- Every video (as a complement to captions)
38	- Transcripts serve people who are deaf, hard of hearing, or who
39	prefer reading to watching/listening
40
41	### What Transcripts Include
42	- All spoken content with speaker labels
43	- Descriptions of relevant visual content (for video transcripts)
44	- Relevant sound effects and music cues
45	- Timestamps for longer content (helps navigation)
46
47	### Transcript Placement
48	- Link directly below or beside the media player
49	- Label clearly: "Read the full transcript"
50	- Don't hide behind multiple clicks
51	- Make transcripts searchable
52
53	## Audio Descriptions
54
55	### When to Provide
56	- When video content conveys important visual information that
57	isn't in the dialogue
58	- Presentations where speakers reference slides or visuals
59	- Tutorials that demonstrate visual actions
60
61	### What to Describe
62	- On-screen text not read aloud
63	- Actions and gestures that carry meaning
64	- Scene changes and visual context
65	- Charts, graphs, and visual data shown on screen
66
67	### How to Describe
68	- Fit descriptions into natural pauses in dialogue
69	- Be concise — describe what matters, not everything visible
70	- For dense visual content: provide an extended audio description
71	version where the video pauses for description
72
73	## Media Player Requirements
74
75	- Keyboard-accessible play, pause, stop, volume, and seek controls
76	- Visible captions toggle
77	- Speed controls (0.5x to 2x) — essential for cognitive accessibility
78	- Volume control independent of system volume
79	- No autoplay — let the user choose when to start
80	- Visible progress bar with time display
81
82	## Assessment Questions
83
84	1. Does every video have accurate, synchronised captions?
85	2. Does every audio file have a transcript?
86	3. Are auto-captions reviewed and corrected?
87	4. Is important visual information audio-described?
88	5. Is the media player fully keyboard accessible?
89	6. Is autoplay disabled?

People who liked this also viewed

6 picks

Type