Deine Webseite sollte vollständig ohne Maus nutzbar sein. Dies bedeutet, dass alle interaktiven Elemente mit der Tastatur erreichbar und bedienbar sein müssen. Vermeide Tastaturfallen, bei denen Nutzer in einem bestimmten Bereich gefangen sind und nicht weiter navigieren können. Zudem sollten Tastatur-Kurzbefehle abschaltbar oder anpassbar sein, um eine ungewollte Aktivierung zu verhindern.

Um allen Nutzern Zugang zu deinen Multimedia-Inhalten zu ermöglichen, ist es wichtig, verschiedene Alternativen bereitzustellen. Audiodateien und stumme Videos sollten immer durch Texttranskripte ergänzt werden. Für aufgezeichnete Videos sind Untertitel unerlässlich, und wenn möglich, sollte auch eine Audiodeskription oder eine vollständige Textalternative angeboten werden. Live-Videos sollten ebenfalls mit Untertiteln versehen sein, um eine umfassende Barrierefreiheit zu gewährleisten. Dies stellt sicher, dass alle Nutzer, unabhängig von ihren sensorischen Fähigkeiten, die Inhalte vollständig erfassen können.

Eine klare Strukturierung der Inhalte durch HTML-Strukturelemente wie Überschriften, Listen und Zitate ist entscheidend. Deine Inhalte sollten logisch gegliedert und Datentabellen korrekt aufgebaut sein, mit eindeutiger Zuordnung der Tabellenzellen. Strukturmarkups sollten ausschließlich für Layoutzwecke verwendet werden. Formularelemente müssen programmatisch ermittelbare Beschriftungen haben, um für Screenreader zugänglich zu sein. Eine sinnvolle Reihenfolge der Inhalte und die Vermeidung von sensorischen Merkmalen als alleinige Navigationshilfe sind ebenfalls wichtig. Außerdem sollte es keine Beschränkungen in der Bildschirmausrichtung geben, und Eingabefelder sollten ihren Zweck klar vermitteln.

Farben sollten nie die einzige Methode sein, um Informationen zu vermitteln. Nutzer müssen in der Lage sein, den Ton abzuschalten und Texte deutlich zu erkennen, auch bei erhöhter Vergrößerung. Es ist wichtig, ausreichende Kontraste zwischen Texten und Hintergründen sicherzustellen und Textgrafiken nur sparsam zu verwenden. Inhalte müssen so gestaltet sein, dass sie auf verschiedene Bildschirmgrößen und Auflösungen reagieren und umbrechen können. Grafiken und grafische Bedienelemente sollten ebenfalls ausreichende Kontraste aufweisen. Die Anpassbarkeit von Textabständen und die Bedienbarkeit eingeblendeter Inhalte tragen zusätzlich zur Barrierefreiheit bei.

Barrierefreiheit beginnt mit der Bereitstellung von Textalternativen für alle visuellen Elemente auf deiner Webseite. Bedienelemente wie Buttons und Links sollten immer mit aussagekräftigen Alternativtexten versehen sein, damit sie von Screenreadern erkannt und verstanden werden können. Ebenso sollten Grafiken und Objekte, die Informationen vermitteln, klare Beschreibungen haben. Für Layoutgrafiken, die rein dekorativ sind, sollten leere alt-Attribute verwendet werden, um Screenreader-Nutzern unnötige Informationen zu ersparen. Auch für CAPTCHAs müssen zugängliche Alternativen bereitgestellt werden, damit sie von allen Nutzern bewältigt werden können.

Stelle sicher, dass Nutzer genügend Zeit haben, um Inhalte zu lesen und Aktionen durchzuführen. Zeitbegrenzungen sollten anpassbar oder abschaltbar sein, und bewegte Inhalte sollten pausiert oder gestoppt werden können, um Ablenkungen zu minimieren und das Nutzungserlebnis zu verbessern.

Vermeide Flackern auf deiner Webseite, da dies Anfälle bei Menschen mit fotosensitiver Epilepsie auslösen kann. Stattdessen sollten Animationen und visuelle Effekte sanft und ruhig gestaltet sein.

Sorge dafür, dass Nutzer bestimmte Bereiche deiner Webseite überspringen können, um schneller zu den relevanten Inhalten zu gelangen. Dokumenttitel sollten immer sinnvoll und aussagekräftig sein, und die Reihenfolge der Tastaturbedienung sollte logisch und konsistent sein. Linktexte müssen klar und verständlich sein, und es sollten alternative Zugangswege zu den Inhalten vorhanden sein. Überschriften und Beschriftungen müssen eindeutig und hilfreich sein, und die aktuelle Position des Fokus sollte stets deutlich sichtbar sein. Vermeide es, dass der Fokus verdeckt wird, um eine nahtlose Navigation zu gewährleisten.

