Eine Einführung in die Barrierefreiheit: Teil 3

Im ersten Artikel unserer Übersicht zur Barrierefreiheit haben wir die Standards für die Wahrnehmbarkeit einer Website besprochen. Als nächstes sprachen wir über die Anforderungen an eine Website, um betriebsfähig zu sein. Für den letzten Artikel in unserer Übersicht zur Barrierefreiheit behandeln wir die letzten beiden Grundsätze barrierefreier Websites: verständlich und robust. Verständlich, an der Oberfläche, klingt ziemlich selbsterklärend. Aber robust? Was zum Teufel bedeutet das überhaupt? Um das herauszufinden, sind wir hier.

Beginnen wir mit verständlich.

Verständlich

Die Normen besagen: „Informationen und die Bedienung der Benutzeroberfläche müssen verständlich sein.“ Aus inhaltlicher Sicht erscheint das wie ein „na ja, offensichtlich (rollt die Augen)“, und Sie haben Recht. Das Prinzip, dass eine Website verständlich ist, sollte ein klares Konzept sein, aber wie bei einem Eisberg sind das, was sich an der Oberfläche befindet, und das, was sich darunter befindet, zwei völlig verschiedene Dinge.

Damit eine Website verständlich ist, muss sie drei Hauptpunkte abdecken: lesbar sein, vorhersehbar sein und bei Benutzereingaben Unterstützung bieten. Ein Benutzer muss in der Lage sein, Ihre Inhalte aus sprachlicher Sicht zu lesen, die Website sich vorhersehbar verhalten (wie sich „die meisten“ Websites verhalten) und grundlegende Anweisungen erhalten, wenn er um Eingaben gebeten wird (denken Sie an Labels auf einem Kontakt form).

Sprache ist ein großer Teil der Verständlichkeitsstandards. Auf der Basisebene bedeutet dies die Verwendung des lang -Attributs in Ihrem Haupt-HTML-Element. WordPress-Themes sollten dies standardmäßig tun. Das lang -Attribut ist ein A-Level-Standard, was bedeutet, dass es gemäß § 508-Gesetz erforderlich ist. Wenn Ihr Design dies nicht tut, werden Sie wahrscheinlich auf mehrere andere Barrierefreiheitsprobleme stoßen. Vielleicht möchten Sie daher ernsthaft über ein anderes Thema nachdenken.

Einer der schwerwiegenderen Aspekte einer verständlichen Website ist, was passiert, wenn der Fokus angewendet wird. Wir haben im letzten Artikel dieser Serie viel über den Fokus gesprochen, aber er muss noch einmal angesprochen werden. Wenn ein Element den Fokus erhält, sollte sich der Kontext dieses Elements nicht ändern. Das ist eine wissenschaftliche Art zu sagen, dass eine Schaltfläche nicht einfach durch Anwenden des Fokus aktiviert werden sollte. Versetzen Sie sich in die Lage einer Person, die mit der Tastatur navigiert. Sie drücken die Tabulatortaste, um zum nächsten Link zu wechseln, und plötzlich wird eine neue Seite geladen. Würdest du verstehen, was los ist?

Eine Einführung in die Barrierefreiheit: Teil 1

Barrierefreiheit ist ein Begriff, den Sie immer wieder hören, aber vielleicht nicht ganz verstehen. Dies liegt zum Teil daran, dass das Wort selbst etwas verwirrend sein kann. Das Wurzelwort, Zugang, lässt das Konzept an Dinge gebunden erscheinen wie …

Der Verständlichkeitsstandard, insbesondere der Aspekt der Vorhersagbarkeit, sind der Grund, warum das erwartete Tastenverhalten so wichtig ist. Ein Benutzer sollte ein Formular erst absenden, wenn er die Schaltfläche aktiviert (durch Klicken oder Drücken der Eingabetaste) hat. Wenn Sie einfach mit der Maus darüber fahren oder mit der Tabulatortaste darauf tippen, sollte sich nichts anderes ändern, als dass eine Hover- oder Fokus-CSS-Statusänderung angewendet wird.

Ein weiteres Schlüsselelement der Vorhersagbarkeit betrifft das Design Ihrer Website. Dinge wie Hover- und Fokus-Zustände sollten auf der gesamten Website konsistent sein. Dies ermöglicht Benutzern, insbesondere solchen mit Sehproblemen, Zustandsänderungen effektiver zu sehen. Sie können den Schaltflächentext möglicherweise nicht sofort lesen, aber wenn sie eine Änderung des Farbkontrasts bemerken, wissen sie, dass sie mit der Maus über das Element geschwebt oder darauf fokussiert haben. Das ist nicht nur gutes Design, sondern auch gute Zugänglichkeit.

Wichtig ist an dieser Stelle anzumerken, dass viele der Verständlichkeitsstandards auf AAA-Niveau liegen. Obwohl sie gesetzlich nicht vorgeschrieben sind, bedeutet dies nicht, dass sie nicht berücksichtigt werden sollten. Nehmen Sie zum Beispiel Standard 3.1.5 – Leseniveau funktioniert je nach Ihrer Zielgruppe auf einer gleitenden Skala. Dieser Standard bezieht sich auf das Leseniveau der Sekundarstufe I. Dies entspricht ungefähr einem Leseniveau der 6. Klasse, dem Standard für die meisten modernen amerikanischen Zeitungen, aber nicht einmal Zeitungen folgen diesem Standard, je nach Thema.

