Barrierefreiheitszertifikat – Startseite
Kostenlos prüfen Menü

Wissen

Barrierefreiheit verstehen. Ohne Fachchinesisch.

Was die WCAG verlangen, was das BFSG regelt und wie Sie typische Fehler beheben. Geschrieben von Leuten, die jeden Tag Websites prüfen.

Vier Prinzipien, 55 Kriterien

  • 1. Wahrnehmbar 20 Kriterien
  • 2. Bedienbar 20 Kriterien
  • 3. Verständlich 13 Kriterien
  • 4. Robust 2 Kriterien

Alle Kriterien erklärt

Bereiche

  • Kriterien-Lexikon

    Alle 55 Kriterien der WCAG 2.2 A und AA: was sie bedeuten, wem sie helfen, typische Fehler und Code zum Beheben.

  • Recht: BFSG, EAA, EN 301 549

    Wer betroffen ist, welche Fristen gelten und wer kontrolliert. Mit Tabelle aller EU-Länder.

  • Glossar

    Von ARIA bis Zielgröße: die wichtigsten Begriffe in ein, zwei Sätzen.

  • Komponenten-Muster

    Sieben Bausteine als Live-Demo: was ARIA und Tastatur verlangen, Code zum Übernehmen.

  • Kostenlose Tools

    BFSG-Check, Generator für die Erklärung, Kontrast-Checker, Checklisten.

Ratgeber: umsetzen und testen

  • Formulare, die jeder ausfüllen kann

    Am Formular entscheidet sich, ob jemand kauft, bucht oder aufgibt. Hier lesen Sie, wie Beschriftungen, Pflichtfelder und Fehlermeldungen gebaut sein müssen, damit es mit Tastatur, Screenreader und Vergrößerung klappt.

  • Ohne Maus ans Ziel: Tastatur und Fokus

    Viele Menschen bedienen das Web ohne Maus: mit Tastatur, Schaltern, Sprachsteuerung oder Screenreader. Hier lesen Sie, was dafür funktionieren muss und wie Sie den Fokus in modernen Web-Apps richtig führen.

  • Kontraste, die jeder lesen kann

    Blasse graue Schrift sieht elegant aus, ist aber für viele Menschen schwer zu lesen, bei Sonne auf dem Smartphone für alle. Hier stehen die Werte, die WCAG 2.2 verlangt, und wie Sie sie dauerhaft im Design verankern.

  • Der richtige Alternativtext in fünf Fragen

    Ein guter Alternativtext ersetzt, was das Bild auf dieser Seite leistet, nicht was darauf zu sehen ist. Mit fünf Fragen finden Sie für jedes Bild die passende Lösung.

  • In 30 Minuten zum ersten Screenreader-Test

    Ein Screenreader zeigt schonungslos, ob Ihre Seite sauber aufgebaut ist. Mit dieser Anleitung testen Sie Ihre wichtigsten Seiten selbst, mit kostenlosen Werkzeugen und ohne Vorkenntnisse.

  • Cookie-Banner, die niemanden aussperren

    Der Cookie-Banner ist oft das Erste, was Besucher sehen, und für manche das Letzte: Wer ihn mit Tastatur oder Screenreader nicht bedienen kann, kommt nicht weiter. So machen Sie ihn für alle bedienbar.

  • Spam abwehren, ohne Menschen auszusperren

    Ein CAPTCHA soll Bots aufhalten und hält oft Menschen auf: wer blind ist, schlecht sieht, schlecht hört oder Rätsel schwer lösen kann. Es gibt bessere Wege gegen Spam.

  • Barrierefreie PDFs: worauf es ankommt

    Formulare, Preislisten, Geschäftsberichte: Viele Websites bieten wichtige Inhalte als PDF an. Für diese Dokumente gelten dieselben Anforderungen wie für die Seite selbst.

  • Barrierefreie Videos: Untertitel, Audiodeskription und Player

    Ein Video erreicht nur, wer es hören und sehen kann. Mit Untertiteln, Audiodeskription und einem bedienbaren Player erreichen Sie alle. Hier steht, was die WCAG verlangen.

  • Warum ein Overlay-Widget Ihre Website nicht barrierefrei macht

    Ein Skript einbinden, ein Symbol erscheint, und die Website soll barrierefrei sein: So werben manche Anbieter. Die Fakten sprechen dagegen. Hier lesen Sie, warum, und was stattdessen wirkt.

Komponenten-Muster mit Live-Demo

Akkordeon, Tabs, Dialog und mehr zum Ausprobieren, mit ARIA, Tastatur und Code.

Alle Muster ansehen

Ratgeber: Recht und Nachweise

Wir halten uns selbst daran