Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Start Building Accessible Web Applications Today

via egghead.io

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.

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

Reviews

4.5 rating at egghead.io based on 63 ratings

Start your review of Start Building Accessible Web Applications Today

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.