๐ Learn Accessibility - Full a11y Tutorial
๐ก Newskategorie: Video | Youtube
๐ Quelle: youtube.com
Author: freeCodeCamp.org - Bewertung: 371x - Views:2872
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