Content Accessibility 101

Zugänglichkeit von Inhalten 101

Warum besuchen Menschen Ihre Website? Was hält sie davon ab, für mehr zurückzukommen? Höchstwahrscheinlich ist es ein Ergebnis von qualitativ hochwertigen Inhalten. Inhalte machen das Wesen des Webs aus und warum Menschen dort so viel Zeit verbringen. Daher müssen die Inhalte selbst gut gestaltet sein, um ein angenehmes Benutzererlebnis zu schaffen.

Nicht alle Internetnutzer haben in ihrem Leben gleich viel Bildung erhalten. Einige von uns lesen auf unterschiedlichen Ebenen und mit unterschiedlichen Geschwindigkeiten. Menschen mit einer Lernbehinderung können Schwierigkeiten haben, Inhalte zu lesen und zu verstehen, die voller Fachjargon, Akronyme und anderer Komplexität sind.

Wie können wir also weiterhin qualitativ hochwertige Inhalte schreiben, die sowohl informativ als auch umfassend sind, um die Bedürfnisse unserer Leser zu erfüllen?

Passen Sie die Lesestufe für Inhalte an

Um sicherzustellen, dass die Inhalte für möglichst viele Menschen lesbar und verständlich sind, sollten Sie die Lesbarkeit Ihrer Inhalte mit der Hemingway-App testen. Diese praktische Utility-App liest Ihre Inhalte und gibt Empfehlungen basierend darauf, wie schwierig es für jemanden sein könnte, sie zu lesen und zu verstehen. Einige der Empfehlungen beinhalten:

  • Überlegungen zur Verwendung von Adverbien
  • Verwendung des Passivs
  • Komplexität von Phrasen
  • Schwierigkeiten beim Satzverständnis

Indem Sie Ihre Inhalte über dieses Dienstprogramm ausführen, werden Sie Ihre Inhalte am Ende umstrukturieren, um sie besser an ein allgemeineres Publikum anzupassen. Das empfohlene Leseniveau für inklusive Inhalte ist in der Regel das Leseniveau der 7. oder 8. Klasse. Die Hemingway-App informiert Sie darüber, wie sich Ihre Inhalte in dieser Hinsicht behaupten.

WCAG-Erfolgskriterien

Dies kommt auf 3.1.5 Leseniveau zurück, in dem es heißt:

„Wenn für Text nach Entfernung von Eigennamen und Titeln Lesefähigkeiten erforderlich sind, die über der Sekundarstufe I liegen, stehen ergänzende Inhalte oder eine Version zur Verfügung, die keine Lesefähigkeiten erfordern, die über der Sekundarstufe I liegen.“

Erklären Sie Akronyme, Abkürzungen, Numeronyme und komplexe Begriffe

Beim Schreiben von Inhalten für das Web ist es wichtig, bestimmte Einzelheiten unserer Inhalte näher zu erläutern, um niemanden aus dem Gespräch herauszulassen. Dies gilt insbesondere, wenn es um Benutzer geht, deren Hauptsprache nicht aus dem Ausgangsmaterial stammt.

Wenn entweder ein Akronym, eine Abkürzung, ein Numeronym oder eine komplexe Terminologie zum ersten Mal in einem Inhalt verwendet wird, sollte es von seinem vollständigen Namen, einem kurzen erklärenden Text in Klammern oder einem Link zu einer anderen Ressource mit weiteren Informationen begleitet werden.

Hier sind ein paar Beispiele:

  • „Die Vereinten Nationen (UN) sind eine zwischenstaatliche Organisation, die beauftragt wurde,…“ ( Quelle )
  • „HTML (HyperText Markup Language) ist der grundlegendste Baustein des Webs…“ ( Quelle )
  • „Eines der kritischsten Sicherheitsfeatures, das für viele moderne APIs und progressive Web-Apps erforderlich ist, ist HTTPS …“ ( Quelle )

Wenn Akronyme, Abkürzungen, Numeronyme oder komplexe Terminologie in unmittelbarer Nähe des betreffenden Inhalts erklärt werden, sind die Leser besser informiert und fühlen sich nicht aus dem Gespräch ausgeschlossen.

WCAG-Erfolgskriterien

Dies kommt auf 3.1.3 Unusual Words zurück, wo es heißt:

"Ein Mechanismus ist verfügbar, um spezifische Definitionen von Wörtern oder Phrasen zu identifizieren, die auf ungewöhnliche oder eingeschränkte Weise verwendet werden, einschließlich Redewendungen und Jargon."

Design für Legasthenie

Jemand mit Legasthenie, einer Behinderung, die die Geläufigkeit oder Genauigkeit einer Person beim Lesen, Schreiben und Buchstabieren beeinträchtigt, kann Schwierigkeiten haben, Inhalte auf dem Bildschirm zu lesen.

