Erfolgskriterium 1.4.12
Textabstände
[Materialsammlung]
Sofern die Technologie es zulässt, lassen sich Abstände zwischen Zeichen, Wörtern, Zeilen und Absätzen durch Konfigurationen im Darstellungsprogramm vornehmen.
WCAG Kontext
Prinzip 1. Wahrnehmbar Perceivable
Informationen und Steuerelemente müssen in einer technisch darstellbaren Weise wahrnehmbar sein.
Richtlinie 1.4 Unterscheidbar
Mach es einfacher, Inhalt zu sehen und zu hören, die Trennung von Vordergrund und Hintergrund eingeschlossen.
Verwandte Erfolgskriterien
- 1,4,5 Abbildung von Text
- Wo immer möglich, muss Text als solcher verfügbar sein. Bei einer Abbildung von Text lassen sich Textabstände nicht verändern.
- 1.4.9 Abbildung von Text (Ohne Ausnahme)
- Konformitätsstufe AAA
- In der verschärften Variante ist Text lediglich dann in einer Grafik zulässig, wenn die Abbildung rein dekorativ oder unverzichtbar ist.
Erläuterungen zum Kontext
Strukturierende Übersetzung des Erfolgskriteriums
Bei Inhalt, der unter Verwendung von Markup-Sprachen verwendet wird, welche die folgenden Darstellungseigenschaften von Text zulassen, können
- ohne dass dadurch Inhalt oder Funktionalität verloren gehen und
- ohne dass weitere Darstellungseigenschaften geändert werden
alle folgenden Konfigurationen vorgenommen werden:
Darstellung | Erweiterungsmöglichkeit |
---|---|
Zeichenabstand (Laufweite) | 0,12 × Zeichengröße |
Wortabstand | 0,16 × Zeichengröße |
Zeilenhöhe (Zeilenabstand) | 1,5 × Zeichengröße |
Absatzabstand | 2 × Zeichengröße |
Ausnahme
Menschliche Sprachen und Schriften, die eine oder mehrere dieser Darstellungsmöglichkeiten in geschriebenem Text nicht vorsehen, können dieses Kriterium erfüllen, indem sie lediglich die verfügbaren Darstellungsmöglichkeiten für Sprache und Schrift anwenden.
Anmerkungen zur Übersetzung
- Die Bedingungen in der Einleitung wurden in einer Liste dargestellt.
- Die Anforderungen zur Erweiterung wurden in einer Tabelle realisiert.
- Die zu erweiternden Komponenten wurden von der kleinsten zur größten hin umgruppiert.
- Der Faktor x-fach wurde durch das Zeichen × ersetzt.
Englischsprachiger Originaltext des Erfolgskriteriums
In content implemented using markup languages that support the following text style properties, no loss of content or functionality occurs by setting all of the following and by changing no other style property:
- Line height (line spacing) to at least 1.5 times the font size;
- Spacing following paragraphs to at least 2 times the font size;
- Letter spacing (tracking) to at least 0.12 times the font size;
- Word spacing to at least 0.16 times the font size.
Exception: Human languages and scripts that do not make use of one or more of these text style properties in written text can conform using only the properties that exist for that combination of language and script.
Zum raschen Verständnis
Visuelle Lesefähigkeiten lassen sich von manche Menschen optimieren, indem sie Abstände zwischen Zeichen, Wörtern, Zeilen oder Absätzen erhöhen.
Erweiterte Abstände müssen bis zu einem bestimmten Grad möglich sein, ohne dass es zu Überlappungen kommt oder Textteile abgeschnitten werden. Es empfiehlt sich beispielsweise, Textbereichen keine fixen Höhenangaben zuzuordnen. Beim Erweitern der Zeilenabstände könnten ansonsten Inhalte vom Bildschirm verschwinden.
Gängige mit HTML und CSS-realisierte Seiten können dieses Erfolgskriterium im Wesentlichen erfüllen, indem sie Festlegungen für die Höhe von Textbereichen mit Pixelwerten unterlassen. Bei eingebetteten Inhalten könnten trotzdem Probleme auftreten.
In SVG-Grafiken und Abbildung von Text lassen sich Textabstände hingegen nicht erweitern.
Ausgenommene Formate
Auf PDF-Dateien ist dieses Erfolgskriterium nicht anzuwenden, solange es keine entsprechenden Konfigurationsmöglichkeiten gibt. Dies gilt auch für Untertitel von Videos.
Abbildungen von Text erlauben natürlich auch keine erweiterten Abstände und sollten auch aus diesem Grund so weit wie möglich vermieden werden. Eingebettete Canvas sind in diesem Zusammenhang als Abbildungen von Text anzusehen.
Zielgruppen
Auswirkung der Anforderungen
Der folgende Abschnitt kann mit den verlangten Mindestabständen formatiert werden. Da der Bereich mit einer fixen Höhe und der CSS-Anweisung overflow:hidden
versehen ist, verschwinden die letzten Zeilen vom Bildschirm.
Testverfahren
Um zu prüfen, ob die Anforderungen des Erfolgskriteriums 1.4.12 erfüllt sind, muss eine visuelle Sichtung der Inhalte unter den Minimalanforderungen erfolgen. Die Minimalanforderungen lassen sich mit CSS folgendermaßen darstellen:
Testvorgang
- Fügen Sie zum Test diesen Code am Ende der CSS-Datei ein. Dadurch werden alle allfälligen früheren Anweisungen überschrieben.
- Prüfen Sie im Browser, ob alle Inhalte und Funktionalitäten weiterhin am Bildschirm zu sehen sind. Achten Sie besonders auf die Bereiche, für die Sie im CSS-Code
height
odermax-height
mit einem Pixelwert finden.
Links
- Understanding WCAG 2.1 SC 1.4.12 Text Spacing
- Erläuterungen des W3C zum Erfolgskriterium mit Hinweisen zum wissenschaftlichen Hintergrund.