Barrierefreie Typografie: Schrift, Größe und Lesbarkeit
Lesbare Schrift, Größe, Zeilenabstand und 200-Prozent-Skalierung nach WCAG 2.2: barrierefreie Typografie richtig umsetzen, ohne Legasthenie-Font-Mythos.
Barrierefreiheit endet nicht auf der Startseite. Diese Kategorie betrachtet die Kanäle, über die Kundinnen und Kunden tatsächlich abschließen: Onlineshops mit Filtern, Varianten und Checkout, Formulare und Terminbuchungen, Kundenkonten, Newsletter und Transaktionsmails sowie gestaltete Landingpages. Wir zeigen, welche typischen Muster Menschen ausschließen — Bedienelemente ohne Namen, reine Farbcodierung, Zeitlimits, unlesbare Bildtexte in E-Mails — und wie sich diese Muster ersetzen lassen, ohne Gestaltung aufzugeben. Dazu gehören Prüfwege für Bestellstrecken, der Umgang mit Drittanbieter-Bausteinen und die Frage, wie sich Anforderungen in bestehende Design-Systeme und Vorlagen übernehmen lassen, damit neue Seiten von vornherein zugänglich entstehen. Ergänzend zeigen wir, wie sich wiederkehrende Bausteine einmal barrierefrei bauen und danach in Kampagnen und Shopseiten weiterverwenden lassen.
Lesbare Schrift, Größe, Zeilenabstand und 200-Prozent-Skalierung nach WCAG 2.2: barrierefreie Typografie richtig umsetzen, ohne Legasthenie-Font-Mythos.
Barrierefreie Newsletter und Transaktionsmails nach BFSG und WCAG 2.1: lang-Attribut, Alt-Texte, Kontrast, echter Text und Dark Mode praktisch umsetzen.