Intro

Was ihr nach diesem Kapitel können solltet

• Erklären können, was Barrierefreiheit ist, wer davon profitiert und warum das kein Rand-Thema ist
• Die WCAG 2.2 und ihre vier Grundprinzipien (POUR) kennen, sowie den Unterschied zwischen den Konformitätsstufen A, AA, AAA
• Wisst, dass Barrierefreiheit gesetzlich vorgeschrieben ist - in der EU über den European Accessibility Act, in Österreich über das Barrierefreiheitsgesetz
• Die wichtigsten HTML/CSS-Techniken für barrierefreie Seiten anwenden: lang, semantisches HTML, Überschriften-Struktur, Alternativtexte, Formular-Labels, Fokus-Reihenfolge, Farbkontraste
• Die häufigsten Stolpersteine kennen und in eigenem Code vermeiden
• Eure Seite mit Browser DevTools und Zusatz-Tools auf Barrierefreiheit testen können

Barrierefreiheit ist kein “nice to have” für eine kleine Nutzergruppe, sondern Grundvoraussetzung dafür, dass eine Webseite überhaupt für alle funktioniert - und seit 2025 in weiten Teilen auch gesetzliche Pflicht.

---

Recap: Wo stehen wir?

Ihr könnt bereits HTML strukturieren, mit CSS gestalten und Layouts mit Flexbox/Grid bauen. In diesem Kapitel geht es nicht um neue Tags oder Properties, sondern darum, wie ihr die bereits bekannten Werkzeuge einsetzt, damit die Seite für alle Menschen nutzbar ist - unabhängig von Sehvermögen, Motorik, Gerät oder Situation.