Wenn Sie für das Internet schreiben, müssen Sie Ihre Kunden im Auge behalten. Wenn Ihre Zielgruppe promovierende Forschende sind, sollten Sie sich inhaltlich auf einem ähnlichen Niveau bewegen. Aber wenn Sie für die breite Öffentlichkeit schreiben, sollten Sie so etwas wie die Flesch-Kincaid-Leseskala berücksichtigen. Wenn Sie das Yoast SEO-Plugin für Ihre WordPress-Site verwenden, ist der Flesch-Skalentest integriert. Er liefert Ihnen eine Aufschlüsselung, die Bewertung von Passiv, Übergangswörtern und der Länge Ihrer Sätze. Denken Sie auch hier an Ihre Zielgruppe. Der Yoast-Checker geht davon aus, dass Sie für ein allgemeines Publikum schreiben. Ihr Ziel sollte kein grüner Scheck von Yoast sein, sondern qualitativ hochwertige Inhalte für Ihr Publikum.

Der letzte wichtige Teil der Verständlichkeit ist die Eingabehilfe. Dies bedeutet mindestens zwei Dinge: Textfehlermeldungen und Beschriftungen auf Ihren Formulareingaben. Den Benutzern muss mitgeteilt werden, wofür jede Formulareingabe dient, und sie müssen mit Text benachrichtigt werden, wenn ein Fehler auftritt. Das sind die beiden gesetzlich vorgeschriebenen Abiturprüfungen. Wenn Sie eines der beliebten Formular-Plugins wie Gravity Forms oder Caldera Forms verwenden, sind Sie bereits mit dem Teil mit Fehlermeldungen für einfache Felder befasst. Sie müssen weiterhin sicherstellen, dass Ihre Elemente beschriftet sind. Die richtige Kennzeichnung ist ein eigenes Thema, aber stellen Sie zunächst sicher, dass Sie vernünftige Anweisungen geben („Name“ für das Namensfeld, „E-Mail“ für ein E-Mail-Feld).

Robust

Eine Einführung in die Barrierefreiheit: Teil 2

Im ersten Artikel unserer Übersicht zur Barrierefreiheit haben wir die Standards für die Wahrnehmbarkeit einer Website besprochen. Dieser wesentliche erste Schritt ist entscheidend, aber bei weitem nicht das ganze Bild. Sobald wir ma...

Der letzte Grundsatz der Barrierefreiheit ist, ob eine Website/ein digitaler Inhalt robust ist oder nicht. Insbesondere „muss der Inhalt robust genug sein, dass er von einer Vielzahl von Benutzeragenten, einschließlich unterstützender Technologien, zuverlässig interpretiert werden kann.“ Kurz gesagt: Stellen Sie sicher, dass es funktioniert, unabhängig von der Technologie. Es gibt nur zwei Standards, die eine robuste Site beinhalten, und beide sind A-Level, was nach § 508 des Gesetzes erforderlich ist.

Eine robuste Website ist eine Website, die den HTML-Standards folgt. Elemente werden vollständig geformt und bei Bedarf geschlossen. Wenn Sie ein <p> -Tag öffnen, schließen Sie es, wenn der Absatz fertig ist. Es ist ein weiteres Beispiel für „naja, offensichtlich“, aber Fehler passieren. Führen Sie Ihre Website durch einen HTML-Validierungsdienst, bevor Sie live gehen. Das W3C bietet einen kostenlosen Service an. Verwenden Sie es, beheben Sie Ihre Fehler, und Sie können loslegen.

Der andere Aspekt einer robusten Website ist, wo WAI-ARIA (Web Accessible Initiative – Accessible Rich Internet Applications) oder ARIA wirklich ins Spiel kommt. ARIA ist ein eigenes Thema, aber kurz gesagt, Sie sollten es nur bei Bedarf verwenden. Einige Instanzen beschriften ein Formularelement mit ARIA, wenn die Formularbeschriftung ansonsten unsichtbar ist. Damit sind Sie auch hinsichtlich der Eingabehilfen der Verständlichkeit abgesichert, je nachdem, wie das Formularelement sonst noch beschriftet ist.

Fazit

Oberflächlich betrachtet scheint die Zugänglichkeit des Webs ein komplexes Thema zu sein. In gewisser Weise ist es das, aber oft sind die Lösungen einfach. Eine zugängliche Website zu haben bedeutet, eine zu haben, die jeder potenzielle Benutzer genießen kann. Aus betriebswirtschaftlicher Sicht vertieft dies Ihren potenziellen Kundenkreis. Noch wichtiger ist, dass Sie aus menschlicher Sicht niemanden ausschließen.

In den nächsten Monaten werde ich tiefer in einige der Themen eintauchen, die wir in dieser Übersichtsreihe vorgestellt haben. Überprüfen Sie bis dahin die Standards und überprüfen Sie Ihre Websites. Erstellen Sie eine Liste dessen, was behoben werden muss, und priorisieren Sie diese basierend auf dem Standardniveau (A, AA oder AAA). Wenn Sie das Problem nicht selbst beheben können, beauftragen Sie einen Berater für Barrierefreiheit. Sie helfen Ihnen gerne dabei, das Internet für alle Ihre potenziellen Nutzer zu verbessern.