Completed
00:21:24 Do we need Aria-Labels with Add to Cart or Pop-Up Buttons?
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
