Web Accessibility Fundamentals

The web is awesome and everyone should be able to enjoy it.

Work in progress 🚧 🚧 🚧

Hi there! Polishing is still being done. Please pull/get the latest version a few minutes before the workshop starts.

Exercises

  1. #0 Accessibility Overview

    Myths, disabilities spectrum, guidelines

  2. #1 Accessible by default

    1. 1.1

      Appearance

    2. 1.2

      Semantic HTML

    3. 1.3

      Meaningful images

  3. #2 Keyboard navigation

    1. 2.1

      Interactive elements

    2. 2.2

      Hidden elements

    3. 2.3

      Navigation shortcuts

  4. #3 Screen Readers

    1. 3.1

      Meaningful content

    2. 3.2

      Page Landmarks

    3. 3.3

      Accessible forms

  5. #4 More UI patterns

    1. 4.1

      Loading states

    2. 4.2

      On-demand changes

    3. 4.3

      Custom UI components