## Warum ist dieses Success Criterion relevant?

Das Success Criterion 1.1.1 der Web Content Accessibility Guidelines (WCAG) stellt sicher, dass alle nicht-textuellen Inhalte (wie Bilder, Grafiken und Bedienelemente) für Menschen mit Behinderungen zugänglich sind. Insbesondere Nutzer*innen von Screenreadern oder Braillezeilen können Informationen aus Bildern oder Symbolen nicht visuell wahrnehmen. Alternative Texte machen die Funktion und den Inhalt solcher Elemente in einer für Maschinen lesbaren Form verfügbar. So wird garantiert, dass niemand wichtige Informationen oder Funktionen auf einer Website verpasst.

Barrierefreiheit ist nicht nur eine Frage der Fairness, sondern ab dem Inkrafttreten des Barrierefreiheitsstärkungsgesetzes (BFSG) in Deutschland auch eine rechtliche Anforderung für viele digitale Angebote. Konforme Alternativtexte helfen Ihnen dabei, sowohl rechtssicher als auch inklusiv zu sein.

## Typische Fehlerquellen

Typische Fehlerquellen beim Umsetzen von 1.1.1 sind das vollständige Fehlen von Alternativtexten oder die Verwendung von Alternativtexten, die nicht den tatsächlichen Zweck oder Inhalt wiedergeben (z.B. „Bild“ statt einer aussagekräftigen Beschreibung). Auch falsch gesetzte `alt`-Attribute (leer gelassen bei bedeutungsvollen Bildern oder ausgefüllt bei rein dekorativen Grafiken) sind häufige Fehler.

Ein weiteres Problem ist die Verwendung von Bildern als Buttons oder Bedienelemente ohne entsprechende Beschriftung, sodass Nutzer*innen mit assistiven Technologien nicht erkennen können, welche Funktion hinter einem Bild steht. Ebenso werden gern informative Icons (zum Beispiel für den Status) ohne Alternativtext eingesetzt.

## Codebeispiel

### Nicht konform:
```html

<img src="diagramm.jpg">


<img src="katze.jpg" alt="Bild">


<img src="muster.jpg" alt="Schmückende Grafik">
```

### Konform:
```html

<img src="diagramm.jpg" alt="Diagramm zur Entwicklung der Besucherzahlen im Jahr 2023">


<img src="katze.jpg" alt="Schwarz-weiße Hauskatze schläft auf einem Sofa">


<img src="muster.jpg" alt="">


<button>
  <img src="suchen.png" alt="Suche">
</button>
```

Wenn nicht-textueller Inhalt ein Steuerungselement ist oder Benutzereingaben akzeptiert, dann hat er einen Namen, der seinen Zweck beschreibt. (Siehe Erfolgskriterium 4.1.2 für zusätzliche Anforderungen an Steuerungselemente und Inhalte, die Benutzereingaben akzeptieren.)

„Wenn nicht-textuelle Inhalte zeitbasierte Medien sind, bieten textliche Alternativen zumindest eine beschreibende Identifikation der nicht-textuellen Inhalte. (Siehe Richtlinie 1.2 für zusätzliche Anforderungen an Medien.)“

„Wenn nicht-textueller Inhalt ein Test oder eine Übung ist, die ungültig wäre, wenn sie in Textform präsentiert wird, dann bieten Textalternativen zumindest eine beschreibende Identifikation des nicht-textuellen Inhalts.“

Wenn nicht-textlicher Inhalt hauptsächlich dazu bestimmt ist, ein bestimmtes sensorisches Erlebnis zu schaffen, dann bieten Textalternativen zumindest eine beschreibende Identifizierung des nicht-textlichen Inhalts.

Wenn der Zweck von nicht-textuellen Inhalten darin besteht, zu bestätigen, dass der Inhalt von einer Person und nicht von einem Computer abgerufen wird, werden textuelle Alternativen bereitgestellt, die den Zweck der nicht-textuellen Inhalte identifizieren und beschreiben, und alternative Formen von CAPTCHA, die Ausgabemodi für verschiedene Arten der sensorischen Wahrnehmung verwenden, werden bereitgestellt, um unterschiedlichen Behinderungen Rechnung zu tragen.

