Completed
00:00:00 This is Why You will Rock Accessibility
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
How to Make Your Website Accessible
Automatically move to the next video in the Classroom when playback concludes
- 1 00:00:00 This is Why You will Rock Accessibility
- 2 00:01:04 Language Selection
- 3 00:01:14 Install Code Snippets Trust Me
- 4 00:02:21 HTML Tags for Header and Footer Templates
- 5 00:04:05 Using Alt-Text or Aria-Labels
- 6 00:04:55 Site Logo with Alt-Text and No Aria-Label
- 7 00:06:50 Image Logo with Alt-Text and No Aria-Label
- 8 00:07:27 SVG/Icon Logo with Alt-Text and an Aria-Label
- 9 00:09:53 HTML Heading Tag Hierarchy
- 10 00:13:06 Colour Contrast that meets WCAG 2.1 AA
- 11 00:17:34 Descriptive Buttons don’t need Aria-Labels
- 12 00:18:19 Icon-Only Buttons do need Aria-Labels
- 13 00:20:02 Images and Alt-Text Descriptions versus Container BG Images
- 14 00:21:24 Do we need Aria-Labels with Add to Cart or Pop-Up Buttons?
- 15 00:23:21 You do need Aria-Labels with Icons that have actions
- 16 00:24:05 Add a Hidden Tooltip to help navigating the Accordion
- 17 00:26:59 Use Labels with Forms
- 18 00:27:38 Ensure Videos have Captions and Controls
- 19 00:28:32 Add Pause Buttons for Background Videos
- 20 00:29:07 Skip to Content doesn’t always work
- 21 00:34:58 Bonus Extra Advice about Social Icons
- 22 00:35:26 Bonus Extra Focus Styling
- 23 00:36:37 Conclusion and Start Thinking Ahead
