Prinzip 1: Wahrnehmbar

Übersicht WCAG 2.1

Stand: Mai 2025, Quellen: Richtlinien für barrierefreie Webinhalte (WCAG) 2.0 (Web Content Accessibility Guidelines (WCAG) 2.0) und https://www.w3.org/TR/WCAG21/

 

Richtlinie / Erfoglskriterium Kurzbeschreibung Ziel und to do Umsetzung im ThüCAT Website Baukasten

1.1 Textalternativen
Stellen Sie Textalternativen für alle Nicht-Text-Inhalte bereit, damit diese in andere Formen umgewandelt werden können, die Menschen benötigen, wie z. B. Großdruck, Braille, Sprache, Symbole oder einfachere Sprache.
1.1.1 Nicht-Text-Inhalt (A)

Nicht-textuelle Informationen sind für mehr Menschen verfügbar.

Erstellen Sie eine Textalternative für visuelle ud auditive Inhalte.

Es sind Alternativtexte für Headerlogo, Steuer-Elemente (Suche, Blättern) eingerichtet.

Alternativtexte für Bilder hinterliegen nur teilweise,
Capcha -Element in Formularen bietet keine Alternative

 

1.2 Zeitbasierte Medien
Bieten Sie Alternativen für zeitbasierte Medien an.
1.2.1 Reine Audio- und Videoeinhalte (A)

Audio- und reine Videoinhalte können von mehr Menschen verstanden werden.


Bieten Sie eine Alternative an, wenn Inhalte nur mit einem Sinn wahrnehmbar sind.

betrifft Contenterstellun
1.2.2 Untertitel (aufgezeichnet) (A)

Videos können mit Untertiteln abgespielt werden.

Stellen Sie synchronisierten Text für Audioinhalte in vorhandenen Videos bereit.

betrifft Contenterstellung
1.2.3 Audiodeskription o. Medienalternative (aufgezeichnet) (A)

Vorab aufgezeichnete Videos können von mehr Menschen verstanden werden.


Beschreiben Sie den visuellen Inhalt von Videos.

 
1.2.4 Untertitel (live) (A)

Live-Videos haben Untertitel.

Stellen Sie synchronisierten Text für Audioinhalte in Echtzeitvideos bereit.

betrifft Contenterstellung
1.2.5 Audiodeskription (aufgezeichnet) (A)

Videos können mit Audiobeschreibungen abgespielt werden.

Stellen Sie eine synchronisierte gesprochene Beschreibung des visuellen Inhalts in Videos bereit.

 betrifft Contenterstellung

1.3 Anpassbar
Erstellen Sie Inhalte, die auf verschiedene Arten präsentiert werden können (z. B. mit einem einfacheren Layout), ohne dass dabei Informationen oder Strukturen verloren gehen.
1.3.1 Info und Beziehungen (A)
Informationen über die Struktur von Inhalten stehen mehr Menschen zur Verfügung.
Verwenden Sie Codes, um Beziehungen und Informationen, die durch die Präsentation vermittelt werden, zu verstärken.

 
1.3.2 Sinnvolle Lesereihenfolge (A)

Die Reihenfolge der Inhalte ist für mehr Menschen verständlich.

Verwenden Sie Codes, um die sinnvolle Reihenfolge der Inhalte beizubehalten.

 
1.3.3 Sensorische Eigenschaften (A)

Anweisungen sind für mehr Menschen verständlich.

Beschreiben Sie Bedienelemente anhand ihres Namens, nicht nur anhand ihres Aussehens oder ihrer Position.

 
1.3.4 Orientierung (AA)

Geräte können in jeder Ausrichtung verwendet werden.

Beschränken Sie Inhalte nicht auf die Darstellung im Hoch- oder Querformat.

 
1.3.5 Eingabezweck bestimmen (AA)

Das Ausfüllen von Formularen wird einfacher.

Verwenden Sie Codes, um den Zweck gängiger Eingaben anzugeben, sofern dies technisch möglich ist.

 

1.4 Unterscheidbar
Erleichtern Sie den Benutzern das Sehen und Hören von Inhalten, einschließlich der Trennung von Vordergrund und Hintergrund.
1.4.1 Benutzung von Farbe (A)

Farbe ist nicht die einzige Möglichkeit, Informationen zu unterscheiden.

Verwenden Sie zusätzlich zur Farbe weitere Informationen wie Form oder Text, um die Bedeutung zu vermitteln.

 
1.4.2 Audio-Steuerelement (A)

Eine Seite, die Musik oder Sounds abspielt, stört niemanden.

Wenn Sie Audioinhalte automatisch abspielen, geben Sie den Nutzern die Möglichkeit, die Lautstärke zu verringern oder den Ton auszuschalten.

 
1.4.3 Kontrast (MInimum) (AA)

Text kann von mehr Menschen gesehen werden.

Sorgen Sie für einen ausreichenden Kontrast zwischen Text und Hintergrund.

Aktivierung des Kontrastschalters in den Website-Einstellungen

Darüber können User die Seite auf schwarz/weiß-Modus stellen - alle Texte und Hintergrundfarben werden schwarz dargestellt. 
1.4.4 Textgröße ändern (AA)

Der Text kann vergrößert werden.
Was ist zu tun?

Stellen Sie sicher, dass der Text auf die doppelte Größe vergrößert werden kann. Ausnahme: Bildunterschriften und Textbilder

Aktivierung des Schriftgrößenschalters in den Website-Einstellungen

Außerdem reagieren die WBK Sites auf Browser Zoom
1.4.5 Bilder eines Textes (AA)

Benutzer können die Darstellung von Text anpassen.

Verwenden Sie Text anstelle von Bildern mit Text.

 
1.4.10 Umformatieren (AA)

Der Inhalt kann vergrößert werden, ohne die Zeilenlänge zu erhöhen.

Lassen Sie die Textzeilen innerhalb des Ansichtsfensters umfließen.

 
1.4.11 Kontrast für Nicht-Text (AA)
Wichtige visuelle Informationen müssen denselben Mindestkontrast aufweisen, der auch für größere Texte erforderlich ist.

Stellen Sie sicher, dass aussagekräftige visuelle Hinweise einen Kontrast von 3:1 zum Hintergrund aufweisen.

 
1.4.12 Text-Abstand (AA)

Benutzer können den Textabstand anpassen, um die Lesbarkeit zu verbessern.

Stellen Sie sicher, dass sich der Inhalt an die benutzerdefinierten Texteinstellungen anpasst.

 
1.4.13 Inhalt bei Hover und Fokus (AA) Mehr Benutzer können nicht persistente Inhalte wahrnehmen und ignorieren.

Wenn Hover- oder Fokus-Ereignisse zu Inhaltsänderungen führen, stellen Sie sicher, dass die Interaktion vorhersehbar ist.

 

 

 

 

 

 

 

Barrierefreie Website Zurück