„Wenn nicht-textuelle Inhalte reine Dekoration sind, nur für visuelle Formatierung verwendet werden oder nicht den Benutzern präsentiert werden, dann werden sie so implementiert, dass sie von unterstützender Technologie ignoriert werden können.“

Situation A: Wenn eine kurze Beschreibung denselben Zweck erfüllen und dieselben Informationen wie der nicht-textliche Inhalt präsentieren kann:

Situation B: Wenn eine kurze Beschreibung nicht denselben Zweck erfüllen und dieselben Informationen wie der nicht-textliche Inhalt (z. B. ein Diagramm oder eine Grafik) präsentieren kann:

Situation C: Wenn nicht-textlicher Inhalt ein Steuerelement ist oder Benutzereingaben akzeptiert:

Situation D: Wenn nicht-textuelle Inhalte zeitbasiertes Medium sind (einschließlich Live-Video nur und Live-Audio nur); ein Test oder eine Übung, die ungültig wäre, wenn sie in Textform präsentiert wird; oder hauptsächlich dazu bestimmt sind, ein bestimmtes sensorisches Erlebnis zu schaffen:

Situation E: Wenn nicht-textuelle Inhalte ein CAPTCHA sind:

Situation F: Wenn der nicht-textuelle Inhalt von unterstützender Technologie ignoriert werden soll:

Verwendung von noembed mit embed

Verwendung von CSS-Margin- und Padding-Regeln anstelle von Spacer-Bildern für das Layout-Design

Bereitstellung von Benutzeranweisungen mit AutomationProperties.HelpText in Silverlight

Fehler bei Erfolgskriterium 1.1.1 aufgrund der Verwendung von CSS zur Einbindung von Bildern, die wichtige Informationen vermitteln.

Nichtbestehen der Erfolgskriterien 1.1.1 und 1.4.1 aufgrund eines Textalternativs, das keine Informationen enthält, die durch Farbunterschiede im Bild vermittelt werden.

Nichtbestehen des Erfolgskriteriums 1.1.1 und 4.1.2 aufgrund der Nichtaktualisierung von Textalternativen bei Änderungen an nicht-textlichem Inhalt.

Fehler bei den Erfolgskriterien 1.1.1 und 1.2.1 aufgrund der Verwendung von Textalternativen, die keine Alternativen sind (z. B. Dateinamen oder Platzhaltertext)

Fehler des Erfolgskriteriums 1.1.1 aufgrund der fehlenden Kennzeichnung dekorativer Bilder in HTML, die es assistiven Technologien ermöglicht, sie zu ignorieren.

Fehler des Erfolgskriteriums 1.1.1 aufgrund der Bereitstellung einer Textalternative, die nicht null ist (z. B. alt="spacer" oder alt="image") für Bilder, die von unterstützender Technologie ignoriert werden sollten.

Fehler des Erfolgskriteriums 1.1.1 aufgrund des Auslassens des alt-Attributs oder des Textalternativs bei img-Elementen, area-Elementen und Eingabeelementen vom Typ 'image'

Nichtbestehen der Erfolgskriterien 1.1.1 und 1.2.1 aufgrund der Bereitstellung langer Beschreibungen für Nicht-Text-Inhalte, die nicht denselben Zweck erfüllen oder nicht dieselben Informationen präsentieren.

Fehler des Erfolgskriteriums 1.1.1 aufgrund der Verwendung von textähnlichen Darstellungen, um Text darzustellen, ohne eine Textalternative bereitzustellen.

Nichtbestehen des Erfolgskriteriums 1.1.1 aufgrund der Verwendung von ASCII-Kunst ohne Bereitstellung einer Textalternative

Alle nicht-textuellen Inhalte, die dem Benutzer präsentiert werden, haben eine Textalternative, die denselben Zweck erfüllt, mit Ausnahme der unten aufgeführten Situationen.

