Web Accessibility Fundamentals

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

You can access the Accessibility Overview Slides for a theorical introduction about what it is and why it matters.

Exercises

  1. Level #01 Accessible by default

    1. 1.1

      Appearance

    2. 1.2

      Semantic HTML

    3. 1.3

      Meaningful images

  2. Level #02 Keyboard navigation

    1. 2.1

      Interactive elements

    2. 2.2

      Hidden elements

    3. 2.3

      Navigation shortcuts

  3. Level #03 Screen Readers

    1. 3.1

      Meaningful content

    2. 3.2

      Page Landmarks

    3. 3.3

      Accessible forms