WCAG-Techniken: Typografie
Zur Barrierefreiheit gehört als einer der wichtigsten Design-Aspekte eine gute Lesetypografie. Wie Sie die Lesbarkeit Ihrer Texte sicherstellen und damit für ein besseres Textverständnis sorgen erklären die folgenden WCAG-Techniken:
Allgemeine Techniken
- G153: Den Text leichter lesbar machen
- G169: Ausrichtung eines Textes zu nur einer Seite
- G172: Bereitstellung eines Mechanismus, um die Ausrichtung eines Textes im Blocksatz zu entfernen
- G178: Bereitstellung von Steuerelementen auf der Webseite, die es den Benutzern erlauben, die Größe sämtlichen Textes auf der Seite schrittweise um bis zu 200 Prozent zu verändern
- G179: Sicherstellen, dass es keinen Verlust von Inhalt oder Funktionalität gibt, wenn sich die Größe des Textes ändert ohne dass sich die Größe des Containers ändert
- G188: Bereitstellung einer Schaltfläche auf der Seite, um Zeilen- und Paragraphenabstände zu vergrößern
CSS-Techniken
- C8: Benutzung des CSS letter-spacing, um die Laufweite innerhalb eines Wortes zu steuern
- C9: Benutzung von CSS, um dekorative Bilder einzuschließen
- C12: Benutzung von Prozent für Schriftgrößen
- C13: Benutzung von genannten Schriftgrößen
- C14: Benutzung von em-Einheiten für Schriftgrößen
- C19: Festlegung von entweder rechts- ODER linksbündiger Ausrichtung in CSS
- C20: Benutzung von relativen Maßen, um Spaltenbreiten festzulegen, so dass Zeilen durchschnittlich 80 Zeichen oder weniger haben, wenn der Browser in der Größe verändert wird
- C21: Festlegung des Zeilenabstands in CSS
- C22: Benutzung von CSS, um die visuelle Darstellung von Text zu steuern
- C24: Benutzung von Prozentwerten im CSS für die Größe von Containern
- C30: Benutzung von CSS, um Text mit Bildern eines Textes zu ersetzen und Bereitstellung von Benutzerschnittstellen-Steuerelementen um zu wechseln
Typische Fehler
- F69: Fehler bei Erfolgskriterium 1.4.4, wenn die Veränderung der Größe von visuell gerendertem Text bis zu 200 Prozent dazu führt, dass der Text, das Bild oder die Steuerelemente beschnitten, abgeschnitten oder verdeckt werden
- F88: Fehler bei Erfolgskriterium 1.4.8, weil Text im Blocksatz ausgerichtet ist (sowohl links- als auch rechtsbündig ausgerichtet)