Eine Alternative für zeitbasierte Medien wird bereitgestellt, die äquivalente Informationen für vorab aufgezeichnete Audioinhalte ohne Video bietet.

Entweder wird eine Alternative für zeitbasierte Medien oder eine Audiospur bereitgestellt, die äquivalente Informationen für vorab aufgezeichnete Video-only-Inhalte präsentiert.

Situation A: Wenn der Inhalt vorab aufgezeichnete Audio-only ist:

Situation B: Wenn der Inhalt nur vorab aufgezeichnetes Video ist:

Verwendung des track-Elements zur Bereitstellung von Audio-Beschreibungen

Nichtbestehen der Erfolgskriterien 1.1.1 und 1.2.1 aufgrund der Verwendung von Textalternativen, die keine Alternativen sind (z. B. Dateinamen oder Platzhaltertext)

Fehler bei den Erfolgskriterien 1.1.1 und 1.2.1 aufgrund der Bereitstellung langer Beschreibungen für Nicht-Text-Inhalte, die nicht denselben Zweck erfüllen oder nicht dieselben Informationen präsentieren.

„Für vorab aufgezeichnete Audio- und vorab aufgezeichnete Video-Medien gelten die folgenden Punkte, es sei denn, die Audio- oder Videoinhalte sind ein Medienalternativ für Text und sind eindeutig als solche gekennzeichnet:“

Bereitstellung von offenen (immer sichtbaren) Untertiteln

Bereitstellung von Untertiteln

Bereitstellung von Untertiteln durch synchronisierte Textströme in SMIL 1.0

Bereitstellung von Untertiteln durch synchronisierte Textströme in SMIL 2.0

Verwendung des track-Elements zur Bereitstellung von Untertiteln

Anwenden von Untertiteln auf vorab aufgezeichnete synchronisierte Medien

Bereitstellung von script-eingebetteten Textuntertiteln für MediaElement-Inhalte

Verwendung separater Textformat-Textbeschriftungen für MediaElement-Inhalte

Fehler des Erfolgskriteriums 1.2.2 aufgrund von Untertiteln, die einige Dialoge oder wichtige Soundeffekte weglassen.

Nichtbestehen des Erfolgskriteriums 1.2.2 durch Bereitstellung synchronisierter Medien ohne Untertitel, wenn die synchronisierten Medien mehr Informationen präsentieren als auf der Seite dargestellt.

Fehler bei den Erfolgskriterien 1.2.2 und 1.2.8 aufgrund der fehlenden Kennzeichnung einer synchronisierten Medienalternative zu Text als Alternative.

Für alle vorab aufgenommenen Audioinhalte in synchronisierten Medien werden Untertitel bereitgestellt, es sei denn, das Medium ist eine Medienalternative für Text und ist eindeutig als solche gekennzeichnet.

Bereitstellung einer Alternative für zeitbasierte Medien

Das Platzieren eines Links zur Alternative für zeitbasierte Medien unmittelbar neben dem nicht-textuellen Inhalt

Bereitstellung von statischem alternativem Inhalt für Silverlight-Medien, die in einem MediaElement wiedergegeben werden

Verlinkung zur Alternative für zeitbasierte Medien unter Verwendung einer der folgenden Techniken

Verwendung des Körpers des Objekt-Elements

Bereitstellung einer zweiten, vom Benutzer wählbaren Audiospur, die Audio-Beschreibungen enthält.

Bereitstellung eines zweiten, vom Benutzer wählbaren Audiotracks, der Audio-Beschreibungen enthält.

Zugriff auf alternative Audiotracks in Silverlight Media

Bereitstellung einer Version eines Films mit Audio-Beschreibungen

Bereitstellung von Audio-Beschreibungen in SMIL 1.0

Bereitstellung von Audio-Beschreibungen in SMIL 2.0

Anwenden von Audiodeskriptionen auf Flash-Video

