Accessibility Testing the To Do List App | A11y | DevTools скачать в хорошем качестве

Accessibility Testing the To Do List App | A11y | DevTools

Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap In this tutorial, we revisit the To Do List App to enhance the overall accessibility and fix a couple of issues we found by testing with the Firefox DevTools Accessibility Inspector. We will make some modifications to the HTML, SASS, and JavaScript to improve the overall A11y. ✅ Quick Concepts outline: Accessibility Enhanced for our To Do List App • Introduction / App Outline • Accessibility testing with Chrome DevTools Lighthouse • Accessibility testing with Firefox DevTools Accessibility Inspector • Identifying trouble spots and areas to improve • HTML improvements • SASS styling updates • Re-testing with Lighthouse and Accessibility Inspector • ChromeVox Keyboard Navigation • Testing the To Do List app with ChromeVox • Fixing a trouble spot with JavaScript • Re-testing the To Do List app with ChromeVox • Revisiting our SASS to keep it DRY • Wrapping it up ▶ JavaScript Tutorials for Beginners Playlist here:    • Javascript Tutorials for Beginners   📚 Further Reading: Firefox Developer Edition: https://www.mozilla.org/en-US/firefox... ChromeVox Extension: https://chrome.google.com/webstore/se... ChromeVox Keyboard Shortcuts: https://www.chromevox.com/keyboard_sh... Using tabindex: https://developers.google.com/web/fun... 📺 More A11y Videos: A11ycasts:    • Introducing A11ycasts! -- A11ycasts #01   Accessibility - State of the Web w/ Marcy Sutton:    • Accessibility with Marcy Sutton - The Stat...   Firefox DevTools Accessibility Inspector:    • Understand Website Accessibility with the ...   ✅ Follow Me: Twitter:   / yesdavidgray   Reddit:   / daveoneleven   Medium:   / davegray_86804   #accessibility #a11y #devtools