Hellow guys, Welcome to my website, and you are watching Learn Accessibility - Full a11y Tutorial. and this vIdeo is uploaded by freeCodeCamp.org at 2024-02-01T07:38:37-08:00. We are pramote this video only for entertainment and educational perpose only. So, I hop you like our website.
| Name | Learn Accessibility - Full a11y Tutorial |
| Video Uploader | Video From freeCodeCamp.org |
| Upload Date | This Video Uploaded At 01-02-2024 15:38:37 |
| Video Discription | 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 |
| Category | Education |
| Tags | Education Download MP4 | Education Download MP3 | Education Download MP4 360p | Education Download MP4 480p | Education Download MP4 720p | Education Download MP4 1080p |