Verwendung eines beliebigen Players, der Audio und Video unterstützt

Bereitstellung eines Films mit erweiterten Audio-Beschreibungen

Erweiterte Audiobeschreibung in SMIL 1.0 hinzufügen

Erweiterte Audiobeschreibung in SMIL 2.0 hinzufügen

Anwenden von Audio-Beschreibungen auf Flash-Video

Zugriff auf alternative Audiospuren in Silverlight Media

Verwendung eines beliebigen Players, der Audio und Video unterstützt.

Verwendung eines statischen Textalternativs zur Beschreibung eines Talking-Head-Videos

Eine Alternative für zeitbasierte Medien oder die Audiobeschreibung des vorab aufgenommenen Videoinhalts wird für synchronisierte Medien bereitgestellt, es sei denn, die Medien sind eine Medienalternative für Text und sind eindeutig als solche gekennzeichnet.

Erstellen von Untertiteln für live synchronisierte Medien

Für alle Live-Audioinhalte in synchronisierten Medien werden Untertitel bereitgestellt.

Anwenden von Audiobeschreibungen auf Flash-Video

Für alle vorab aufgenommenen Videoinhalte in synchronisierten Medien wird eine Audiobeschreibung bereitgestellt.

Situation A: Die Technologie bietet eine semantische Struktur, um Informationen und Beziehungen, die durch Präsentationen vermittelt werden, programmatisch bestimmbar zu machen:

Situation B: Die verwendete Technologie bietet NICHT die semantische Struktur, um die Informationen und Beziehungen, die durch die Präsentation vermittelt werden, programmgesteuert bestimmbar zu machen:

CSS verwenden, um die visuelle Darstellung von Text zu steuern

Positionierung von Beschriftungen zur Maximierung der Vorhersagbarkeit von Beziehungen

Verwendung der aria-describedby-Eigenschaft, um ein beschreibendes Label für Benutzeroberflächensteuerelemente bereitzustellen.

Ein erforderliches Feld mit der aria-required-Eigenschaft identifizieren

Eine Seite mit Überschriften organisieren

Fehler des Erfolgskriteriums 1.3.1 aufgrund der Verwendung von Änderungen in der Textpräsentation zur Übermittlung von Informationen, ohne die geeignete Auszeichnung oder den entsprechenden Text zu verwenden.

Nichtbestehen der Erfolgskriterien 1.3.1 und 1.3.2 aufgrund der Verwendung von Leerzeichen, um mehrere Spalten im reinen Textinhalt zu erstellen.

Nichtbestehen der Erfolgskriterien 1.3.1 und 1.3.2 aufgrund der Verwendung von Leerzeichen zur Formatierung von Tabellen in reinem Textinhalt.

Fehler bei den Erfolgskriterien 1.3.1, 2.1.1, 2.1.3 oder 4.1.2 beim Emulieren von Links

Fehler des Erfolgskriteriums 1.3.1 aufgrund der Verwendung von strukturellem Markup auf eine Weise, die die Beziehungen im Inhalt nicht darstellt.

Nichtbestehen des Erfolgskriteriums 1.3.1 aufgrund der Verwendung von th-Elementen, Layout-Tabellen.

Fehler bei Erfolgskriterium 1.3.1 aufgrund der Verwendung des pre-Elements zur Auszeichnung tabellarischer Informationen.

Fehler des Erfolgskriteriums 1.3.1 aufgrund des Einfügens von nicht-dekorativem Inhalt durch die Verwendung von :before- und :after-Pseudo-Elementen sowie der 'content'-Eigenschaft in CSS.

Fehler bei Erfolgskriterium 1.3.1 aufgrund der falschen Zuordnung von Tabellenüberschriften und Inhalten über die Attribute headers und id.

Fehler bei Erfolgskriterium 1.3.1 aufgrund der nicht korrekten Kennzeichnung von Tabellenüberschriften

Fehler bei Erfolgskriterium 1.3.1 aufgrund der Verwendung von Rollenpräsentation auf Inhalten, die semantische Informationen vermitteln.

