Overview
Syllabus
00:00:00 This is Why You will Rock Accessibility
00:01:04 Language Selection
00:01:14 Install Code Snippets Trust Me
00:02:21 HTML Tags for Header and Footer Templates
00:04:05 Using Alt-Text or Aria-Labels
00:04:55 Site Logo with Alt-Text and No Aria-Label
00:06:50 Image Logo with Alt-Text and No Aria-Label
00:07:27 SVG/Icon Logo with Alt-Text and an Aria-Label
00:09:53 HTML Heading Tag Hierarchy
00:13:06 Colour Contrast that meets WCAG 2.1 AA
00:17:34 Descriptive Buttons don’t need Aria-Labels
00:18:19 Icon-Only Buttons do need Aria-Labels
00:20:02 Images and Alt-Text Descriptions versus Container BG Images
00:21:24 Do we need Aria-Labels with Add to Cart or Pop-Up Buttons?
00:23:21 You do need Aria-Labels with Icons that have actions
00:24:05 Add a Hidden Tooltip to help navigating the Accordion
00:26:59 Use Labels with Forms
00:27:38 Ensure Videos have Captions and Controls
00:28:32 Add Pause Buttons for Background Videos
00:29:07 Skip to Content doesn’t always work
00:34:58 Bonus Extra Advice about Social Icons
00:35:26 Bonus Extra Focus Styling
00:36:37 Conclusion and Start Thinking Ahead
Taught by
Web Squadron