Stelle sicher, dass deine Webseite eine korrekte Syntax aufweist und alle Namen, Rollen und Werte programmatisch verfügbar sind. Statusmeldungen sollten ebenfalls so gestaltet sein, dass sie von assistiven Technologien erkannt und genutzt werden können. Dies gewährleistet eine umfassende Kompatibilität und Zugänglichkeit deiner Webseite.

Biete Alternativen für komplexe Zeiger-Gesten und ermögliche es, Eingaben abzubrechen oder zu widerrufen. Sichtbare Beschriftungen sollten Teil des zugänglichen Namens sein, und es sollten alternative Methoden zur Bewegungsaktivierung angeboten werden. Ziehbewegungen sollten vermieden oder durch einfachere Eingabemethoden ersetzt werden, und die Zielgröße interaktiver Elemente sollte ausreichend groß sein, um eine einfache Bedienung zu gewährleisten.

Vermeide unerwartete Kontextänderungen bei Fokus oder Eingaben, um Verwirrung zu vermeiden. Eine konsistente Navigation und Bezeichnung der Elemente tragen zur Vorhersehbarkeit und Benutzerfreundlichkeit bei. Biete außerdem eine konsistente Hilfe an, um Nutzer jederzeit unterstützen zu können.

Erkenne Fehler automatisch und biete hilfreiche Beschriftungen für Formularelemente an. Unterstütze Nutzer bei der Vermeidung von Fehlern und biete klare Anweisungen zur Korrektur. Redundante Eingaben sollten minimiert werden, und die Authentifizierung muss zugänglich gestaltet sein, um alle Nutzer zu unterstützen.

Gib die Hauptsprache deiner Webseite an und markiere anderssprachige Wörter und Abschnitte korrekt, damit sie von Screenreadern richtig erkannt werden können. Dies erleichtert das Verständnis und die Navigation für mehrsprachige Nutzer.

Verbraucherfreundlichkeit bedeutet, dass deine Webseite intuitiv und einfach zu bedienen ist. Eine benutzerfreundliche Webseite berücksichtigt die Bedürfnisse aller Nutzer und bietet eine klare, leicht verständliche Navigation, gut strukturierte Inhalte und hilfreiche Unterstützung bei Problemen. Dies schließt die Bereitstellung von leicht auffindbaren Kontaktinformationen, FAQs und unterstützenden Ressourcen ein. Eine hohe Nutzerfreundlichkeit trägt dazu bei, dass sich alle Besucher auf deiner Webseite wohlfühlen und problemlos die gewünschten Informationen und Dienste finden können.

Verbraucherschutz ist ein wesentlicher Bestandteil der Barrierefreiheit und stellt sicher, dass alle Nutzer Zugang zu den Informationen und Diensten haben, die sie benötigen, um informierte Entscheidungen zu treffen. Dies umfasst den Schutz persönlicher Daten, die klare Kommunikation von Nutzungsbedingungen und Datenschutzrichtlinien sowie die Bereitstellung von sicheren Zahlungs- und Transaktionsmethoden. Eine barrierefreie Webseite sorgt dafür, dass diese wichtigen Informationen für alle Nutzer zugänglich und verständlich sind, unabhängig von deren Fähigkeiten oder Behinderungen.

• Klärung der anzuwendenden WCAG -Konformitätsstufe für Barrierefreiheit.
• Abstimmung, welche Bereiche und Elemente der zu prüfenden Produkte oder Services im Fokus stehen.

• Bewertung der Website in Bezug auf Barrierefreiheit.
• Einsatz von automatisierten und/oder manuellen Prüfmethoden, um Barrieren zu identifizieren.
• Dokumentation aller gefundenen Barrieren und Bereiche mit Optimierungsbedarf.

• Abschließende Überprüfung der Barrierefreiheit nach den definierten Standards in Orientierung an der EN-Norm 301 549.
• Dokumentation der Ergebnisse, einschließlich der Bestätigung, dass alle Anforderungen erfüllt sind.
• Erfassung in einem Prüfbericht.

• Wenn alle Anforderungen erfüllt sind, wird das offizielle Barrierefreiheitszertifikat ausgestellt.
• Bestimmung, wie lange das Zertifikat gültig ist und wann eine erneute Überprüfung notwendig ist.

• Durchführung von Audits in festgelegten Abständen, um die langfristige Barrierefreiheit zu gewährleisten.
• Nach Ablauf der Gültigkeit (in der Regel 12 Monate) erfolgt eine erneute Zertifizierung.