Informationen, Struktur und Beziehungen, die durch die Präsentation vermittelt werden, können programmgesteuert bestimmt oder in Textform verfügbar sein.

Inhalt in einer sinnvollen Reihenfolge anordnen

Markierung von Sequenzen im Inhalt als bedeutungsvoll

Die Inhalte in einer sinnvollen Reihenfolge anordnen

Die Reihenfolge des DOM an die visuelle Reihenfolge anpassen

Verwendung der tabIndex-Eigenschaft zur Festlegung einer logischen Lesereihenfolge und einer logischen Tabulatorreihenfolge in Flash

Sicherstellung der korrekten Tab- und Lesereihenfolge in PDF-Dokumenten

Verwendung der Standard-Tabulatorreihenfolge von Silverlight und Ändern von Tabulatorreihenfolgen mit Eigenschaften

Fehler bei den Erfolgskriterien 1.3.1 und 1.3.2 aufgrund der Verwendung von Leerzeichen zur Formatierung von Tabellen in reinem Textinhalt.

Fehler bei den Erfolgskriterien 1.3.1 und 1.3.2 aufgrund der Verwendung von Leerzeichen, um mehrere Spalten im Klartextinhalt zu erstellen.

Fehler des Erfolgskriteriums 1.3.2 aufgrund der Verwendung von Leerzeichen zur Steuerung des Abstands innerhalb eines Wortes

Fehler des Erfolgskriteriums 1.3.2 aufgrund der Verwendung einer HTML-Layout-Tabelle, die beim Linearisieren keinen Sinn ergibt.

Fehler bei Erfolgskriterium 1.3.2 aufgrund der Änderung der Bedeutung von Inhalten durch die Positionierung von Informationen mit CSS.

Wenn die Reihenfolge, in der Inhalte präsentiert werden, deren Bedeutung beeinflusst, kann eine korrekte Lesereihenfolge programmatisch bestimmt werden.

Für Anforderungen bezüglich Farbe verweisen Sie auf Richtlinie 1.4.

Bereitstellung einer textlichen Identifikation von Elementen, die ansonsten nur auf sensorischen Informationen basieren, um verstanden zu werden.

Fehler bei Erfolgskriterium 1.3.3 aufgrund der Identifizierung von Inhalten nur durch ihre Form oder Lage.

Nichtbestehen des Erfolgskriteriums 1.3.3 aufgrund der Verwendung eines grafischen Symbols allein zur Übermittlung von Informationen

Die bereitgestellten Anweisungen zum Verständnis und zur Bedienung von Inhalten basieren nicht ausschließlich auf den sensorischen Eigenschaften von Komponenten wie Form, Farbe, Größe, visueller Lage, Orientierung oder Klang.

CSS verwenden, um die Ausrichtung so einzustellen, dass sowohl Quer- als auch Hochformat ermöglicht werden.

Verwendung von Anzeigen/Verstecken-Steuerelementen, um den Zugriff auf Inhalte in verschiedenen Ausrichtungen zu ermöglichen.

Fehler aufgrund der Sperrung der Ausrichtung auf Quer- oder Hochformat

Inhalte beschränken ihre Ansicht und Bedienung nicht auf eine einzelne Anzeigeorientierung, wie Hochformat oder Querformat, es sei denn, eine bestimmte Anzeigeorientierung ist wesentlich.

Das Eingabefeld dient einem Zweck, der im Abschnitt Eingabewünsche für Benutzeroberflächenkomponenten identifiziert ist; und

Der Inhalt wird mit Technologien umgesetzt, die die Identifizierung der erwarteten Bedeutung für Formulareingabedaten unterstützen.

Der Zweck jedes Eingabefelds, das Informationen über den Benutzer sammelt, kann programmgesteuert bestimmt werden, wenn:

Dieses Erfolgskriterium befasst sich speziell mit der Farbwahrnehmung. Andere Formen der Wahrnehmung werden in Richtlinie 1.3 behandelt, einschließlich des programmgesteuerten Zugriffs auf Farben und andere visuelle Präsentationskodierungen.

