Leitlinie 1.1 Textalternativen
1.1.1 Nichttextlicher Inhalt - Stufe A
- Alle Bilder, Schaltflächen für Formularbilder und Hotspots für Bildkarten haben einen geeigneten, gleichwertigen Alternativtext.
- Bilder, die keinen Inhalt vermitteln, dekorativ sind oder Inhalte enthalten, die bereits durch Text vermittelt werden, erhalten einen Null-Alt-Text (alt="") oder werden als CSS-Hintergründe implementiert. Alle verlinkten Bilder haben einen beschreibenden Alternativtext.
- Formularschaltflächen haben einen beschreibenden Wert.
- Formulareingaben haben zugehörige Textbeschriftungen.
- Die Frames sind entsprechend betitelt.
Leitlinie 1.2 Zeitbasierte Medien
1.2.1 Voraufgezeichnete reine Audio- und Videoaufzeichnungen - Stufe A
- Eine Text- oder Audiobeschreibung wird für nicht-live, webbasierte Videos bereitgestellt (z. B. Videos ohne Audiospur)
1.2.2 Untertitel (voraufgezeichnet) - Ebene A
- Synchronisierte Untertitel werden für nicht-live, webbasierte Videos (YouTube-Videos usw.) bereitgestellt.
Leitlinie 1.3 Anpassungsfähig
1.3.1 Informationen und Beziehungen - Ebene A
- Semantisches Markup wird verwendet, um Überschriften zu bezeichnen (<h1>), Listen (<ul>, <ol>und <dl>), hervorgehobener oder besonderer Text (<strong>, <code>, <abbr>, <blockquote>zum Beispiel), usw. Semantisches Markup wird in angemessener Weise verwendet.
- Textbeschriftungen sind mit Formulareingabeelementen verbunden. Zusammengehörige Formularelemente werden mit fieldset/legend gruppiert.
1.3.2 Sinnvolle Abfolge - Stufe A
- Die Lese- und Navigationsreihenfolge (bestimmt durch die Reihenfolge der Codes) ist logisch und intuitiv.
1.3.3 Sensorische Merkmale - Stufe A
- Die Anweisungen hängen nicht von der Form, der Größe oder der visuellen Position ab (z. B. "Klicken Sie auf das quadratische Symbol, um fortzufahren" oder "Die Anweisungen befinden sich in der rechten Spalte").
Die Anweisungen beruhen nicht auf Geräuschen (z. B. "Ein Piepton zeigt an, dass Sie fortfahren können.")
Leitlinie 1.4 Unterscheidbar
1.4.3 Kontrast (Minimum) - Stufe AA
- Text und Bilder von Text haben ein Kontrastverhältnis von mindestens 4,5:1
- Großer Text - mindestens 18 Punkt (typischerweise 24 px) oder 14 Punkt (typischerweise 18,66 px) fett mit einem Kontrastverhältnis von mindestens 3:1
1.4.4 Textgröße ändern - Stufe AA
- Die Seite ist lesbar und funktional, wenn die Textgröße verdoppelt wird.
1.4.5 Bilder von Text - Stufe AA
- Wenn die gleiche visuelle Darstellung auch mit Text allein möglich ist, wird kein Bild zur Präsentation des Textes verwendet.
Leitlinie 2.4 Schiffbar
2.4.1 Bypass-Blöcke -Ebene A
- Ein Link wird bereitgestellt, um die Navigation und andere Seitenelemente zu überspringen, die sich auf mehreren Webseiten wiederholen.
- Wenn eine Seite eine gute Überschriftenstruktur hat, kann dies als ausreichende Technik anstelle eines "Skip to main content"-Links angesehen werden. Beachten Sie, dass die Navigation über Überschriften noch nicht in allen Browsern unterstützt wird.
- Wenn eine Seite Frames verwendet und die Frames entsprechend betitelt sind, ist dies eine ausreichende Technik zur Umgehung einzelner Frames.
2.4.2 Seite mit Titel - Ebene A
- Die Webseite hat einen beschreibenden und informativen Seitentitel.
2.4.3 Schwerpunktauftrag - Ebene A
- Die Navigationsreihenfolge von Links, Formularelementen usw. ist logisch und intuitiv.
2.4.4 Verknüpfungszweck (im Kontext) - Stufe A
- Der Zweck eines jeden Links (oder einer Formularbild-Schaltfläche oder eines Image-Map-Hotspots) kann allein aus dem Linktext oder aus dem Linktext und seinem Kontext (z. B. dem umgebenden Absatz, Listenelement, der Tabellenzelle oder den Tabellenüberschriften) bestimmt werden.
- Links (oder Schaltflächen für Formularbilder) mit demselben Text, die zu verschiedenen Stellen führen, sind leicht zu unterscheiden.
2.4.5 Mehrere Wege - Stufe AA
- Es gibt mehrere Möglichkeiten, andere Webseiten auf der Site zu finden - mindestens zwei davon: eine Liste verwandter Seiten, ein Inhaltsverzeichnis, eine Sitemap, eine Site-Suche oder eine Liste aller verfügbaren Webseiten.
2.4.6 Überschriften und Etiketten - Ebene AA
- Seitenüberschriften und Beschriftungen für Formulare und interaktive Steuerelemente sind informativ. Vermeiden Sie die Duplizierung von Überschriften (z. B. "Weitere Details") oder Beschriftungen (z. B. "Vorname"), es sei denn, die Struktur bietet eine angemessene Unterscheidung zwischen ihnen.
2.4.7 Fokus Sichtbar - Stufe AA
- Es ist visuell ersichtlich, welches Seitenelement den aktuellen Tastaturfokus hat (d. h., wenn Sie mit der Tabulatortaste durch die Seite blättern, können Sie sehen, wo Sie sich befinden).
Leitlinie 3.1 Lesbar
3.1.1 Sprache der Seite - Stufe A
- Die Sprache der Seite wird mit Hilfe des HTML-Attributs lang ermittelt (, zum Beispiel)
Leitlinie 3.2 Vorhersehbar
3.2.1 Im Fokus - Ebene A
- Wenn ein Seitenelement den Fokus erhält, führt dies nicht zu einer wesentlichen Änderung der Seite, dem Erscheinen eines Pop-up-Fensters, einer zusätzlichen Änderung des Tastaturfokus oder einer anderen Änderung, die den Benutzer verwirren oder desorientieren könnte.
3.2.2 Ein Eingang - Ebene A
- Wenn ein Benutzer Informationen eingibt oder mit einem Steuerelement interagiert, führt dies nicht zu einer wesentlichen Änderung der Seite, dem Erscheinen eines Popup-Fensters, einer zusätzlichen Änderung des Tastaturfokus oder einer anderen Änderung, die den Benutzer verwirren oder desorientieren könnte, es sei denn, der Benutzer wird im Voraus über die Änderung informiert.
3.2.3 Konsistente Navigation - Stufe AA
- Navigationslinks, die auf Webseiten wiederholt werden, ändern ihre Reihenfolge beim Navigieren durch die Website nicht.
3.2.4 Konsistente Identifizierung - Stufe AA
- Elemente, die auf mehreren Webseiten dieselbe Funktion haben, werden einheitlich gekennzeichnet. So sollte beispielsweise ein Suchfeld am Anfang der Website immer auf die gleiche Weise beschriftet sein.
Leitlinie 3.3 Unterstützung bei der Eingabe
3.3.1 Fehleridentifikation - Stufe A
- Erforderliche Formularelemente oder Formularelemente, die ein bestimmtes Format, einen bestimmten Wert oder eine bestimmte Länge erfordern, enthalten diese Informationen in der Beschriftung des Elements.
- Bei Verwendung dieser Funktion werden Fehler bei der Formularvalidierung auf effiziente, intuitive und zugängliche Weise angezeigt. Der Fehler wird eindeutig identifiziert, ein schneller Zugriff auf das problematische Element wird ermöglicht, und der Benutzer kann den Fehler leicht beheben und das Formular erneut absenden.
3.3.2 Etiketten oder Anweisungen - Ebene A
- Ausreichende Beschriftungen, Hinweise und Anweisungen für die erforderlichen interaktiven Elemente werden durch Anweisungen, Beispiele, richtig positionierte Formularbeschriftungen und/oder Feldsätze/Legenden bereitgestellt.
3.3.3 Fehlervorschlag - Stufe AA
- Wenn ein Eingabefehler erkannt wird (durch clientseitige oder serverseitige Validierung), machen Sie Vorschläge, wie die Eingabe rechtzeitig und auf zugängliche Weise korrigiert werden kann.