Net Content material Accessibility Tips and Website positioning

0

Die Ansichten des Autors sind ganz seine eigenen (mit Ausnahme des unwahrscheinlichen Ereignisses einer Hypnose) und spiegeln möglicherweise nicht immer die Ansichten von Moz wider.

Wenn Sie derzeit daran arbeiten, Ihre Website für alle Benutzer zugänglich zu machen, haben Sie wahrscheinlich bereits von dem Gesetz über Amerikaner mit Behinderungen (ADA) gehört. Dieses US-Bundesgesetz wurde verabschiedet, um die Diskriminierung behinderter Menschen durch Regierungsbehörden oder private Unternehmen zu verhindern.

Obwohl der ADA erstellt wurde, bevor die meisten Organisationen online präsent waren, zeigt der jüngste Präzedenzfall, dass das Gesetz für die Zugänglichkeit von Websites und mobilen Apps ebenso gilt wie für physische Standorte wie Geschäfte, Restaurants und Kinos.

Die ADA selbst legt keine spezifischen Kriterien für die Barrierefreiheit im Internet und auf Mobilgeräten fest. Stattdessen wenden sich viele Webentwickler und Juristen den Richtlinien für die Barrierefreiheit von Webinhalten (WCAG) zu, die heute allgemein als Maßstab für die digitale Barrierefreiheit anerkannt sind.

In diesem Blog werden wir uns die WCAG genauer ansehen und die Schritte skizzieren, die Sie unternehmen können, um ihre Standards zu erfüllen. Wir werden auch kurz erklären, warum barrierefreie Websites in Suchmaschinen normalerweise einen höheren Rang einnehmen – so dass Barrierefreiheit die richtige Wahl ist!

Was ist der Zusammenhang zwischen SEO und Barrierefreiheit?

Wenn Sie sicherstellen, dass Ihre Website für alle Benutzer zugänglich ist, hat dies bereits enorme Vorteile für Ihr Unternehmen. Wenn mehr Menschen Ihre Website besuchen, ist mit einem Anstieg des Geschäftsvolumens zu rechnen. So einfach ist das.

Angesichts der Tatsache, dass jeder vierte Amerikaner mit einer Behinderung lebt und das verfügbare Einkommen von Menschen mit Behinderungen weltweit 1,2 Billionen US-Dollar beträgt, werden Ihre Produkte und Dienstleistungen für alle zugänglich, wenn Sie Ihre Website und Ihre mobilen Anwendungen für jedermann zugänglich machen. und kann auch zu erheblichen Verbesserungen in der SEO Ihrer Website führen.

Betrachten Sie dieses Beispiel: Suchmaschinen zielen darauf ab, Seiten mit klarem und korrekt geordnetem Inhalt zu bewerben. Dies bedeutet, dass Sie die WCAG-Richtlinien für Überschriften befolgen müssen. Wenn Sie die Überschriftenränge nicht in der richtigen Reihenfolge einfügen, z. B. indem Sie Text auf einer vierten Ebene platzieren (

) Überschrift nach einer zweiten Ebene (

) Überschrift – Sie können Zugänglichkeitsprobleme für Personen verursachen, die unterstützende Technologien verwenden.

Wenn Sie keinen geeigneten alternativen Text für Bilder bereitstellen oder Untertitel mit alternativem Bildtext verwechseln, verursachen Sie Probleme für Benutzer mit Behinderungen und beschädigen auch die Bild-SEO auf Ihrer Website.

Dies sind nur einige Beispiele dafür, wie die Verbesserung der Barrierefreiheit von Websites die Suchmaschinenoptimierung verbessern kann. Weitere Informationen finden Sie in Cooper Hollmaiers neuer Whiteboard-Serie zum Zusammenhang zwischen Barrierefreiheit und Suchmaschinenoptimierung.

Jede Investition, die Sie in die digitale Barrierefreiheit tätigen, spiegelt sich auch in Ihren Suchrankings wider. In seinem Leitbild sagt Google, dass sein Zweck darin besteht, “die Informationen der Welt zu organisieren und sie allgemein zugänglich und nützlich zu machen”. “Universell zugänglich” ist hier der Schlüsselbegriff. Es wird vorgeschlagen, dass Websites mit starken Barrierefreiheitsfunktionen in den Suchrankings immer höher werden, wenn Google seine Suchmaschine weiterentwickelt und sie an den Prinzipien des barrierefreien Designs ausrichtet.