Situation A: Wenn die Farbe bestimmter Wörter, Hintergründe oder anderer Inhalte verwendet wird, um Informationen anzuzeigen:

Situation B: Wenn Farbe innerhalb eines Bildes verwendet wird, um Informationen zu vermitteln:

CSS verwenden, um die Darstellung eines Benutzeroberflächenkomponenten zu ändern, wenn sie den Fokus erhält.

Nichtbestehen der Erfolgskriterien 1.1.1 und 1.4.1 aufgrund eines Textalternativs, das Informationen, die durch Farbunterschiede im Bild vermittelt werden, nicht enthält.

Nichtbestehen des Erfolgskriteriums 1.4.1 aufgrund der Erstellung von Links, die ohne Farbsehen nicht visuell erkennbar sind.

Fehler bei Erfolgskriterium 1.4.1 aufgrund der Identifizierung erforderlicher oder Fehlerfelder ausschließlich durch Farbunterschiede

Farbe wird nicht als das einzige visuelle Mittel verwendet, um Informationen zu vermitteln, eine Aktion anzuzeigen, eine Reaktion zu fördern oder ein visuelles Element zu unterscheiden.

Da jeglicher Inhalt, der dieses Erfolgskriterium nicht erfüllt, die Fähigkeit eines Benutzers beeinträchtigen kann, die gesamte Seite zu nutzen, muss sämtlicher Inhalt auf der Webseite (unabhängig davon, ob er zur Erfüllung anderer Erfolgskriterien verwendet wird oder nicht) dieses Erfolgskriterium erfüllen. Siehe Konformitätsanforderung 5: Keine Beeinträchtigung.

Ein Ton, der automatisch nach drei Sekunden ausschaltet.

Bereitstellung eines Steuerelements zu Beginn der Webseite, das automatisch abgespielte Sounds ausschaltet.

Geräusche nur auf Benutzeranfrage abspielen

Verwendung von AutoPlay, um die automatische Wiedergabe von Silverlight-Medien zu verhindern

Bereitstellung einer Steuerung zum Ausschalten von automatisch in Flash abgespielten Sounds.

Deaktivieren von Sounds, die automatisch abgespielt werden, wenn eine unterstützende Technologie erkannt wird.

Steuerung der Audio-Lautstärke des Silverlight MediaElement

Fehler von 1.4.2 aufgrund des Abspielens eines Sounds, der länger als 3 Sekunden dauert, ohne dass ein Mechanismus vorhanden ist, um ihn auszuschalten.

Fehler des Erfolgskriteriums 1.4.2 aufgrund des Fehlens einer Möglichkeit, ein HTML5-Medienelement, das automatisch abspielt, zu pausieren oder zu stoppen.

Wenn auf einer Webseite Audio automatisch länger als 3 Sekunden abgespielt wird, muss entweder ein Mechanismus vorhanden sein, um das Audio zu pausieren oder zu stoppen, oder ein Mechanismus muss verfügbar sein, um die Audio-Lautstärke unabhängig vom allgemeinen Systemlautstärkepegel zu steuern.

Großflächiger Text und Bilder mit großflächigem Text haben ein Kontrastverhältnis von mindestens 3:1;

Text oder Bilder von Text, die Teil eines inaktiven Benutzeroberflächenkomponenten sind, die reine Dekoration darstellen, die für niemanden sichtbar sind oder die Teil eines Bildes sind, das bedeutende andere visuelle Inhalte enthält, haben keine Kontrastanforderung.

Text, der Teil eines Logos oder Markennamens ist, hat keine Kontrastanforderung.

Situation A: Der Text hat eine Schriftgröße von weniger als 18 Punkt, wenn er nicht fett ist, und weniger als 14 Punkt, wenn er fett ist.

Situation B: Der Text hat mindestens 18 Punkt, wenn er nicht fett ist, und mindestens 14 Punkt, wenn er fett ist.

