Sitemap Menü umschalten

So machen Sie Ihre Website barrierefreier (und warum sollten Sie das tun)

Veröffentlicht: 2022-09-09

Website auf einem Laptop geladen

Ist Ihre Unternehmenswebsite barrierefrei optimiert?

Die Antwort auf diese Frage betrifft Sie und Ihr Unternehmen mehr als Sie denken. Nach Angaben der Weltgesundheitsorganisation (WHO) leiden derzeit über eine Milliarde Menschen an Behinderungen (etwa 15 % der Weltbevölkerung). Und die Zahl steigt.

Manche Behinderungen erschweren oder verunmöglichen das Surfen im Internet. Infolgedessen verpassen die meisten Unternehmenswebsites die Gelegenheit, dieses wertvolle Publikum zu erreichen.

Im Folgenden geben wir Einblicke, wie Sie Ihre Website barrierefreier gestalten können. Aber lassen Sie uns zunächst kurz die Arten von Behinderungen betrachten, die die Barrierefreiheit im Internet ansprechen soll:

  • Visuell. Sehbehinderungen umfassen, sind aber nicht beschränkt auf Blindheit, schlechtes Sehvermögen und Farbenblindheit.
  • Auditiv. Hörbehinderungen umfassen, sind aber nicht beschränkt auf Taubheit oder schwerhörige Personen.
  • Motorik/Mobilität. Motorische Beeinträchtigungen umfassen, sind aber nicht beschränkt auf Schwierigkeiten oder Unfähigkeit, die Hände zu benutzen, Muskelverlangsamung und Verlust der Muskelkontrolle.
  • Neurologisch. Zu den neurologischen Behinderungen gehören unter anderem Epilepsie, Zerebralparese, Krampfanfälle usw.
  • Kognitiv & Intellektuell. Kognitive Behinderungen umfassen, sind aber nicht beschränkt auf Entwicklungsstörungen, Lernbehinderungen (Legasthenie, nonverbales Lernen usw.)

Da Behinderungen unterschiedlich sind, hängt es von ihrem Computer ab, ob sie Hilfstechnologien verwenden oder nicht, und von ihrer Behinderung, wie behinderte Menschen auf das Internet zugreifen.

Wenn Sie Ihre Unternehmenswebsite barrierefrei machen, können Sie ein größeres Publikum erreichen. Und Barrierefreiheit ist in einigen Branchen und Ländern gesetzlich vorgeschrieben. Unter anderem Web-Zugänglichkeit:

  1. Bietet gleichberechtigten Zugang zu Informationen. Barrierefreie Websites helfen Menschen mit Behinderungen, sich aktiver an der Gesellschaft zu beteiligen.
  2. Verbessert die Navigation. Betrachten Sie barrierefreie Navigation nicht als Kompromiss. Im Gegenteil, eine gute Navigation trägt zu einer robusten Benutzererfahrung (UX) bei. Intuitive Layouts sorgen für ein komfortables Surferlebnis für Ihre Besucher, was das ultimative Ziel ist, die Benutzer an Ihr Produkt oder Ihre Marke zu binden.
  3. Öffnet Interaktionsmöglichkeiten. Jeder sollte die gleichen Möglichkeiten haben, sich an den Inhalten zu erfreuen und in der Lage zu sein, sich auszutauschen und miteinander zu kommunizieren. Ein integratives Umfeld erhöht die Wahrscheinlichkeit, dass Besucher mit Ihrer Marke interagieren.
  4. Ethisch und vorteilhaft für alle. Der Zugriff auf Technologien, die die Behinderung einer Person berücksichtigen, zeigt Ihr Einfühlungsvermögen und hilft nicht nur behinderten Benutzern, sondern kann auch zu mehr Geschäft für Sie führen.
  5. Manchmal gesetzlich vorgeschrieben. Einige Branchen und viele Länder haben Gesetze, die die Barrierefreiheit im Internet durchsetzen (Sie können verklagt werden, wenn Ihre Website barrierefrei sein muss, dies aber nicht der Fall ist). Hier ist eine hilfreiche Liste mit Ressourcen zu den Anforderungen an die Barrierefreiheit im Internet in verschiedenen Ländern. Wenn Ihr Unternehmen in den USA ansässig ist, finden Sie auf der Website des Americans with Disabilities Act (ADA) eine gute Einführung, wie Sie Klagen wegen Barrierefreiheit von Websites vermeiden können.

Richtlinien für barrierefreie Webinhalte (WCAG) 2.0 & 2.1

Die vom World Wide Web Consortium (W3C) entwickelten Richtlinien für barrierefreie Webinhalte (WCAG) 2.0 und 2.1 zielen darauf ab, einen internationalen Standard für die Barrierefreiheit von Webinhalten zu schaffen.

Diese Richtlinien arbeiten aktiv daran, digitale Zugangsbarrieren für Einzelpersonen, Organisationen und Regierungen zu beseitigen und zu verringern. Ihre Website bietet detaillierte Anforderungen, Erfolgskriterien und Techniken zur Implementierung von Barrierefreiheitsfunktionen.

Möchten Sie eine kostenlose Markenbewertung?
Markenidentitäts-Grader-Held
Beantworten Sie 5 kurze Fragen und wir senden Ihnen einen benutzerdefinierten Bericht mit umsetzbaren Erkenntnissen und konkreten Maßnahmen, die Sie ergreifen können, um eine stärkere Marke aufzubauen.

