Overview
Dive into a comprehensive tutorial on web accessibility, spanning 1 hour and 33 minutes. Master the art of writing accessible HTML through hands-on coding challenges. Explore crucial topics such as understanding contrast ratios, navigating the accessibility tree, and familiarizing yourself with WCAG levels. Gain practical skills in implementing text contrast, alternative text, proper link usage, labels, semantic HTML, lists, text sizing, headings, ARIA attributes, live regions, and skip navigation links. Engage in a series of exercises designed to build muscle memory for accessible development practices. By the end of this tutorial, acquire the knowledge and skills necessary to create inclusive websites that cater to all users, regardless of their abilities.
Syllabus
⌨️ Accessible Development Intro
⌨️ Understanding web accessibility
⌨️ Aside - Text contrast
⌨️ Aside - Use of color
⌨️ Text contrast
⌨️ Aside - Alternative Text
⌨️ Aside - Links
⌨️ Links and alternative text
⌨️ Aside - Labels
⌨️ Aside - Radio Buttons
⌨️ Labels
⌨️ Semantic HTML
⌨️ Lists
⌨️ Text-size
⌨️ Headings
⌨️ ARIA
⌨️ ARIA live regions
⌨️ Aside - Skip Navigation Link Part 1
⌨️ Aside - Skip Navigation Link Part 2
⌨️ Skip Navigation Link
⌨️ Final challenge part 1
⌨️ Final challenge part 2
⌨️ Outro
Taught by
freeCodeCamp.org