Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

Learn Accessibility - Full a11y Tutorial

via freeCodeCamp

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

Reviews

Start your review of Learn Accessibility - Full a11y Tutorial

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.