Wir haben Ihnen die Informationen gerade per E-Mail zugeschickt.

Wie Sie Ihre Website zugänglicher machen können

Hier sind bewährte Methoden zur Implementierung von Barrierefreiheit auf Ihrer Website. Diese Methoden werden von der Web Accessibility Initiative (WAI) nachdrücklich empfohlen und entsprechen den WCAG-Standards.

Alt-Text anbieten (Textalternativen)

Bilder, Videos und Audioinhalte müssen eine Textalternative haben, die Ihre Botschaft vermittelt. Fügen Sie beispielsweise Alt-Tags in das HTML-Markup eines Bildes ein und geben Sie Benutzern eine einfache Möglichkeit, die Schriftgröße zu ändern.

Bildunterschriften und Texttranskripte haben

Videountertitel und Transkripte sind Textalternativen, die Menschen helfen, den Inhalt zu verstehen, ohne sich auf Ton verlassen zu müssen. Die Leute können während der Wiedergabe des Videos lesen, auch wenn sie die Audiospur nicht hören können.

Hüten Sie sich vor blinkenden, zeitbasierten oder automatisch wiedergegebenen Inhalten

Animierte Inhalte, wie blinkende und flackernde Bilder, können Krampfanfälle hervorrufen und Menschen mit lichtempfindlichen Störungen schaden. Wenn Sie solche Inhalte einfügen müssen, zeigen Sie entsprechende Warnungen an, bevor Sie sie zeigen.

Strukturieren Sie Ihre Seiten logisch

Eine globale Kopf- und Fußzeile, Überschriftenhierarchie (idealerweise h1 bis h4)<, Kategorien und Unterkategorien helfen bei der Organisation Ihrer Website und erleichtern das Surfen. Sie können die Lesbarkeit auch verbessern, indem Sie verwandte Inhalte gruppieren. Das Ziel ist es, Ihre Inhalte auf die bestmögliche und einfachste Weise für Ihr Publikum zu präsentieren.

Erstellen Sie eine barrierefreie Navigation

Eine Website mit verwirrender Navigation wird die Leute frustrieren, und sie werden schnell gehen, um eine bessere zu finden, die ihren Bedürfnissen entspricht.

Konsistenz ist der Schlüssel

Ein vorhersehbares, konsistentes Muster in der Benutzeroberfläche kann Benutzern helfen, schnell auf einer Website zu navigieren. Die Position Ihrer Website-Navigation, Website-Farben, das gesamte Website-Design und die Schriftarten, die Sie auf Ihrer Website verwenden, wirken sich alle auf die Benutzerfreundlichkeit aus.

Fügen Sie Bilder hinzu, die zeigen, dass Sie Barrierefreiheit verstehen

Es ist hilfreich, Bilder einzufügen, die es den Besuchern erleichtern, auf Ihrer Website zu surfen. Schauen Sie sich zum Beispiel die Header-Illustration auf crowdspring.com an. Die Abbildung umfasst Menschen mit Behinderungen. Kleine Details sind wichtig.

Crowdspring-Homepage-Held, der Menschen mit Behinderungen inmitten einer Gruppe anderer Menschen zeigt

Verwenden Sie ARIA-Rollen

Accessible Rich Internet Applications (ARIA) helfen dabei, dynamische Inhalte zugänglicher zu machen. Diese HTML-Spezifikationen können jedem Element hinzugefügt werden.

So überprüfen Sie die Webzugänglichkeit Ihrer Website

Wenn Sie sich fragen, ob Ihre bestehende Website barrierefrei ist, finden Sie hier einige beliebte kostenlose und kostenpflichtige Tools, mit denen Sie feststellen können, ob Ihre Website WCAG-konform ist. Diese Tools bieten visuelle Diagramme oder Richtlinien zur Verbesserung der Zugänglichkeit Ihrer Website.

  • Dynomapper ist ein kostenpflichtiges Tool, mit dem Benutzer die Zugänglichkeit jeder Website oder App testen können. Es kann Ihre Website live in Ihrem Browser testen und umfassende Testberichte erstellen.
  • Das WAVE Web Accessibility Evaluation Tool kann viele Zugänglichkeits- und Web Content Accessibility Guidelines (WCAG)-Fehler identifizieren.
  • Lera ist eine kostenlose Chrome-Browsererweiterung, die eine Prüfung der Zugänglichkeit Ihrer Website durchführen kann. Es kann einen herunterladbaren Bericht generieren, der einige Probleme und mögliche Korrekturen hervorhebt.
  • Die A11Y Compliance Platform wurde vom Bureau of Internet Accessibility entwickelt. Es überprüft Ihre Website auf WCAG 2.1 A/AA-Konformität und kann eine visuelle Zusammenfassung Ihrer Website bereitstellen.
  • accessiBe ist ein kostenpflichtiges Web Accessibility Tool. Es verwendet künstliche Intelligenz (KI), um Ihre Website zu verarbeiten und zu prüfen, ob sie den WCAG- und ADA-Vorschriften entspricht.

Sie können auch Experten beauftragen, die auf Webentwicklung und Webzugänglichkeit spezialisiert sind, um Ihre Website zu prüfen und zu verfeinern.

Hoffentlich helfen Ihnen diese Tipps dabei, Ihre Website zu optimieren, um sie einem breiteren Publikum zugänglicher zu machen. Dadurch können mehr Besucher auf Ihrer Website surfen und Sie können Ihr Geschäft schneller ausbauen.