Was ist WCAG und wie können Sie Compliance erreichen?

Weiße Box auf lila Hintergrund.  In der Box befindet sich ein Fortschrittsbalken für die Aktualisierung

Die WCAG bietet eine Reihe von Regeln für Webentwickler, die barrierefreie Websites erstellen möchten. Es wurde vom World Wide Web Consortium (W3C) ins Leben gerufen, einer globalen Gemeinschaft von öffentlichen Organisationen und Mitgliedsorganisationen, die sich dafür einsetzen, das Internet für alle zugänglich zu machen.

Websites und mobile Anwendungen ändern sich ständig, da neue Technologien und Innovationen verfügbar werden. Um die WCAG-Richtlinien auf dem neuesten Stand zu halten, arbeitet W3C auch daran, Webentwicklern laufend neue Ratschläge zu geben.

Wenn Sie sich die jüngsten Klagen wegen digitaler Barrierefreiheit ansehen, werden Sie feststellen, dass WCAG 2.0 die am häufigsten zitierte Version ist. Beachten Sie jedoch, dass diese Version bereits veraltet ist. WCAG 2.1 ist jetzt verfügbar und bietet weitere Hinweise zur mobilen Erreichbarkeit – und WCAG 2.2 ist auf den Fersen.

Es ist auch wichtig zu beachten, dass „WCAG-Konformität“ zwar ein weit verbreiteter Begriff ist, aber tatsächlich eine falsche Bezeichnung ist. Technisch gesehen ist es genauer, über eine erfolgreiche Erfüllung der WCAG-Standards nachzudenken. Der Begriff „WCAG-Konformität“ impliziert eine Regulierungsbehörde, und W3C ist weder eine Regulierungsbehörde für die Industrie noch Teil der Bundesgesetzgebung. Die Einhaltung der WCAG ist jedoch die akzeptierte Formulierung sowohl bei Webentwicklungskonferenzen als auch bei Rechtsseminaren. Daher verwenden wir den Begriff in diesem Artikel.

Muss meine Website den WCAG-Standards entsprechen?

Wenn Sie in den USA sind, ist dies der Fall. Jede Website, die von einem US-Bürger verwendet wird oder einem US-Unternehmen gehört, ist gesetzlich zur Einhaltung der ADA verpflichtet. Und da die WCAG häufig als Standard für die digitale Zugänglichkeit während eines Rechtsstreits angeführt wird, kann die Befolgung ihrer Richtlinien Ihrem Unternehmen helfen, kostspielige und schädliche Rechtsstreitigkeiten zu vermeiden. Die Vorstellung, dass jedes Unternehmen von der ADA-Konformität ausgenommen ist, ist ebenfalls ein Mythos.

Wie kann ich meine Website WCAG-konform machen?

Vier weiße Kästchen auf lila Hintergrund, die jeweils eine von vier Abbildungen enthalten: ein Auge, einen Joystick, eine Glühbirne und ein Zahnrad.

Die WCAG legt vier Hauptprinzipien fest. Diese bieten eine solide Grundlage, auf der Webentwickler Websites erstellen können, die für alle zugänglich sind. Schauen wir uns jeden einzelnen genauer an:

1. Wahrnehmbar

Um wahrnehmbar zu sein, müssen alle auf einer Website enthaltenen Informationen und alle Funktionen der Benutzeroberfläche – wie Links, Textfelder und Schaltflächen – so dargestellt werden, dass alle Benutzer sie mit mindestens einem ihrer Sinne wahrnehmen können. Wenn Inhalte für einen Benutzer verborgen sind, kann die Website nicht als wahrnehmbar angesehen werden.

2. Bedienbar

Eine Website gilt als betriebsbereit, wenn alle Benutzer mit ihr interagieren und erfolgreich darin navigieren können. Wenn eine Website über interaktive Funktionen verfügt, müssen alle Benutzer in der Lage sein, diese Komponenten zu bedienen.

