Es gibt einen großartigen Artikel namens Designing for Dyslexics, der in drei Teile unterteilt ist. Teil 3 befasst sich mit Typografie:
- Teil 1 (Definition von Legasthenie, Populationsgröße, Auswirkungen / Auswirkungen)
- Teil 2 (Geringerer Farbkontrast und sehbehinderte Benutzer)
- Teil 3 (Typografie, Layouts, Sprachstil, Informationsarchitektur, Bildschirmleser)
Hier ist ein Auszug, ich habe einige der "Highlights" beschnitten, aber der ganze Artikel ist großartig und eine gute Lektüre wert.
Legastheniefreundliche Seiten sind weit mehr als nur die Reduzierung des Farbkontrasts. Auf der positiven Seite ist es wahrscheinlich, dass sich diese Änderungen positiv auf die Lesbarkeit der Seite für alle Benutzer auswirken.
Linienbreite
Kürzere Zeilenlängen und engere Textspalten erleichtern das Lesen. Stellen Sie eine prozentuale Breite für Textbereiche ein und setzen Sie die Ränder über CSS auf „0 auto“. Die Seitenränder werden dann auf breiteren Bildschirmen proportional vergrößert.
Zeilenhöhe
Die meisten Browser haben eine Standardzeilenhöhe von etwa 1em. Dies führt normalerweise zu dicht gepackten Textzeilen. Durch Erhöhen der Zeilenhöhe auf ca. 1,3 em werden längere Textzeilen sofort leichter lesbar.
Schriftgröße
Je kleiner der Text ist, desto schwieriger wird es, ihn zu lesen. Wenn Sie die Schriftgröße in absoluten Einheiten angeben, können Benutzer die Größe des Texts in seinem Browser nicht mehr ändern.
Schriftart
Verwenden Sie nach Möglichkeit eine serifenlose Schriftart. Die dekorativen „Haken“ an den Hauptstrichen von Serifenbuchstaben können für Legastheniker zusätzliche Probleme verursachen. Erkennbare Buchstaben innerhalb eines Wortes scheinen zu weit voneinander entfernt zu sein, um das gesamte Wort zu „sehen“. Dies kann auch dadurch verstärkt werden, dass der Abstand zwischen den Wörtern zum einfachen Lesen zu klein ist.
Wenn Sie eine Serifenschrift für Unternehmen verwenden müssen, sollten Sie den Buchstabenabstand geringfügig verringern, damit die Buchstaben innerhalb eines Wortes näher beieinander liegen, den Wortabstand jedoch vergrößern, um einen etwas größeren Abstand zwischen einzelnen Wörtern zu erzielen.
Begründet oder nicht?
Begründeter Text kann einen angenehmen visuellen Effekt erzeugen. Es erreicht jedoch seine schönen geraden Linien auf beiden Seiten des Textes, indem es einen variablen Abstand zwischen einzelnen Wörtern einführt.
Für einen Legastheniker kann es katastrophal sein! Die ungleichmäßigen Abstände zwischen den Wörtern erzeugen visuelle Ablenkungen, die schwer zu ignorieren sind. Infolgedessen verliert der Leser wiederholt seinen Platz. Ungerechtfertigter Text, auf den ersten Blick weniger attraktiv. ist viel einfacher zu lesen.
Verwenden Sie Kursiv sparsam
Wenn auf einer Webseite kursive Schriftarten verwendet werden, können die einzelnen Buchstaben im Vergleich zu nicht kursiven Schriftarten eine leicht gezackte Linie aufweisen. Diese „Pixelung“ in Verbindung mit ihrer „Neigung nach links“ macht es für Legastheniker schwierig, sie zu lesen. Der Effekt wird verstärkt, wenn der Text ebenfalls klein ist.
Verwenden Sie Kursivschrift sparsam und berücksichtigen Sie fett gedruckten Text für wichtige Wörter. Sie werden viel einfacher zu lesen sein.
Einige "Extras"
Die British Dyslexia Association hat auch einige Richtlinien in ihrem Styleguide .
Legasthenie-Schrift für Menschen mit Legasthenie
Lesen Sie die reguläre Schriftart, um effektiv lesen und schreiben zu können