Learn Accessibility – Full a11y Tutorial



Learn how to write accessible HTML by solving coding challenges. Click here to get to the challenges: https://scrimba.com/links/accessibility This course is all about making the web a better place for everyone. You'll dive into what it truly means to build accessible websites and why it's so important. Instructor and web developer Fredrik Ridderfalk will teach you the fundamentals of accessible development, like understanding contrast ratios, exploring the accessibility tree, getting familiar with WCAG levels, and much more. All while challenging you to get your hands on the keyboard so that you build up a11y muscle memory. If you have any feedback to Fredrik, please reach out to him on X here: https://twitter.com/Ridderfalk Follow Scrimba on YouTube for more tutorials: https://www.youtube.com/c/Scrimba ⭐️ Code ⭐️
Download the code via Scrimba: https://scrimba.com/links/learn-to-code-with-ai ⭐️ Contents ⭐️
⌨️ (0:00:00) Accessible Development Intro
⌨️ (0:01:32) Understanding web accessibility
⌨️ (0:06:09) Aside – Text contrast
⌨️ (0:10:02) Aside – Use of color
⌨️ (0:11:23) Text contrast
⌨️ (0:17:56) Aside – Alternative Text
⌨️ (0:25:13) Aside – Links
⌨️ (0:32:36) Links and alternative text
⌨️ (0:37:46) Aside – Labels
⌨️ (0:44:02) Aside – Radio Buttons
⌨️ (0:45:54) Labels
⌨️ (0:49:07) Semantic HTML
⌨️ (0:54:55) Lists
⌨️ (0:59:41) Text-size
⌨️ (1:03:06) Headings
⌨️ (1:06:01) ARIA
⌨️ (1:11:07) ARIA live regions
⌨️ (1:16:58) Aside – Skip Navigation Link Part 1
⌨️ (1:20:33) Aside – Skip Navigation Link Part 2
⌨️ (1:22:36) Skip Navigation Link
⌨️ (1:24:23) Final challenge part 1
⌨️ (1:27:27) Final challenge part 2
⌨️ (1:31:43) Outro 🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan 👾 Oscar Rahnama — Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Learn Accessibility – Full a11y Tutorial

Learn Accessibility – Full a11y Tutorial

 

 

 

 

 

 

 

 

 

Contact us

More Learn Accessibility – Full a11y Tutorial Videos