Verwendung einer Technologie, die allgemein verfügbare Benutzeragenten nutzt, die den Vordergrund und Hintergrund von Textblöcken ändern können.

Fehler bei den Erfolgskriterien 1.4.3, 1.4.6 und 1.4.8 aufgrund der Angabe von Vordergrundfarben ohne Angabe von Hintergrundfarben oder umgekehrt.

Nichtbestehen der Erfolgskriterien 1.4.3 und 1.4.6 aufgrund der Verwendung von Hintergrundbildern, die nicht genügend Kontrast zum Vordergrundtext (oder Bildern von Text) bieten.

Die visuelle Darstellung von Text und Bildern von Text hat ein Kontrastverhältnis von mindestens 4,5:1, mit Ausnahme der folgenden:

Verwendung einer Technologie, die allgemein verfügbare Benutzeragenten unterstützt, die Zoom ermöglichen.

Unterstützung der Browser-Zoomfunktion in Silverlight

Verwendung eines Stilwechselers zur Erhöhung der Schriftgröße von Silverlight-Text-Elementen

Sicherstellen, dass sich Textcontainer anpassen, wenn der Text sich ändert, UND Verwendung von Maßen, die relativ zu anderen Maßen im Inhalt sind, durch die Anwendung einer oder mehrerer der folgenden Techniken:

Die Größe von Textcontainern mit em-Einheiten angeben

Techniken für relative Messungen

Techniken zur Größenänderung von Textcontainern

Bereitstellung von Steuerelementen auf der Webseite, die es den Benutzern ermöglichen, die Größe aller Texte auf der Seite schrittweise bis zu 200 Prozent zu ändern.

Sicherstellen, dass es beim Ändern der Textgröße zu keinem Verlust von Inhalten oder Funktionen kommt und die Textcontainer ihre Breite nicht ändern.

Skalierung von Formelementen, die Text enthalten

Verwendung relativer Maße zur Festlegung der Spaltenbreiten, damit die Zeilen im Durchschnitt 80 Zeichen oder weniger betragen, wenn der Browser resized wird.

Das Versagen des Erfolgskriteriums 1.4.4 beim Vergrößern von visuell gerendertem Text auf bis zu 200 Prozent führt dazu, dass der Text, das Bild oder die Steuerelemente abgeschnitten, gekürzt oder verdeckt werden.

Fehler des Erfolgskriteriums 1.4.4, wenn textbasierte Formularsteuerelemente sich nicht anpassen, wenn der visuell dargestellte Text bis zu 200 % vergrößert wird.

Fehler des Erfolgskriteriums 1.4.4 aufgrund von Text, der in Viewport-Einheiten formatiert ist.

Außer bei Beschriftungen und Bildern von Text kann Text ohne unterstützende Technologien bis zu 200 Prozent vergrößert werden, ohne dass Inhalte oder Funktionen verloren gehen.

Das Bild des Textes kann visuell an die Anforderungen des Benutzers angepasst werden;

Eine bestimmte Präsentation des Textes ist entscheidend für die zu übermittelnden Informationen.

Logotypen (Text, der Teil eines Logos oder Markennamens ist) werden als wesentlich angesehen.

Verwendung von Silverlight-Schriftarteigenschaften zur Steuerung der Textdarstellung

Verwendung von CSS, um Text durch Bilder von Text zu ersetzen und Benutzeroberflächensteuerungen bereitzustellen, um zu wechseln.

Trennung von Informationen und Struktur von der Präsentation, um unterschiedliche Präsentationen zu ermöglichen.

Durchführung von OCR auf einem gescannten PDF-Dokument, um den tatsächlichen Text bereitzustellen.

Verwendung von Prozent für Schriftgrößen

Verwendung von benannten Schriftgrößen

Verwendung von em-Einheiten für Schriftgrößen

Verwendung von CSS letter-spacing zur Steuerung des Abstands innerhalb eines Wortes

Inhalt basierend auf struktureller Auszeichnung positionieren