3. Verständlich

Alle Benutzer müssen in der Lage sein, die Informationen und die Benutzeroberfläche einer Website zu verstehen. Webseiten sollten auf vorhersehbare Weise angezeigt werden und funktionieren, und Benutzer sollten vor Eingabefehlern auf Seiten geschützt werden, die zu rechtlichen Verpflichtungen oder Finanztransaktionen führen.

4. Robust

Der Inhalt einer Website muss von einer Vielzahl von Benutzeragenten interpretiert werden können. Beispielsweise müssen Standard-Webbrowser und unterstützende Technologien wie Bildschirmleseprogramme auf eine Website zugreifen können, und der Inhalt einer Website muss weiterhin zugänglich sein, wenn sich unterstützende Technologien weiterentwickeln.

Wie kann ich meine Compliance-Reise beginnen?

Drei weiße Kästchen auf einem lila Hintergrund beschriftet:

Auf dem Papier klingen die vier in der WCAG dargelegten Grundsätze der Barrierefreiheit recht einfach. Aber wie können Sie sie anwenden? Um diese Frage zu beantworten, bietet die WCAG detailliertere Richtlinien für jedes der vier Themen an und unterteilt jede Empfehlung in eine Reihe von Erfolgskriterien. Die WCAG skizziert auch einige „ausreichende Techniken“, die Beispiele dafür liefern, wie Entwickler sie in der Praxis erreichen können. Stellen Sie sich das als Checkliste für die Einhaltung vor.

Jedes Erfolgskriterium wird auch nach drei Ebenen klassifiziert: A, AA und AAA. A gibt die grundlegendste Zugänglichkeitsstufe an, und AAA gibt die umfassendste an. Derzeit interpretieren Gerichte die mittlere Ebene AA als Benchmark.

Dieser Artikel soll Ihnen zwar ein besseres Verständnis der WCAG-Kriterien vermitteln, listet jedoch nicht alle Richtlinien vollständig auf. Wenn Sie mehr über die einzelnen Kriterien erfahren möchten, lesen Sie die Kurzanleitung „Wie Sie die WCAG erfüllen“ auf der W3C-Website. Dies bietet einen endgültigen Leitfaden für jeden Aspekt der WCAG mit Vorschlägen, wie Entwickler diese erfüllen können.

1. A: Ihre Website ist für einige Benutzer zugänglich

Die Erfolgskriterien der Stufe A beschreiben die Schritte, die Sie unternehmen können, um einige der schwerwiegendsten Verstöße gegen die Barrierefreiheitsprinzipien zu vermeiden. Zum Beispiel konzentriert sich Richtlinie 1.4 auf die Unterscheidbarkeit, was einfach bedeutet, dass Benutzer Inhalte leicht wahrnehmen können.

Abschnitt 1.4.1 Die Verwendung von Farbe ist ein Erfolgskriterium der Stufe A. Es wird erklärt, dass Websites nicht nur Farbe als primäre Methode zur Übermittlung von Informationen verwenden sollten, die auf Aktionen hinweisen, eine Antwort auslösen oder ein unterscheidendes visuelles Element darstellen.

Wenn eine Website eine Passage mit rotem Text enthält und die Hyperlinks in diesem Text grün hervorgehoben sind, kann ein Benutzer mit rot / grüner Farbenblindheit keine Links vom Text unterscheiden. Eine Möglichkeit, die Barrierefreiheit zu verbessern, besteht darin, den Links einen weiteren visuellen Hinweis hinzuzufügen, z. B. sie zu unterstreichen oder eine andere Schriftart zu verwenden.

2. AA: Ihre Website ist für fast alle Benutzer zugänglich

Um Level AA zu erfüllen, müssen Sie zuerst alle Erfolgskriterien von Level A erfüllen. Level AA-Richtlinien bauen natürlich auf den Level A-Kriterien auf und bieten zusätzliche Anforderungen.

