“Go beyond…” & CodePen Resource Links
This page contains all of the “Go beyond” resource links, as well as all links to all video content, that you encountered during the “Accessibility Concepts for Marketing & Content Creators” training module.
Use of Color for Meaning
- WCAG 1.4.1: Use of Color
- Wikipedia: Color Blindness
- How to Use Color Blind Friendly Palettes to Make Your Charts Accessible
- Colorsafe.co Color Palette Builder
- Accessible Color Palette Builder
Color Contrast – Text
- Accessible Web’s Color Contrast Checker
- WCAG | Understanding Success Criterion 1.4.3: Contrast (Minimum)
- MDN Web Docs: Color Contrast
- Accessible Web Knowledge Base: Color Contrast
Color Contrast – Graphics
Sensory Characteristics
- WCAG | Understanding Success Criterion 1.3.3: Sensory Characteristics
- CSUN Universal Design Center: Color & Sensory Characteristics
Headings
Text Alternatives for Images
- WCAG 1.1.1: Non-Text Content
- W3C Image Concepts Tutorial
- Quick A11Y Tip: Empty Alt Attributes for Decorative Images CodePen
Images of Text
- WCAG 1.4.5: Images of Text
- Easy Ways to Make Social Media Posts Accessible | Accessible Web
- W3C Images of Text Tutorial
Complex Images
Videos: Captions
- WCAG 1.2.2: Captions (Prerecorded)
- Assistive Technology Focus: Captioning, Transcripts & Audio Descriptions | Accessible Web
- Adding Captions to YouTube Videos | Google Help
Videos: Transcripts
Videos: Audio Descriptions
- WCAG 1.2.3: Audio Description or Media Alternative (Prerecorded)
- How do I add audio descriptions to YouTube or Vimeo Videos? | Accessible Web
- What is an audio description? | Accessible Web
- W3C Audio Description Help Guide
Text Alternatives for Audio-Only and Video-Only Content
- WCAG 1.2.1: Audio-only and Video-only (Prerecorded)
- W3C’s Transcribing Audio to Text Guide
- W3C’s Transcript Guide