Wahrnehmbarkeit, Bedienbarkeit, Verständlichkeit, Robustheit
Die Grundlage bilden die Web Content Accessibility Guidelines (WCAG). Diese besagen, dass Website-Inhalte wahrnehmbar, benutzbar, verständlich und mit verschiedenen Technologien robust kompatibel sein müssen. Für den European Accessibility Act wird mindestens das Niveau AA (mittel) erwartet. Die Web Content Accessibility Guidelines (WCAG) umfassen die oben genannten vier Prinzipien. Eine barrierefreie Website überzeugt durch klare Struktur, bessere Lesbarkeit und ein angenehmes Nutzungserlebnis – und wird dadurch auch bei Google besser gefunden.
Tastaturnavigation, Tastaturzugänglichkeit gewährleisten
Alle interaktiven Elemente auf einer Website müssen vollständig per Tastatur nutzbar sein, damit auch Menschen, die keine Maus verwenden können, problemlos navigieren können. Eine sichtbare Markierung für die Tastaturnavigation – etwa bei der Nutzung der Tabulatortaste – ist dabei essenziell, um die Orientierung auf der Seite zu erleichtern. Zusätzlich sollte am Seitenanfang ein „Zum Inhalt springen“-Link eingebaut werden, der es ermöglicht, Hauptinhalte direkt anzusteuern und lange Navigationsbereiche zu überspringen.
Ausreichender Farbkontrast
Für eine gute Lesbarkeit und Barrierefreiheit ist ein ausreichendes Farbkontrastverhältnis entscheidend: Bei normalem Text sollte es mindestens 4.5:1 betragen, bei grossem Text mindestens 3:1. Um sicherzustellen, dass diese Anforderungen erfüllt werden, sollten Farbkontraste mit entsprechenden Prüftools getestet werden. Zudem dürfen Informationen nie ausschliesslich über Farbe vermittelt werden – es muss immer eine zusätzliche Kennzeichnung wie Text, Muster oder Symbole geben, damit Inhalte auch für Menschen mit Farbsehschwächen verständlich bleiben.
Screenreader-Kompatibilität
Jede Seite sollte einen einzigartigen, präzisen Titel sowie klare Überschriften haben, die den Inhalt gut strukturieren. Buttons müssen eindeutig beschriftet sein, damit die auszuführende Aktion sofort ersichtlich ist. Eine semantisch korrekte Struktur ist für Screenreader entscheidend, die Menschen mit Sehbeeinträchtigungen unterstützen. Ebenso wichtig ist die Trennung von HTML und CSS, um eine korrekte Interpretation der Inhalte zu gewährleisten. Barrierefreiheit umfasst auch die Berücksichtigung motorischer Einschränkungen, beispielsweise durch grosse Klickflächen, sowie die Vermeidung von flimmernden Inhalten oder störenden Animationen, die für Epileptiker:innen gefährlich sein können. Es ist wichtig, Flimmern mit einer Frequenz von mehr als drei Mal pro Sekunde zu vermeiden und Steuerungen anzubieten, die das Pausieren oder Ausblenden solcher Inhalte ermöglichen.
Alternativtexte & strukturierter HTML-Code
Überprüfen Sie, ob alle relevanten Bilder mit Alt-Texten versehen sind und Infografiken die wichtigen Informationen auch für Screenreader zugänglich machen. Auch PDF-Dateien und Social Media Inhalte zählen dazu. Barrierefreie Multimedia-Inhalte sollten so gestaltet sein, dass sie für alle Menschen zugänglich sind. Dazu gehört, Alternativtexte (Alt-Texte) für Bilder einzufügen, damit Bildschirmleser die Inhalte erfassen können. Ebenso sollten für Audioinhalte schriftliche Transkripte bereitgestellt werden, um gehörlosen oder schwerhörigen Personen Zugang zu den Informationen zu ermöglichen. Videos sollten mit Untertiteln versehen sein, damit sie auch ohne Ton verständlich sind. Für komplexe Bilder, Diagramme und Grafiken sind lange Beschreibungen hilfreich, um Inhalte umfassend zu vermitteln. Zusätzlich ist es wichtig, dass Medienplayer barrierefreie Bedienelemente bieten, damit alle Nutzerinnen und Nutzer sie problemlos bedienen können.
Anpassbare skalierbare Schriftgrössen & Mobile Zugänglichkeit
Die Schriftgrössen sollten auf allen Geräten (Desktop, Mobil, Tablet) individuell angepasst werden können, um den Bedürfnissen von Menschen mit unterschiedlichen Sehfähigkeiten gerecht zu werden. Eine Website muss responsiv sein, damit sie sich an verschiedene Bildschirmgrössen anpasst und auf mobilen Geräten genauso gut funktioniert wie auf Desktops. Touch-Ziele wie Buttons und Links sollten gross genug sein, um eine einfache Bedienung zu ermöglichen, insbesondere auf Smartphones und Tablets. Zudem ist es wichtig, die Website auf mobilen Geräten mit Screenreadern zu testen, um sicherzustellen, dass auch Menschen mit Sehbehinderungen die Inhalte problemlos nutzen können.
Konsistente Navigation & klar erkennbare Steuerelemente
Einheitliches Layout und eine konsistente Navigation auf der gesamten Seite sind entscheidend, um den Nutzern eine intuitive und angenehme Erfahrung zu bieten. Navigationsmechanismen sollten vorhersehbar und leicht verständlich sein, sodass Nutzer sich schnell zurechtfinden können. Zudem ist es wichtig, semantisches HTML zu verwenden, um die Struktur der Seite klar zu definieren. Zum Beispiel sollte der Haupttitel mit <h1> und Untertitel mit <h2> ausgezeichnet werden, damit sowohl Nutzer als auch Suchmaschinen die Inhalte besser verstehen und strukturieren können
Verständliche Inhalte
Alle Inhalte sollten klar, einfach und logisch aufgebaut sein. Überschriften müssen den folgenden Text sinnvoll gliedern und Buttons klar benennen, damit Funktionen sofort erkennbar sind. Auch Formulare sollen verständlich beschriftet, logisch angeordnet und mit hilfreichen Fehlermeldungen ausgestattet sein – so wird sichergestellt, dass alle Nutzerinnen und Nutzer problemlos mit der Website interagieren können.
Formulare barrierefrei gestalten
Formulare sollten so gestaltet sein, dass sie für alle Nutzerinnen und Nutzer verständlich und leicht bedienbar sind. Dazu gehört, klar beschriftete Felder zu verwenden, damit die Eingabeanforderungen eindeutig sind. Verwandte Felder sollten mit den HTML-Elementen <fieldset> und <legend> sinnvoll gruppiert werden, um die Struktur zu verdeutlichen. Eine logische Tabulator-Reihenfolge ist wichtig, damit die Navigation per Tastatur reibungslos funktioniert. Im Falle von Eingabefehlern müssen klare Fehlermeldungen sowie verständliche Korrekturanleitungen angezeigt werden, damit Nutzerinnen und Nutzer wissen, was zu tun ist.
Zeitabhängige Inhalte begrenzen
Nutzerinnen und Nutzer sollten die Möglichkeit haben, Zeitlimits zu verlängern oder abzuschalten, um ihnen mehr Flexibilität zu bieten, insbesondere bei Anwendungen, die längere Interaktionen erfordern. Es ist wichtig, vor Ablauf eines Zeitlimits eine Warnung anzuzeigen, damit Nutzerinnen und Nutzer ausreichend Zeit haben, eine Verlängerung vorzunehmen. Auf diese Weise wird sichergestellt, dass keine ungewollten Unterbrechungen auftreten und alle Nutzer die Inhalte problemlos nutzen können.
Feedbackmöglichkeiten einrichten
Es sollte eine Möglichkeit geben, dass Nutzer Barrieren auf der Website melden können, um eine kontinuierliche Verbesserung der Zugänglichkeit zu gewährleisten. Dies kann durch ein einfach zugängliches Feedback-Formular oder einen direkten Kontaktweg erfolgen. Es ist ebenfalls wichtig, das erhaltene Feedback regelmässig zu überprüfen und auf die gemeldeten Barrieren zu reagieren, um notwendige Verbesserungen umzusetzen und so die Nutzererfahrung ständig zu optimieren.
