Web Accessibility Fundamentals

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

      #01.1Briefing #01.1Exercise #01.1Solution
   2. 1.2

      Semantic HTML

      #01.2Briefing #01.2Exercise #01.2Solution
   3. 1.3

      Meaningful images

      #01.3Briefing #01.3Exercise #01.3Solution

2. Level #02 Keyboard navigation

   1. 2.1

      Interactive elements

      #02.1Briefing #02.1Exercise #02.1Solution
   2. 2.2

      Hidden elements

      #02.2Briefing #02.2Exercise #02.2Solution
   3. 2.3

      Navigation shortcuts

      #02.3Briefing #02.3Exercise #02.3Solution

3. Level #03 Screen Readers

   1. 3.1

      Meaningful content

      #3.1Briefing #3.1Exercise #3.1Solution
   2. 3.2

      Page Landmarks

      #3.2Briefing #3.2Exercise #3.2Solution
   3. 3.3

      Accessible forms

      #3.3Briefing #3.3Exercise #3.3Solution