YoVDO

Start Building Accessible Web Applications Today

Offered By: egghead.io

Tags

Web Development Courses Computer Science Courses Javascript Courses Semantic Web Courses Accessibility Courses HTML Courses Web Accessibility Courses ARIA Courses Screen Readers Courses

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.

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 Methods
Coursera 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