Diese Seite wurde mit AI-Unterstützung übersetzt. Das englische Original ist maßgeblich.
Die Ausgabe dieses Kapitels von 2005 tat, was jeder Leitfaden seiner Ära tat: Sie nannte Namen. Verdana, Georgia und ihre Kohorte — die für den Bildschirm in Auftrag gegebenen Microsoft Core Web Fonts — waren die vertretbaren Empfehlungen, als Designer sich nur auf Schriften verlassen konnten, die auf den Rechnern der Nutzer vorinstalliert waren. Zwanzig Jahre später ist diese Einschränkung verschwunden. Webfonts laden zuverlässig, Variable Fonts sind Mainstream, und der Katalog verfügbarer Schriftarten ist von einem Dutzend auf Zehntausende gewachsen. Eine Shortlist zu nennen ist nicht mehr nützlich. Die Kriterien zu lehren schon.
Dieser Wandel ist auch ehrlicher. Die alte Shortlist war nicht deshalb gut, weil diese Schriften Magie besaßen, sondern weil sie spezifische, überprüfbare Eigenschaften verkörperten: großzügige x-Höhen, offene Punzen, lockere Zurichtung und Buchstabenformen, die grobe Bildschirmdarstellung überlebten. Diese Eigenschaften — im Wesentlichen die Kriterien der Boyarski-Ära, die das ursprüngliche Kapitel zitierte — bleiben der richtige Test, und sie lassen sich in Minuten auf jede Kandidatenschrift anwenden.
Was sich seit 2005 geändert hat
Drei Dinge. Erstens löste sich das Auslieferungsproblem auf: @font-face und WOFF2-Kompression machten das Ausliefern einer gewählten Schrift zur Routine, sodass „Standard-Bildschirmschriften“ und „eingebettete Schriften“ keine bedeutsam verschiedenen Kategorien mehr sind — und die Lizenzsorgen, die das ursprüngliche Kapitel anmerkte, wurden weitgehend von Weblizenz-Normen und Open-Source-Schriften absorbiert.
Zweitens entstand ein Genre eigens entwickelter „barrierefreier Schriftarten“. Einige sind ernsthafte Anstrengungen: Atkinson Hyperlegible, in Auftrag gegeben vom Braille Institute, übertreibt die Unterschiede zwischen häufig verwechselten Zeichen für sehbehinderte Lesende. Lexend wurde um die Hypothese herum entworfen, dass weitere Abstände und bestimmte Proportionen die Leseflüssigkeit verbessern. APHont wurde vom American Printing House for the Blind für Druck und Bildschirm bei Sehbehinderung entwickelt. Luciole wurde in Frankreich eigens für sehbeeinträchtigte Lesende gestaltet. Das sind echte Projekte von Menschen, die das Problem studiert haben.
Drittens — und das ist der notwendige Vorbehalt — hat die Evidenzbasis mit dem Marketing nicht Schritt gehalten. Unabhängige Studien zu Lesegeschwindigkeit und Verständnis finden im Allgemeinen, dass individuelle Unterschiede zwischen Lesenden die Unterschiede zwischen vernünftigen Schriftarten überlagern und dass Vertrautheit selbst ein Leserlichkeitsfaktor ist. Insbesondere die vielbeachteten Behauptungen um dyslexiespezifische Schriften haben sich in kontrollierten Studien wiederholt nicht replizieren lassen: Lesende mit Dyslexie lesen in solchen Studien in Spezial-Dyslexie-Schriften im Allgemeinen nicht schneller als in gewöhnlicher, gut zugerichteter Schrift und bevorzugen oft vertraute Schriften. „Für Barrierefreiheit gestaltet“ ist eine Designabsicht, keine Ergebnisgarantie. Wählen Sie nach sichtbaren, überprüfbaren Eigenschaften, nicht nach dem Etikett.
Die Kriterien, auf die es ankommt
Die Liste der Version 1 hält sich bemerkenswert gut; hier ist sie, aktualisiert und testbar gemacht.
- Zeichenunterscheidbarkeit. Tippen Sie die Zeichenfolge Il1, dann 0O, dann rn neben m, dann cl neben d. Großes I, kleines l und die Ziffer 1 müssen auf einen Blick unterscheidbar sein — durch Serifen, ein l mit Fuß oder eine 1 mit flacher Fahne. Das ist das schnellste Ausschlusskriterium, und viele beliebte geometrische serifenlose Schriften scheitern daran.
- Offene Punzen. Die Öffnungen in a, c, e und s sollten weit sein. Geschlossene Punzen lassen das e unter Unschärfe, kleiner Größe oder eingeschränktem Sehvermögen zum o kollabieren.
- Großzügige x-Höhe, in Maßen. Eine große x-Höhe vergrößert den Teil des Buchstabens, der die meiste Identität trägt. Extreme schlagen fehl: Wenn die x-Höhe die Oberlängen bedrängt, beginnen h und n zu konvergieren, und d und a verlieren ihre Unterscheidbarkeit.
- Angenehme Zurichtung. Abstände, die in Textgrößen leicht locker sind, schlagen Abstände, die modisch eng sind. Prüfen Sie außerdem, ob die Schrift von Nutzern erhöhte Laufweiten (WCAG 1.4.12) verträgt, ohne auseinanderzufallen.
- Moderater Strichkontrast und stabile Übergänge. Klassizistische Schriften mit hohem Kontrast verlieren ihre Haarstriche bei kleinen Größen und niedrigen Auflösungen. Mittlere, annähernd monolineare Schnitte rendern verlässlich.
- Zweistöckiges a, unterscheidbares g, eindeutige Formen. Buchstabenformen sollten sich durch Konstruktion unterscheiden, nicht nur durch Nuancen. Gespiegelte Paare (b/d, p/q) profitieren von asymmetrischen Details.
- Eine echte Kursive und ein brauchbarer Fettschnitt. Wie in den Kapiteln 1.3 und 1.4 dargelegt, brauchen Sie ehrliche Auszeichnungsschnitte; eine Familie ohne sie erzwingt synthetische Varianten.
System-Stacks und die Vertrautheitsdividende
Der moderne Systemschrift-Stack — San Francisco auf Apple-Plattformen, Segoe UI unter Windows, Roboto auf Android, gerendert über font-family: system-ui — verdient ausdrückliches Lob. Diese Schriften wurden für das Rendering ihrer Plattformen entwickelt, liefern volle Strichstärkenbereiche und echte Kursiven mit, kosten nichts beim Laden (ein Performancegewinn, der auf langsamen Verbindungen selbst ein Gewinn für die Barrierefreiheit ist) und sind die Schriften, die Lesende den ganzen Tag sehen. Vertrautheit ist messbares Leserlichkeitskapital. Ein System-Stack ist nie die aufregende Wahl, aber für Anwendungsoberflächen und utilitären Text ist er nahezu unangreifbar.
Für eine redaktionelle Stimme ist die ehrliche Position, dass viele gewöhnliche, gut gemachte Textschriften — humanistische Serifenlose wie robuste Textserifen — jedes der obigen Kriterien erfüllen. Die zuvor genannten barrierefreiheitsorientierten Schriften sind ebenfalls vernünftige Kandidaten, insbesondere Atkinson Hyperlegible, wo sehbehinderte Lesende ein primäres Publikum sind. Entscheidend ist, dass die Wahl gegen die Kriterien und gegen Ihre tatsächlichen Rendering-Ziele geprüft wird, in Ihren tatsächlichen Größen.
In CSS
/* Criteria first, then names: distinct Il1/0O, open apertures */
body {
font-family: "Atkinson Hyperlegible", Seravek, Verdana,
system-ui, sans-serif;
font-size-adjust: 0.53; /* keep fallback x-heights consistent */
}
Empfehlungen
- Wählen Sie nach Kriterien, nicht nach Namen oder „barrierefreiem“ Branding: Testen Sie Il1, 0O, rn/m, die Offenheit der Punzen und die Zurichtung selbst.
- Behandeln Sie Spezial-Barrierefreiheitsschriften als Kandidaten, die dieselben Tests bestehen müssen — mehrere (Atkinson Hyperlegible, Lexend, APHont, Luciole) sind glaubwürdig; keine ist ein Wundermittel.
- Seien Sie skeptisch gegenüber Behauptungen zu Dyslexie-Schriften; kontrollierte Studien haben keine Vorteile bei der Lesegeschwindigkeit gestützt, und gewöhnliche, gut zugerichtete Schrift schneidet vergleichbar ab.
- Serife oder serifenlos ist nicht die Frage; die Qualität der Konstruktion ist es.
- Nutzen Sie System-Font-Stacks für UI und utilitären Text mit Zuversicht — Vertrautheit und Rendering-Qualität sind reale Vorteile.
- Verlangen Sie von jeder Familie, die Sie übernehmen, eine echte Kursive und mindestens einen soliden Fettschnitt.
- Prüfen Sie vor der Festlegung, ob Ihre Wahl WCAG-Textabstandsanpassungen, 200 % Zoom und Ihre kleinste Produktionsgröße übersteht.
- Testen Sie erneut, wenn sich die Schriftart, die Rendering-Umgebung oder das Publikum ändert — die Kriterien sind stabil, die Liste der Bestehenden nicht.