Kleine Entscheidungen, die eine Seite leicht lesbar machen

Eine Seite ist nur nützlich, wenn der Mensch davor sie wirklich benutzen kann. Hier sind die kleinen Entscheidungen, die ipe.rest mit der Tastatur, auf einem kleinen Bildschirm oder in einer Schrift von rechts nach links leichter lesbar machen – und das, was wir noch nicht getestet haben.

Beim letzten Mal haben wir erklärt, wie sich die Seite ohne Verbindung öffnen lässt. In diesem Eintrag geht es um das Lesen selbst. Alles Folgende können Sie selbst überprüfen, mit einem Tastendruck oder mit den Werkzeugen Ihres Browsers.

Ein Weg am Menü vorbei

Drücken Sie auf einer beliebigen Sprachseite oder Journalseite die Tabulatortaste, und als Erstes erreichen Sie einen Link mit dem Text „Zum Inhalt springen“. Er bleibt unsichtbar, bis die Tastatur ihn erreicht, dann erscheint er oben auf der Seite. Folgen Sie ihm, und Sie gelangen direkt zum Text, ohne zuvor durch den Kopfbereich zu tabben.

Sie sehen immer, wo Sie sind

Wenn Sie sich mit der Tastatur bewegen, erhält der Link oder die Schaltfläche, auf der Sie stehen, einen zwei Pixel breiten blauen Rahmen mit einem kleinen Abstand. Wir haben den Standardrahmen des Browsers nicht einfach entfernt, sondern durch diesen deutlicheren ersetzt, denn eine Seite, der man mit den Augen nicht folgen kann, ist eine Seite, die man nicht benutzen kann.

Groß genug zum Antippen, leicht zu vergrößern

Links und Schaltflächen im Kopfbereich, im Fußbereich und in der Sprachauswahl sind mindestens 44 Pixel hoch, sodass ein Daumen sie trifft. Der Fließtext ist am Desktop 17 Pixel und am Smartphone 16 Pixel groß, mit großzügigem Zeilenabstand, und lange Wörter und Webadressen werden umgebrochen, statt die Seite zur Seite zu drücken.

Die Seite schaltet das Zoomen mit zwei Fingern nie ab, Sie können sie also so weit vergrößern, wie Ihr Browser es erlaubt. Und wenn Ihr System weniger Bewegung wünscht, schaltet die Seite ihre Übergänge und ihr weiches Scrollen ab.

Kontrast, den man berechnen kann

Der Haupttext ist ein dunkles Marineblau auf einer fast weißen Seite, ein Kontrastverhältnis von etwa 17 zu 1. Das Grau für Nebentexte liegt bei etwa 6 zu 1, das Blau der Links bei etwa 6,6 zu 1. Eine gängige Richtlinie verlangt mindestens 4,5 zu 1. Diese Zahlen stammen aus den Farben unseres Stylesheets, mit der Standardformel berechnet und nicht mit einem Prüfwerkzeug gemessen.

Jede Sprache in ihrer eigenen Richtung

Jede Seite gibt ihre Sprache an, und arabische Seiten geben die Richtung von rechts nach links an. Das Layout verwendet Anfang und Ende statt links und rechts, sodass der Sprunglink, die Listen und die Einzüge mit dem Text umkehren. Browser und Hilfstechnologien können die Sprachangabe nutzen, um die passende Stimme oder Schrift zu wählen.

Was wir nicht getan haben

Wir haben kein formelles Barrierefreiheits-Audit durchgeführt und nicht mit jedem Screenreader getestet. Die Seite hat ein einziges helles Farbschema und kein dunkles. Wenn Ihnen etwas im Weg steht, sagen Sie es uns auf der Kontaktseite, und wir sehen es uns an.

ipe(); // read it the way that works for you

Nichts davon ist raffiniert. Es ist eine kurze Liste von Voreinstellungen, die wir nicht entfernt haben, und eine Seite, die für Sie ruhig bleibt, ist für alle leichter zu lesen.