Anleitungen zur Barrierefreiheit
Praktische Lösungen für die Probleme, die automatische Prüfungen am häufigsten finden. Geschrieben für alle, die Websites bauen oder Inhalte pflegen, auf Englisch, Niederländisch, Französisch und Deutsch.
Erklärung zur Barrierefreiheit schreiben: Schritte und Beispiel
Erstellen Sie eine klare Erklärung zur Barrierefreiheit mit den richtigen Abschnitten, einem praktischen HTML-Beispiel und echten Ergebnissen von Ihrer Website.
Anleitung lesen- Wer braucht eine Erklärung zur Barrierefreiheit?
- Die Erklärung Schritt für Schritt schreiben
- Kurzes HTML-Beispiel
- Was eine automatische Prüfung nicht entscheiden kann
- Häufige Fragen
Mit KI-Tools bauen
Anleitungen zum Einfügen in Lovable, Bolt, v0, Replit und Coding-Assistenten, damit die gebaute Website von Anfang an für alle funktioniert.
- KI-Baukästen
Barrierefreie Websites mit KI-Baukästen und Coding-Agents
Fünf Gewohnheiten, die die meisten Barrieren in KI-gebauten Websites verhindern, eine Anweisung für jedes Tool und eine einfache Routine zum Prüfen und Beheben.
- Lovable
Barrierefreie Websites mit Lovable
Was Lovable erzeugt, welche Barrieren dabei häufig entstehen, wo Sie dauerhafte Anweisungen ablegen und wie Sie das Ergebnis veröffentlichen und prüfen.
- Bolt
Barrierefreie Websites mit Bolt
Was Bolt erzeugt, welche Barrieren dabei häufig entstehen, wo Sie dauerhafte Anweisungen ablegen und wie Sie das Ergebnis veröffentlichen und prüfen.
- v0
Barrierefreie Websites mit v0
Was v0 von Vercel erzeugt, welche Barrieren dabei häufig entstehen, wie Sie Anweisungen speichern, die v0 in jedem Chat befolgt, und wie Sie das Ergebnis veröffentlichen und prüfen.
- Replit
Barrierefreie Websites mit Replit
Was Replit Agent baut, welche Barrieren dabei häufig entstehen, wie Sie replit.md für dauerhafte Anweisungen nutzen und wie Sie das Ergebnis veröffentlichen und prüfen.
- Coding-Assistenten
Barrierefreier Code mit Cursor, Claude Code und anderen Coding-Assistenten
Wo Regeln zur Barrierefreiheit für Cursor, Claude Code, GitHub Copilot, Windsurf und AGENTS.md hingehören, ein Regelblock für Entwickler, automatische Prüfungen in CI und die Prüfung der bereitgestellten Vorschau.
Anleitungen nach Thema
Jedes Problem in Ihrem Bericht verweist auf die passende Anleitung.
- Meist schwer
Die Sprache jeder Seite angeben
Teilen Sie Browsern und Hilfsmitteln wie Screenreadern mit, in welcher Sprache die Seite geschrieben ist.
- Meist kritisch
Informative Bilder beschreiben
Geben Sie Bildern eine kurze Textalternative, wenn sie eine Information vermitteln oder eine Aktion auslösen.
- Meist kritisch
Jeder Schaltfläche einen klaren Namen geben
Machen Sie die Aktion jeder Schaltfläche als Text verständlich, auch bei Schaltflächen, die nur ein Symbol zeigen.
- Meist schwer
Jeder Seite einen aussagekräftigen Titel geben
Schreiben Sie für jede Seite einen eigenen Titel für den Browser-Tab, der die aktuelle Seite vor dem Namen der Website nennt.
- Meist kritisch
Jedes Formularfeld beschriften
Setzen Sie neben jedes Feld eine sichtbare Beschriftung und verknüpfen Sie sie direkt mit dem Eingabefeld.
- Meist schwer
Links schreiben, die ihr Ziel erklären
Ersetzen Sie vage oder leere Linktexte durch Formulierungen, die sagen, wohin der Link führt.
- Meist schwer
Text gut lesbar machen
Verbessern Sie Text- und Hintergrundfarben, damit mehr Menschen Ihre Inhalte bequem lesen können.
- Meist mittel
Überschriften in logischer Reihenfolge verwenden
Gliedern Sie Ihre Inhalte mit Überschriften, statt Ebenen nach ihrer optischen Größe auszuwählen.