Share
Wir in der Webbranche schaffen oft die Mehrheit und machen unsere Arbeit für die Minderheiten erträglich. Das ist nicht gut genug In diesem Artikel werden wir Möglichkeiten zur Verbesserung des typografischen Erlebnisses für sehbehinderte Benutzer im Web untersuchen.
Berichten aus dem späten Jahr 2013 zufolge gibt es weltweit schätzungsweise 285 Millionen sehbehinderte Menschen. Während 90% dieser Menschen in Entwicklungsländern leben, zählen zu den verbleibenden 10% 28.500.000 Menschen, die sicherlich mit dem Internet in gewisser Weise interagieren. Es gibt spezielle Browser für sehbehinderte Benutzer wie WebbIE, die alle Seiten in reine Textschnittstellen umwandeln, um mit Bildschirmleseprogrammen zu arbeiten. Ist das aber ausreichend? Was ist mit denen, die nicht völlig blind sind, aber Probleme beim Lesen von Schriftarten über das Web haben? Ist ein Alles-oder-Nichts-Ansatz für sie fair?
WebbIE-Webbrowser 4Sehen wir uns die Probleme an, mit denen diese Anwendergruppe konfrontiert ist, wie unsere Branchenpraktiken dazu beitragen, sie zu verhindern und wie wir das Problem beheben können!
Wenn ein Designer eine Schrift erstellt, hat der bestimmte Betrachtungsort einen starken Einfluss. Zeichen, die auf gedruckten Medien gelesen werden sollen, sind so gestaltet, dass sie am besten dazu passen. Eine Desktop-Schriftart sollte zunächst optimiert werden, bevor sie im Web verwendet werden kann, und viele gängige Schriftarten haben heutzutage Webvarianten. Beispielsweise könnte eine für das Web optimierte Schriftart einen geringeren Strichkontrast haben (was Sie gleich sehen werden), eine größere x-Höhe, größere Zähler (die Löcher in einer Buchstabenform) und einen größeren Abstand. Einige dieser Änderungen sind zwar darauf ausgerichtet, die Lesbarkeit von Schriftarten im Internet zu verbessern, jedoch können sie bei Personen mit Sehstörungen den umgekehrten Effekt haben.
Sie werden oft hören, wie sich Leute in einer Diskussion verwickeln, die am besten für die Kopie lesbar ist. Serifen- oder Sans-Serif-Typ? Tatsächlich ist die Auswahl einer Schrift zur besseren Lesbarkeit nicht so schwarz und weiß.
Unmodulierte Schläge sind, wenn das Gewicht in den Strichen eines Charakters durchgehend unverändert bleibt. Dadurch werden viele definierende Merkmale von Buchstaben entfernt, die von Sehbehinderten zur Interpretation verwendet werden. Für einen sehbehinderten Benutzer kann der S einer nicht modulierten Schrift könnte durchaus als falsch interpretiert werden C.
Im obigen Beispiel sehen Sie, dass Arial im Gegensatz zu der klassischen Serife Georgia unmodulierte Striche hat. Verdana ist ein gutes Beispiel für eine Sans-Serif, die eine leichte Modulation aufweist. Seine erweiterten Endpunkte (das Ende der Striche) deuten auf einen "Stopp" hin, bevor das Auge des Lesers zum nächsten Zeichen wechselt.
In den fünfziger Jahren entwickelte Herman Zapf Optima mit genau diesem Gedanken. er zielte auf eine serifenlose serife, die den in seriösen Büchern und Zeitschriften häufig verwendeten serifenbildern ersetzen könnte.
Möglicherweise haben Sie dies zuvor getan: Das Gewicht einer Schrift auf kleinere Schriftgrößen erhöhen, um die Lesbarkeit zu verbessern. Dies ist zum größten Teil eine zufriedenstellende Lösung, die dem erwarteten, für den Benutzer lesbaren Inhalt vermittelt. Bei sehbehinderten Benutzern führt dies wiederum zu einem nahezu unmöglichen Leseerlebnis.
Wenn Sie eine Schriftart kombinieren, die nicht speziell für eine bestimmte Größe entwickelt wurde, und deren Lesbarkeit durch Hinzufügen von Gewicht verbessern (insbesondere, wenn der Browser das Gewicht hinzufügt, anstatt eine bestimmte Schriftartvariante zu verwenden), wird der Effekt nicht modulierter Striche übertrieben. Das zusätzliche Gewicht verwischt die Buchstabenmerkmale, die zur leichteren Identifizierung verwendet werden.
Kerning ist die charakteristische Anpassung des Abstands zwischen Zeichen in einer Schrift. Beim Kerning besteht das Ziel darin, für die gesamte Schriftfamilie einen bestimmten Abstand zwischen den Zeichen festzulegen. Bei den meisten Schriftarten, die Sie im Internet finden, wird die Menge an Leerzeichen auf einheitliche Weise behandelt.
Oberflächlich betrachtet scheint das nicht so wichtig zu sein, aber eine einheitliche Vorgehensweise kann zu einer Fehlinterpretation der Charaktere führen. Ein allgemeines Beispiel dafür ist L und J. Platzieren Sie diese beiden Zeichen nebeneinander, und Sie könnten sie leicht falsch lesen U, oder LI. Ein weiteres großartiges Beispiel ist die Hauptstadt zwei v, VV. Diese Kombination kann leicht als a betrachtet werden W.
Es ist unmöglich, die Lesbarkeit zu diskutieren, ohne die Farbauswahl zu erwähnen. Unterschiedliche Farbkombinationen für Schrift und Hintergrund erzeugen unterschiedliche Leseerlebnisse. Es ist zum Beispiel eine sichere Vorgehensweise, fast schwarzen Text auf einen fast weißen Hintergrund zu setzen. In derselben Hinsicht ist es eine schlechte Praxis, eine gelbe Farbe mit weißem Hintergrund zu verwenden. Letzteres sorgt für ein schreckliches Leseerlebnis und kann Kopfschmerzen verursachen.
Durch die Verwendung von Flat Design sind diese Farbprobleme heute im Vergleich zu vor wenigen Jahren kein so großes Problem. Es ist jedoch immer noch etwas zu berücksichtigen. Für einen Videohintergrund (auch ein steigender Trend) gibt es immer unterschiedliche Szenen, die die Farbbalance verändern. Bei flachem Design liegt das Problem in der Wahl, einfach eine Farbe so zu verändern, dass eine akzeptable Lesbarkeit gewährleistet ist.
Das Weiß auf Blau in diesem Beispiel sieht gut aus, aber nicht, wenn Ihre Sicht nicht 100% ist. Schauen Sie sich checkmycolours.com an, um Kombinationen zu analysieren, bei denen Sie unsicher sind.
Nachdem wir einige wichtige, wichtige Nachteile für sehbehinderte Benutzer mit Web-Typografie besprochen haben, gehen wir nun auf das ein, was als Web-Architekten getan werden kann, um dabei zu helfen.
Um Farbkombinationen zwischen Ihrem Schema und Ihrer Schriftart zu erstellen, müssen Sie nur eine einfache Regel anwenden. Der Hintergrund sollte klar und stumm genug sein, um keine Geräusche zu erzeugen. Für die Schrift eine Volltonfarbe mit einem respektablen Kontrast. Einfach, richtig?!
Für Videohintergründe ist etwas mehr involviert. Während eine überlappende Hintergrundfarbe unter dem Text groß ist, kann das Video die Atmosphäre und den Geräuschpegel durch wechselnde Szenen unterscheiden. Um dem entgegenzuwirken, müssen Sie alle unterschiedlichen Szenenänderungen im gesamten Video berücksichtigen.
Sieht super aus! Kann es aber nicht lesen.Das Anzeigen einer Schrift in einer sicheren Größe funktioniert nicht immer. Wie Sie wahrscheinlich bereits erlebt haben, erscheinen einige Schriftarten bei Verwendung in unterschiedlichen Größen unregelmäßig oder weniger verfeinert. Ein beliebter Fix für dieses Problem ist etwas zusätzliches Gewicht und einen Schlaganfall. Während dies helfen kann, ist es unordentlich und kann die Arbeit nicht vollständig erledigen.
Das Testen, ob Ihre Website für Menschen mit Sehbehinderung lesbar ist, ist nicht so schwierig, wie es sich anhört. Versuchen Sie, diese drei Dinge zu tun:
Sich bewusst zu sein, dass es ein Problem gibt, ist die halbe Miete. Nun sollten Sie einen soliden Ausgangspunkt haben, um zu verstehen, wie Sie sehbehinderten Benutzern ein besseres Erlebnis bieten können.
Accentsconagua