Es gibt ein paar Designüberlegungen, um den Text selbst für Menschen mit Legasthenie lesbar zu machen. Folgendes sollten Sie bei der Gestaltung von Inhalten vermeiden :

  • Blocksatz – Text, der vollständig im Blocksatz ausgerichtet ist, kann dazu führen, dass legasthenische Leser beim Lesen immer wieder den Platz verlieren. Um diese Frustration zu vermeiden, richten Sie Text immer linksbündig aus (oder rechtsbündig, abhängig von Ihrer Region).
  • Hoher Kontrast – Text, der in reinem Schwarz ( #000000 ) gegenüber reinem Weiß ( #ffffff ) gestaltet ist, kann eine kontrastreiche Leseumgebung erzeugen. Infolgedessen können einige legasthenische Benutzer feststellen, dass Wörter miteinander verwirbeln oder verschwimmen.
  • Kursiver Inhalt – Die Verwendung von kursivem Text kann tatsächlich zu einem schlechten Leseerlebnis für Menschen mit Legasthenie führen, da die Buchstaben schräg und zusätzlich verpixelt sind. Sparsam verwenden!

Textgestaltung

Sehen wir uns noch ein paar weitere Überlegungen zur Arbeit mit Text und Schriftarten im Web an:

  • Schriftgröße
  • Linienlänge
  • Zeilenhöhe

Schriftgröße

In den späten 1990er und frühen 2000er Jahren hatten Websites einen Fließtext, der irgendwo zwischen 9px und 14px . Während dieser Zeit mussten sich Designer normalerweise nur um Bildschirmgrößen von 10 Zoll bis 19 Zoll für einen Desktop-Computer kümmern.

Spulen wir bis 2011 vor, hatten Designer nun eine riesige Fülle von Bildschirmgrößen, Geräten, Ausrichtungen und Betrachtungslängen zu berücksichtigen. Mit der Masseneinführung von Responsive Webdesign funktionierten diese kleineren Schriftgrößen nicht gut auf kleineren Handheld-Geräten. Infolgedessen wurde die neue 16px und hat sich seitdem nicht wesentlich geändert.

Schriftgröße und Zugänglichkeit

Betrachten wir einige Gründe, warum größere Schriftgrößen die Zugänglichkeit für jede Website verbessern.

  • Lesbarkeit – Größere Schriftgrößen entsprechen einer besseren Lesbarkeit. Dies erleichtert das Leseerlebnis für Personen mit Sehbehinderung, einschließlich älterer Generationen, die aufgrund von Sehschwäche normalerweise eine größere Schriftart auf einer Benutzeroberfläche benötigen. Das Erhöhen der Schriftgröße auf jeder Website um ein paar Pixel trägt erheblich zur Lesbarkeit bei.

  • Benutzerfreundlichkeit – Größere Schriftarten bedeuten, dass weniger Inhalt erforderlich ist, um den verfügbaren Platz in einem Design auszufüllen. Weniger Inhalt bedeutet weniger kognitive Belastung für die Leser. Weniger Inhalt erforderlich bedeutet auch, beim Schreiben von Inhalten präzise und direkt zu sein und die Anforderung zu erfüllen, das Leseniveau zu senken, was wiederum die Leserschaft und die Benutzerbasis insgesamt erhöht.

  • Scanbarkeit – Es ist durchaus üblich, dass Leute schnell eine Seite mit Inhalten scannen, nur um ein Gefühl dafür zu bekommen, was die Seite zu bieten hat. Mit größeren Schriftgrößen, insbesondere Überschriften, wenn sie in einer visuellen Hierarchie entworfen und verwendet werden, erhöht dies die Scanbarkeit von Inhalten. Der Vorteil besteht wiederum darin, die kognitive Belastung zu verringern. Und auf der anderen Seite der Altersgleichung haben jüngere Generationen tendenziell weniger Patienten und eine geringere Aufmerksamkeitsspanne. Daher ist die Scanbarkeit der Schlüssel, um Ihre Botschaft jüngeren Lesern zu vermitteln.

Eine größere Schriftgröße bedeutet weniger Unordnung auf dem Bildschirm, was einen klareren Lesepfad und mehr von dem erzeugt, was die Leute wollen; Inhalt.

Linienlänge

Die optimale Zeilenlänge liegt normalerweise zwischen 55 und 75 oder 80 Zeichen pro Zeile. Durch die Begrenzung der Breite oder der horizontalen Spannweite des Inhalts ermüden Benutzer weniger, wenn sie von rechts nach links auf der Suche nach der nächsten Inhaltszeile suchen.

Andererseits erzwingen zu kurze Zeilen oft einen unschönen Wortwechsel, was zu Leseschwierigkeiten führt. Testen Sie Ihre Benutzeroberfläche unbedingt in verschiedenen Situationen und Sprachen (falls unterstützt), um sicherzustellen, dass die Zeilenlänge nicht zu lang oder zu kurz ist.

Zeilenhöhe

Das Festlegen einer Zeilenhöhe wirkt sich auf den Abstand zwischen Inhaltszeilen aus. Eine "optimale" Einstellung an sich gibt es nicht, da diese vom beabsichtigten Design und der verwendeten Schriftart abhängt.

Was wichtig zu beachten ist, ist ein neues Erfolgskriterium, das in WCAG 2.1 eingeführt wurde: 1.4.12 Textabstand . Dies besagt im Wesentlichen, dass, wenn der Benutzer die Zeilenhöhe überschreibt, um sein Leseerlebnis zu verbessern, kein Inhalts- oder Funktionsverlust auftritt, wenn er auf mindestens das 1,5-fache der Schriftgröße eingestellt ist.

Mit anderen Worten, für den Fall, dass der Endbenutzer die Typografie nach seinen eigenen Vorstellungen anpasst, sollte das Design eine größere Zeilenhöhe als im ursprünglichen Design vorgesehen ermöglichen und sicherstellen, dass der Inhalt noch lesbar ist.

WCAG-Erfolgskriterien

Dies kommt auf 1.4.12 Textabstand zurück, der besagt:

"Bei Inhalten, die mit Auszeichnungssprachen implementiert wurden, die Textstileigenschaften unterstützen, tritt kein Inhalts- oder Funktionsverlust auf, wenn keine andere Stileigenschaft festgelegt und geändert wird."

Ressourcen:

Zurück zum Blog