├── .gitignore ├── CHANGELOG.md ├── README.md ├── lessons ├── 01-accessible-icon-buttons │ ├── css │ │ └── demo.css │ ├── index.html │ └── package.json ├── 02-accessible-button-events │ ├── css │ │ └── demo.css │ ├── demo.js │ ├── index.html │ ├── lib │ │ └── angular.js │ └── package.json ├── 03-building-forms-with-accessibility-in-mind │ ├── css │ │ └── demo.css │ ├── index.html │ └── package.json ├── 04-headings-and-semantic-structure-for-accessible-web-pages │ ├── info.txt │ └── package.json ├── 05-focus-management-using-css-html-and-javascript │ ├── index.html │ ├── package.json │ ├── script.js │ └── style.css ├── 06-what-is-the-accessibility-tree │ ├── info.md │ └── package.json ├── 07-intro-to-aria │ ├── css │ │ └── demo.css │ ├── index.html │ └── package.json ├── 08-how-visible-vs-hidden-elements-affect-keyboard-screen-reader-users │ ├── css │ │ └── demo.css │ ├── index.html │ └── package.json ├── 09-using-the-voiceover-screen-reader-to-test-for-accessibility │ ├── info.md │ └── package.json ├── 10-testing-for-accessibility-with-the-nvda-screen-reader-on-windows │ ├── info.md │ └── package.json ├── 11-creating-visual-skip-links-in-html-and-css │ ├── css │ │ └── demo.css │ ├── index.html │ └── package.json ├── 12-accessible-modal-dialogs │ ├── index.html │ ├── package.json │ ├── script.js │ └── style.css ├── 13-using-the-tabindex-attribute-for-keyboard-accessibility │ ├── index.html │ ├── package.json │ ├── script.js │ └── style.css ├── 14-basic-accessibility-testing │ ├── info.md │ └── package.json ├── 15-accessibility-testing-with-axe-cli │ ├── info.md │ └── package.json ├── 16-accessible-animations-with-reduced-motion │ ├── css │ │ └── style.css │ ├── index.html │ ├── package.json │ ├── reduce-motion.js │ └── style.scss └── 17-what-is-accessible-name-calculation │ ├── css │ └── demo.css │ ├── index.html │ └── package.json └── package.json /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/CHANGELOG.md -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/README.md -------------------------------------------------------------------------------- /lessons/01-accessible-icon-buttons/css/demo.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/01-accessible-icon-buttons/css/demo.css -------------------------------------------------------------------------------- /lessons/01-accessible-icon-buttons/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/01-accessible-icon-buttons/index.html -------------------------------------------------------------------------------- /lessons/01-accessible-icon-buttons/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/01-accessible-icon-buttons/package.json -------------------------------------------------------------------------------- /lessons/02-accessible-button-events/css/demo.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/02-accessible-button-events/css/demo.css -------------------------------------------------------------------------------- /lessons/02-accessible-button-events/demo.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/02-accessible-button-events/demo.js -------------------------------------------------------------------------------- /lessons/02-accessible-button-events/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/02-accessible-button-events/index.html -------------------------------------------------------------------------------- /lessons/02-accessible-button-events/lib/angular.js: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /lessons/02-accessible-button-events/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/02-accessible-button-events/package.json -------------------------------------------------------------------------------- /lessons/03-building-forms-with-accessibility-in-mind/css/demo.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/03-building-forms-with-accessibility-in-mind/css/demo.css -------------------------------------------------------------------------------- /lessons/03-building-forms-with-accessibility-in-mind/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/03-building-forms-with-accessibility-in-mind/index.html -------------------------------------------------------------------------------- /lessons/03-building-forms-with-accessibility-in-mind/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/03-building-forms-with-accessibility-in-mind/package.json -------------------------------------------------------------------------------- /lessons/04-headings-and-semantic-structure-for-accessible-web-pages/info.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/04-headings-and-semantic-structure-for-accessible-web-pages/info.txt -------------------------------------------------------------------------------- /lessons/04-headings-and-semantic-structure-for-accessible-web-pages/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/04-headings-and-semantic-structure-for-accessible-web-pages/package.json -------------------------------------------------------------------------------- /lessons/05-focus-management-using-css-html-and-javascript/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/05-focus-management-using-css-html-and-javascript/index.html -------------------------------------------------------------------------------- /lessons/05-focus-management-using-css-html-and-javascript/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/05-focus-management-using-css-html-and-javascript/package.json -------------------------------------------------------------------------------- /lessons/05-focus-management-using-css-html-and-javascript/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/05-focus-management-using-css-html-and-javascript/script.js -------------------------------------------------------------------------------- /lessons/05-focus-management-using-css-html-and-javascript/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/05-focus-management-using-css-html-and-javascript/style.css -------------------------------------------------------------------------------- /lessons/06-what-is-the-accessibility-tree/info.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/06-what-is-the-accessibility-tree/info.md -------------------------------------------------------------------------------- /lessons/06-what-is-the-accessibility-tree/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/06-what-is-the-accessibility-tree/package.json -------------------------------------------------------------------------------- /lessons/07-intro-to-aria/css/demo.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/07-intro-to-aria/css/demo.css -------------------------------------------------------------------------------- /lessons/07-intro-to-aria/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/07-intro-to-aria/index.html -------------------------------------------------------------------------------- /lessons/07-intro-to-aria/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/07-intro-to-aria/package.json -------------------------------------------------------------------------------- /lessons/08-how-visible-vs-hidden-elements-affect-keyboard-screen-reader-users/css/demo.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/08-how-visible-vs-hidden-elements-affect-keyboard-screen-reader-users/css/demo.css -------------------------------------------------------------------------------- /lessons/08-how-visible-vs-hidden-elements-affect-keyboard-screen-reader-users/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/08-how-visible-vs-hidden-elements-affect-keyboard-screen-reader-users/index.html -------------------------------------------------------------------------------- /lessons/08-how-visible-vs-hidden-elements-affect-keyboard-screen-reader-users/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/08-how-visible-vs-hidden-elements-affect-keyboard-screen-reader-users/package.json -------------------------------------------------------------------------------- /lessons/09-using-the-voiceover-screen-reader-to-test-for-accessibility/info.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/09-using-the-voiceover-screen-reader-to-test-for-accessibility/info.md -------------------------------------------------------------------------------- /lessons/09-using-the-voiceover-screen-reader-to-test-for-accessibility/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/09-using-the-voiceover-screen-reader-to-test-for-accessibility/package.json -------------------------------------------------------------------------------- /lessons/10-testing-for-accessibility-with-the-nvda-screen-reader-on-windows/info.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/10-testing-for-accessibility-with-the-nvda-screen-reader-on-windows/info.md -------------------------------------------------------------------------------- /lessons/10-testing-for-accessibility-with-the-nvda-screen-reader-on-windows/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/10-testing-for-accessibility-with-the-nvda-screen-reader-on-windows/package.json -------------------------------------------------------------------------------- /lessons/11-creating-visual-skip-links-in-html-and-css/css/demo.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/11-creating-visual-skip-links-in-html-and-css/css/demo.css -------------------------------------------------------------------------------- /lessons/11-creating-visual-skip-links-in-html-and-css/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/11-creating-visual-skip-links-in-html-and-css/index.html -------------------------------------------------------------------------------- /lessons/11-creating-visual-skip-links-in-html-and-css/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/11-creating-visual-skip-links-in-html-and-css/package.json -------------------------------------------------------------------------------- /lessons/12-accessible-modal-dialogs/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/12-accessible-modal-dialogs/index.html -------------------------------------------------------------------------------- /lessons/12-accessible-modal-dialogs/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/12-accessible-modal-dialogs/package.json -------------------------------------------------------------------------------- /lessons/12-accessible-modal-dialogs/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/12-accessible-modal-dialogs/script.js -------------------------------------------------------------------------------- /lessons/12-accessible-modal-dialogs/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/12-accessible-modal-dialogs/style.css -------------------------------------------------------------------------------- /lessons/13-using-the-tabindex-attribute-for-keyboard-accessibility/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/13-using-the-tabindex-attribute-for-keyboard-accessibility/index.html -------------------------------------------------------------------------------- /lessons/13-using-the-tabindex-attribute-for-keyboard-accessibility/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/13-using-the-tabindex-attribute-for-keyboard-accessibility/package.json -------------------------------------------------------------------------------- /lessons/13-using-the-tabindex-attribute-for-keyboard-accessibility/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/13-using-the-tabindex-attribute-for-keyboard-accessibility/script.js -------------------------------------------------------------------------------- /lessons/13-using-the-tabindex-attribute-for-keyboard-accessibility/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/13-using-the-tabindex-attribute-for-keyboard-accessibility/style.css -------------------------------------------------------------------------------- /lessons/14-basic-accessibility-testing/info.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/14-basic-accessibility-testing/info.md -------------------------------------------------------------------------------- /lessons/14-basic-accessibility-testing/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/14-basic-accessibility-testing/package.json -------------------------------------------------------------------------------- /lessons/15-accessibility-testing-with-axe-cli/info.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/15-accessibility-testing-with-axe-cli/info.md -------------------------------------------------------------------------------- /lessons/15-accessibility-testing-with-axe-cli/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/15-accessibility-testing-with-axe-cli/package.json -------------------------------------------------------------------------------- /lessons/16-accessible-animations-with-reduced-motion/css/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/16-accessible-animations-with-reduced-motion/css/style.css -------------------------------------------------------------------------------- /lessons/16-accessible-animations-with-reduced-motion/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/16-accessible-animations-with-reduced-motion/index.html -------------------------------------------------------------------------------- /lessons/16-accessible-animations-with-reduced-motion/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/16-accessible-animations-with-reduced-motion/package.json -------------------------------------------------------------------------------- /lessons/16-accessible-animations-with-reduced-motion/reduce-motion.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/16-accessible-animations-with-reduced-motion/reduce-motion.js -------------------------------------------------------------------------------- /lessons/16-accessible-animations-with-reduced-motion/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/16-accessible-animations-with-reduced-motion/style.scss -------------------------------------------------------------------------------- /lessons/17-what-is-accessible-name-calculation/css/demo.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: sans-serif; 3 | } 4 | -------------------------------------------------------------------------------- /lessons/17-what-is-accessible-name-calculation/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/17-what-is-accessible-name-calculation/index.html -------------------------------------------------------------------------------- /lessons/17-what-is-accessible-name-calculation/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/lessons/17-what-is-accessible-name-calculation/package.json -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eggheadio-projects/start-building-accessible-web-applications-today/HEAD/package.json --------------------------------------------------------------------------------