Wenn die verwendeten Technologien die visuelle Darstellung erreichen können, wird Text verwendet, um Informationen zu vermitteln, anstelle von Textbildern, mit Ausnahme der folgenden:

Vertikaler Scrollinhalt mit einer Breite von 320 CSS-Pixeln;

Horizontal scrollender Inhalt in einer Höhe von 256 CSS-Pixeln;

Außer für Teile des Inhalts, die für die Nutzung oder Bedeutung ein zweidimensionales Layout erfordern.

Verwendung von Media Queries und Grid-CSS zum Umfließen von Spalten

Verwendung von CSS Flexbox zur Neuanordnung von Inhalten

Ermöglichung von Reflow bei langen URLs und Textzeichenfolgen

Verwendung von CSS width, max-width und flexbox, um Labels und Eingaben anzupassen

Größe und Position so berechnen, dass sie mit der Textgröße skaliert.

Bereitstellung von Optionen im Inhalt, um zu einem Layout zu wechseln, das es dem Benutzer ermöglicht, eine Textzeile zu lesen, ohne horizontal scrollen zu müssen.

@@ Neu: Verwendung von PDF/UA beim Erstellen von PDFs.

Verwendung von Media Queries zum Aufheben von fixierten Headern / Footern

Verwendung von CSS max-width und height zur Anpassung von Bildern

@@ CSS, Neugestaltung einfacher Datentabellen.

@@ CSS, Datenzellen innerhalb der Breite des Viewports anpassen.

@@ Mechanismus, um jederzeit die mobile Ansicht zu ermöglichen

@@ Verwendung von Containern mit fester Größe und Inhalten mit fester Position (CSS)

@@ (HTML) Verwendung von vorformatiertem Text oder Ausschluss von vorformatiertem Text als Ausnahme von der Regel, dass kein zweidimensionales Scrollen erlaubt ist.

Inhalte können ohne Verlust von Informationen oder Funktionalität und ohne dass ein Scrollen in zwei Dimensionen erforderlich ist, präsentiert werden für:

Visuelle Informationen, die erforderlich sind, um Benutzeroberflächenkomponenten und -zustände zu identifizieren, mit Ausnahme inaktiver Komponenten oder wenn das Erscheinungsbild der Komponente vom Benutzeragenten bestimmt und nicht vom Autor modifiziert wird;

Teile von Grafiken, die erforderlich sind, um den Inhalt zu verstehen, es sei denn, eine bestimmte Präsentation von Grafiken ist für die zu übermittelnden Informationen wesentlich.

Benutzeroberflächenkomponenten-Kontrast

Grafiken mit ausreichendem Kontrast

Text in oder über Grafiken

Verwendung eines Kontrastverhältnisses von 3:1 mit umgebendem Text und Bereitstellung zusätzlicher visueller Hinweise bei Fokus auf Links oder Steuerelemente, bei denen Farbe allein zur Identifizierung verwendet wird.

Fehler des Erfolgskriteriums 2.4.7 aufgrund der Gestaltung von Elementumrandungen und -rahmen auf eine Weise, die den visuellen Fokusindikator entfernt oder unsichtbar macht.

Die visuelle Darstellung der folgenden Elemente hat ein Kontrastverhältnis von mindestens 3:1 gegenüber benachbarten Farben:

Zeilenhöhe (Zeilenabstand) von mindestens 1,5-facher Schriftgröße;

Abstand nach Absätzen von mindestens dem doppelten der Schriftgröße;

Der Buchstabenabstand (Tracking) sollte mindestens 0,12 mal der Schriftgröße betragen;

In Inhalten, die mit Auszeichnungssprachen implementiert sind und die folgenden Textstil-Eigenschaften unterstützen, tritt kein Verlust von Inhalt oder Funktionalität auf, wenn alle folgenden Eigenschaften festgelegt werden und keine anderen Stil-Eigenschaften geändert werden:

Die Akzeptanzkriterien der WCAG 2.1