Start Building Accessible Web Applications Today
Offered By: egghead.io
Course Description
Overview
Accessibility (or a11y) is an important but often neglected in the world of web development. Many developers find themselves coding user interfaces without any knowledge of keyboard or screen reader requirements.
The fact is that accessibility doesn't happen by accident. Often it is seen as too hard or time consuming. This doesn't have to be the case. By following a handful of high-value patterns and practices, we can open our web apps to humans that otherwise wouldn't be able to interact with them at all.
This course will introduce you to accessibility through hands-on, technical examples that are way more effective than reading 10-year-old static web content.
The fact is that accessibility doesn't happen by accident. Often it is seen as too hard or time consuming. This doesn't have to be the case. By following a handful of high-value patterns and practices, we can open our web apps to humans that otherwise wouldn't be able to interact with them at all.
This course will introduce you to accessibility through hands-on, technical examples that are way more effective than reading 10-year-old static web content.
Syllabus
- Accessible Icon Buttons
- Accessible Button Events
- Building Forms with Accessibility in Mind
- Headings and semantic structure for accessible web pages
- Focus management using CSS, HTML, and JavaScript
- What is the Accessibility Tree?
- Intro to ARIA
- How Visible vs. Hidden Elements Affect Keyboard/Screen Reader Users
- Using the Voiceover screen reader to test for accessibility
- Testing for Accessibility with the NVDA Screen Reader on Windows
- Creating visual skip links in HTML and CSS
- Accessible modal dialogs
- Using the tabindex attribute for keyboard accessibility
- Basic accessibility testing
- Accessibility testing with axe-cli
- Accessible animations with reduced motion
- What is Accessible Name Calculation?
Taught by
Marcy Sutton
Related Courses
Learn Javascript - 21 Essential Array MethodsCoursera Project Network via Coursera 3D Graphics for Web Developers
Pompeu Fabra University via FutureLearn A Simple Scatter Plot using D3 js
Coursera Project Network via Coursera Access WebView in an Android Studio Project
Coursera Project Network via Coursera Deployment Pipelines using GitHub Actions
A Cloud Guru