In Richtlinie 1.4 beispielsweise erweitert das Erfolgskriterium AA (1.4.3 Kontrast (Minimum)) die Anleitung zu 1.4.1 Verwendung von Farbe. Es wird beschrieben, dass Text auf jeder Seite ein Farbkontrastverhältnis von 4,5: 1 oder höher haben muss. Es gibt einige Ausnahmen, wenn der Text groß ist oder wenn die Textbilder vollständig dekorativ sind oder Teil einer Marke oder eines Logos sind.

Weitere Informationen zum Erreichen des richtigen Farbkontrasts finden Sie in unserem vollständigen Artikel zum Thema. Für die Zwecke dieses Blogs reicht es aus, sich den Unterschied zwischen einer Website vorzustellen, auf der der Haupttext als schwarzer Text auf weißem Hintergrund dargestellt wird, und einer Website, auf der der Text auf weißem Hintergrund hellgelb ist. Schwarz-auf-Weiß hat ein hohes Kontrastverhältnis, während Gelb-auf-Weiß ein sehr niedriges Kontrastverhältnis aufweist. Benutzer mit Sehbehinderungen haben häufig Schwierigkeiten, kleine Unterschiede im Farbkontrast zu erkennen. Umso wichtiger ist es für Websites, sicherzustellen, dass das Farbkontrastverhältnis von Text hoch genug ist, um ihn für alle lesbar zu machen.

Zu den Erfolgskriterien der Stufe AA gehört auch 1.4.4 Textgröße ändern. Dies empfiehlt, dass Benutzer Text um bis zu 200 Prozent der Standardgröße vergrößern können sollten, ohne dass unterstützende Technologien erforderlich sind.

3. AAA: Ihre Website ist für die meisten Benutzer zugänglich

Wie bei den beiden vorherigen Stufen erfordert die Einhaltung der Stufe AAA, dass zuerst alle Erfolgskriterien der Stufen A und AA erfüllt werden. Um das AAA-Niveau zu erreichen, müssen Websites noch detailliertere Standards erfüllen. In Richtlinie 1.4 finden wir beispielsweise 1.4.6 Kontrast (verbessert), wodurch das erforderliche Farbkontrastverhältnis von 4,5: 1 auf 7: 1 angehoben wird.

Kriterium 1.4.8 Visuelle Präsentation ergänzt 1.4.4 Ändern der Textgröße, indem die Größe des Textes um bis zu 200 Prozent geändert werden muss, während sichergestellt wird, dass der Benutzer weiterhin jede vollständige Textzeile lesen kann, ohne das Browserfenster horizontal scrollen zu müssen. Dieses Kriterium enthält auch zusätzliche Vorschläge, z. B. die Möglichkeit, Benutzer die Vordergrund- und Hintergrundfarben selbst auszuwählen und Einstellungen für den Zeilenabstand und die Ausrichtung festzulegen, die das Lesen von Text für Menschen mit visuellen oder kognitiven Behinderungen wie Legasthenie erleichtern.

Verbessern Sie die Zugänglichkeit Ihrer Website

Indem Sie den Prinzipien des barrierefreien Designs folgen, erleichtern Sie Suchmaschinen auch das Parsen und Ranking Ihrer Website.

Natürlich ist die digitale Erreichbarkeit ein großes Thema, daher brauchen Sie möglicherweise eine Anleitung! Glücklicherweise gibt es zahlreiche Hilfsmittel, darunter nicht zuletzt die vollständigen Richtlinien für die Barrierefreiheit von Webinhalten (WCAG) des W3C, die Ihr Prüfstein für alle Barrierefreiheit sein sollten. Sie können möglicherweise auch die Kurzanleitung als Checkliste für wichtige Barrierefreiheitsthemen verwenden.

Es gibt auch viele automatisierte Tools, mit denen Sie Probleme mit der Barrierefreiheit finden und beheben können, einschließlich der von meiner Firma AudioEye erstellten, und Sie können sie kostenlos ausprobieren. Wir bieten auch Managed Services an, die von einem Team akkreditierter Experten geleitet werden. Sie können sich daher gerne an uns wenden, um Ratschläge und Empfehlungen zu erhalten, wenn Sie den nächsten Schritt unternehmen.

Leave A Reply

Your email address will not be published.