Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Alexandra Mendes

Min Read

04. November 2024

Der vollständige Leitfaden zur Barrierefreiheit im Internet für 2025

Das Internet ist die umfangreichste Bibliothek der Welt und bietet Informationen zu fast allem. Es ist einfach, online zu finden, wonach Sie suchen. Wenn Ihre Website jedoch nicht zugänglich ist, können viele Menschen sie nicht nutzen — jeder fünfte Mensch leidet an einer Beeinträchtigung, die den Zugriff auf Online-Informationen erschwert.

Sie denken vielleicht, dass Sie als Geschäftsinhaber davon nicht betroffen sind. Wenn Ihre Website jedoch nicht barrierefrei ist, werden Menschen mit Behinderungen Schwierigkeiten haben, Ihre Produkte oder Dienstleistungen zu finden oder zu nutzen. Und wenn sie das nicht können? Sie werden woanders hingehen, wo sie ihre Bedürfnisse am besten erfüllen. Das Richtige ist also, Ihre Website zugänglich zu machen, aber Sie erhalten dadurch auch Zugang zu weiteren 20% des Marktes.

In diesem Beitrag beantworten wir drei wichtige Fragen zur Barrierefreiheit im Internet: Was ist Barrierefreiheit im Internet? Wie wirkt sich das auf Unternehmen wie Ihres aus? Was kann ich tun, um meine Website zugänglicher zu machen?

blue arrow to the left
Imaginary Cloud logo

Was ist Barrierefreiheit im Internet?

Das Ziel der Barrierefreiheit im Internet ist es, Ihre Website für alle zugänglich zu machen. Es gilt nicht nur für sehbehinderte oder blinde Nutzer, sondern auch für Menschen mit einer Reihe anderer Behinderungen, die sich auf ihre Nutzung von Websites auswirken.

Barrierefreiheit im Internet bedeutet drei Dinge:

  • Machen Sie Ihre Website für alle nutzbar, auch für Menschen mit Behinderungen.
  • Diese Benutzerfreundlichkeit wird durch verfügbare Inhalte untermauert, die jeder lesen und hören kann (wie Untertitel).
  • Stellen Sie sicher, dass unterstützende Technologien wie Screenreader auf Ihre Website zugreifen können.

Die Arten der Behinderung

Schauen wir uns einige der häufigsten Behinderungen genauer an und wie sie sich auf die Fähigkeit der Menschen auswirken, auf Websites zuzugreifen.

Kognitive Behinderung:

Diese Art von Behinderung bezieht sich auf jede psychische oder psychische Erkrankung, die die Kognition beeinträchtigt. Beispielsweise können Menschen mit Aufmerksamkeitsdefizit-Hyperaktivitätsstörung (ADHS) Schwierigkeiten haben, sich über einen längeren Zeitraum auf Aufgaben zu konzentrieren und neue Dinge zu lernen.

Im Gegensatz dazu können andere mit Depressionen Schwierigkeiten haben, sich zu konzentrieren oder sich an Informationen zu erinnern. In beiden Fällen müssen Webdesigner barrierefreie Websites erstellen, da diese Behinderungen jemanden daran hindern können, eine Website zu nutzen, wenn sie schlecht gestaltet ist oder über verwirrende Navigationsmethoden verfügt.

Sehbehinderung:

Die meisten Menschen denken bei Barrierefreiheit im Internet daran, Websites für blinde Benutzer zu erstellen, die Screenreader verwenden. Es ist jedoch nicht nur Blindheit, die bei der Barrierefreiheit von Websites berücksichtigt werden muss! Viele Menschen haben andere Sehbehinderungen. Wenn Ihre Website an diese Benutzer denkt, können sie korrekt darauf zugreifen. Sehbehinderte Nutzer haben häufig Probleme mit der Barrierefreiheit im Internet: Sehschwäche, geringer Kontrast und Farbenblindheit.

Schwerhörigkeit:

Es wird allgemein angenommen, dass Menschen mit Hörbehinderungen im Internet weniger eingeschränkt sind als Menschen mit anderen Behinderungen. Aber obwohl Menschen mit Hörbehinderungen auf visuelle Inhalte im Internet zugreifen und darin navigieren können, stellen Audio- und Videoinhalte eine Herausforderung dar.

Neurologische Beeinträchtigung

Es war üblich, flackernde, blinkende oder sich bewegende Inhalte auf Websites zu sehen, um die Aufmerksamkeit auf ein bestimmtes Element zu lenken. Zum Glück ist diese Gestaltungspraxis weitgehend in Ungnade gefallen. Wenn Ihre Website flackernde Inhalte enthält, müssen Sie möglicherweise ihre Bedürfnisse und ihr Design neu bewerten, da dies bei Menschen mit lichtempfindlicher Epilepsie zu Anfällen führen kann.

Abgesehen vom Risiko von Angriffen ist flackernder Inhalt eines der nervigsten Dinge auf einer Website. Dies ist ein gutes Beispiel dafür, wie Barrierefreiheit im Internet und eine gute Benutzererfahrung miteinander verknüpft sind. Wenn Ihre Website barrierefrei ist, bietet sie allen Nutzern ein gutes Nutzererlebnis — unabhängig von ihren Fähigkeiten oder Behinderungen.

Mobilitätseinschränkungen:

Menschen mit körperlichen Behinderungen können alles auf einer Website sehen und hören. Möglicherweise benötigen sie jedoch Hilfe bei der Steuerung der Maus. Um eine Tastatur zu bedienen, kann sich der Benutzer auf adaptive Technologien wie Mundstäbchen, „Puff' n' Sip“ -Systeme, Sprachsteuerungen oder Eye-Tracking-Software verlassen.

blue arrow to the left
Imaginary Cloud logo

Warum ist Barrierefreiheit im Internet wichtig?

  • Laut dem Weltbericht 2011 der Weltgesundheitsorganisation (WHO) über Behinderungen, 15% der Weltbevölkerung haben eine Behinderung. Die Zahlen variieren leicht, je nachdem, wie Sie „Behinderung“ definieren, aber sie alle deuten auf dieselbe Schlussfolgerung hin: Wenn Sie eine Website oder App haben, ist es sehr wichtig, dass sie für alle funktioniert.
  • Es ist das Gesetz. In den USA wurde Abschnitt 508 des Rehabilitationsgesetzes 2010 vom Kongress geändert, um Elektronik und Informationstechnologie (EIT) einzubeziehen. Das bedeutet, dass Bundesbehörden ihre Websites für Menschen mit Behinderungen zugänglich machen müssen — und damit auch alle privaten Unternehmen, die Verträge mit ihnen abschließen.
  • Das ist gut fürs Geschäft! Mehr Menschen werden bei Ihrem Unternehmen einkaufen, wenn sie von jedem Gerät aus problemlos auf die Website oder App zugreifen können. Es besteht also ein wirtschaftlicher Anreiz, diese Technologien überall verfügbar und selbst zugänglich zu machen.
  • Es hilft deiner Suchmaschinenoptimierung. Die Verwendung von Tools zur Barrierefreiheit im Internet, wie z. B. Alt-Text mit relevanten Schlüsselwörtern für Bilder, optimiert Ihre Inhalte und führt zu einem höheren Ranking in Suchmaschinen.

Wussten Sie, dass jeder zweite Donnerstag im November Welttag der Benutzerfreundlichkeit?


Dieser Tag zielt darauf ab, die Standards zu erhöhen, damit die Technologie das menschliche Potenzial ausschöpft und unsere Welt für alle einfach macht. Gut gestaltete Benutzererlebnisse können dazu beitragen, eine inklusivere Welt zu schaffen. Und wir alle können durch unsere Arbeit dazu beitragen, die Geschichte mitzugestalten, und ein gutes Nutzererlebnis ermöglicht es den Menschen, ihr bestes Selbst zu sein.

World usability day logo.

Standards für Barrierefreiheit

Das World Wide Web Konsortium (W3C) schuf die Richtlinien zur Barrierefreiheit von Webinhalten (WCAG). Diese Richtlinien legen Standards fest, um Websites, Geräte und Inhalte für Benutzer mit Behinderungen zugänglich zu machen. Gemäß den WCAG sind Inhalte die Informationen auf einer Webseite oder Webanwendung, z. B. Text, Bilder, Töne und Code oder Markup, die die Struktur definieren.

2008 veröffentlichte das W3C die WCAG 2.0, die 2012 zu einem internationalen Standard wurde. Eine aktualisierte Version der Richtlinien — WCAG 2.1 — wurde 2018 veröffentlicht. Die WCAG 2.0 beinhaltet alle Anforderungen („Erfolgskriterien“) aus Version 2.0, mit einigen zusätzlichen Erfolgskriterien in 2.1.

Die Richtlinien bilden die Grundlage der meisten Gesetze zur Barrierefreiheit weltweit, darunter Titel III des Americans with Disabilities Act (ADA) in den USA, der Accessibility for Ontarians with Disabilities Act (AODA) usw. In einigen Ländern wird indirekt auf die WCAG verwiesen. So wird beispielsweise in EN 301 549 für die EU-Richtlinie zur Barrierefreiheit im Internet in Europa nicht ausdrücklich darauf hingewiesen, dass die WCAG übernommen werden, sondern beinhaltet alle Anforderungen der Richtlinien.

Die WCAG legt drei Konformitätsstufen für ihre Erfolgskriterien fest:

  • Stufe A ist das Mindestmaß an Barrierefreiheit, das erfüllt werden muss.
  • Stufe AA befasst sich mit den häufigsten Eintrittsbarrieren einiger Behinderter.
  • Die Stufe AAA ist die höchste Konformitätsstufe, die meisten Standorte verlangen sie jedoch nicht, da sie schwer zu erreichen ist.

Die vier Prinzipien der Barrierefreiheit im Internet

Die Prinzipien sind:

  • Wahrnehmbar: Informationen und Benutzeroberflächenkomponenten müssen den Benutzern so präsentiert werden, dass sie sie wahrnehmen können. Dazu gehört auch die Bereitstellung von Alternativen für Inhalte, die nicht von allen Nutzern wahrgenommen werden können, wie z. B. Texttranskripte oder Bildunterschriften.
  • Bedienbar: Benutzer müssen in der Lage sein, die Benutzeroberflächenkomponenten und die Navigation zu verwenden. Sie sollten die richtigen Tastaturzugriffstasten verwenden und Fallstricke oder Muster vermeiden, die die Standardtastaturfunktionen beeinträchtigen. Sprachbefehle und andere Hilfsgeräte sind für diejenigen verfügbar, die sie nicht verwenden können.
  • Verständlich: Alle Informationen, die Benutzer zur Erledigung von Aufgaben benötigen, müssen lesbar sein. Es sollte keine Barrieren zwischen Benutzern und dem Verständnis dafür geben, was von ihnen erwartet wird, wenn sie mit Inhalten auf Ihrer Website (oder einem beliebigen webbasierten Medium) interagieren.
  • Robust: Die Benutzeroberfläche muss robust sein. Das bedeutet, dass sie konsistent funktionieren sollte, unabhängig davon, wie oft Benutzer eine bestimmte Aktion ausführen oder Ihre Website besuchen. Es bedeutet auch, dass Sie sich nur auf Browserfunktionen verlassen sollten, die alle Benutzer unterstützen (z. B. JavaScript).

Wenn diese vier Prinzipien nicht befolgt werden, wird das Internet für Menschen mit Behinderungen nicht zugänglich sein. Und das wollen wir nicht.

Die Komponenten der Barrierefreiheit im Internet

  • Inhalt: Inhalt sind die Informationen, die Ihre Website präsentiert, einschließlich Text, Bilder, Video und Audio.
  • Tools für die Inhaltserstellung: Diese helfen bei der Erstellung oder Änderung von Inhalten für Webseiten und Anwendungen wie Code-Editoren, Content-Management-Systeme, Blogs usw.
  • Tools zur Evaluierung: Diese helfen dir zu beurteilen, ob eine Website oder Anwendung den WCAG 2.0-Richtlinien entspricht, indem sie dir Informationen darüber geben, wie barrierefrei sie ist (oder nicht).
  • Benutzeragenten: Es handelt sich um Softwareprogramme, mit denen Benutzer auf Online-Inhalte wie Bildschirmlesegeräte oder Geräte nur mit Tastatur wie Tablets und Smartphones zugreifen können. Dies sind einige der am häufigsten verwendeten Bewertungsinstrumente bei der Bewertung von Websites anhand der WCAG 2-Richtlinien. Autoren können sie jedoch auch während der Entwicklung verwenden, um barrierefreie Inhalte zu testen, bevor sie sie im Internet veröffentlichen.

Einhaltung und Gesetzgebung

Sie fragen sich vielleicht, warum Barrierefreiheit im Internet so wichtig ist. Die Antwort liegt in der Gesetzgebung und der Tatsache, dass es sich nicht nur um einen moralischen Imperativ, sondern auch um einen rechtlichen Imperativ handelt.

In den Vereinigten Staaten:

  • Der Americans with Disabilities Act (ADA) und Abschnitt 508 verlangen von Bundesbehörden, ihre Online-Inhalte für alle Menschen zugänglich zu machen, einschließlich Menschen mit Behinderungen und Personen, die unterstützende Technologien wie Screenreader verwenden.
  • Andere Gesetze, wie das kalifornische Gesetz zur Barrierefreiheit im Internet, verlangen von staatlichen Websites, dass sie den WCAG-Richtlinien folgen.

In Europa:

  • Die EU-Richtlinie 2000/31/EG (die EU-Richtlinie über barrierefreien Webzugang) verlangt von europäischen Behörden, dass ihre Websites den Anforderungen der WCAG 1.0 Level A entsprechen, wenn sie nach dem 8. November 2002 veröffentlicht oder aktualisiert werden.
  • Der Europäische Barrierefreiheitsgesetz (EAA) verpflichtet die EU-Mitgliedstaaten, Gesetze zur Barrierefreiheit online und offline zu erlassen, und bietet damit einen Rahmen mit Standardregeln für Barrierefreiheit für den Markt.
blue arrow to the left
Imaginary Cloud logo

So erstellen Sie eine barrierefreie Website

Hier ist eine Infografik, um besser zu verstehen, was eine barrierefreie Website haben muss:

Infographic on how to create an accessible web.

Schauen wir uns mit diesem Wissen einige Tools an, die Ihnen dabei helfen können, Ihre Website zugänglicher zu machen.

Testen der Barrierefreiheit im Internet

Jetzt ist es an der Zeit, deine Website zu testen. Während viele Leute das Testen als etwas betrachten, das nur einmal passiert, sollte es ein fortlaufender Prozess sein.


Du kannst verschiedene Tools verwenden, um Websites zu testen — auch solche, die in deinen Browser integriert sind, wie VoiceOver auf dem Mac oder Narrator auf Windows —, die dir sagen, ob deine Website zugänglich ist oder nicht.

Darüber hinaus stehen heute mehrere Tools zum Testen der Barrierefreiheit im Internet zur Verfügung. Auf der Website des W3C gibt es eine Liste von Tools, über die Sie sich informieren können, und wir haben auch unsere Liste mit Empfehlungen.

WINKEN
Mit Wave können Sie die Barrierefreiheit einer bestimmten Website überprüfen indem du sicherstellst, dass alle Bereiche deiner Website den WCAG-Standards entsprechen und hervorhebst, auf welche Teile deiner Website nicht zugegriffen werden kann.

DYNO-Mapper
DYNO Mapper, ein Sitemap-Generator von Indigo Design Company LLC, verwendet Sitemaps, um Bereiche Ihrer Website hervorzuheben, die nicht den WCAG-Standards entsprechen. Es funktioniert auch mit Google Analytics, um eingehende Analysen anzubieten.

WCAG-Compliance-Auditor
Funnelbacks Der WCAG Compliance Auditor ist eine hervorragende Wahl für diejenigen, die noch nicht viel an Barrierefreiheit im Internet gearbeitet haben.. Es enthält Empfehlungen zur Verbesserung der Teile Ihrer Website, auf die noch nicht zugegriffen werden kann, sowie einen Maßstab für die Messung der Barrierefreiheit Ihrer Website im Laufe der Zeit.

A11Y Farbkontrast-Validator für Barrierefreiheit
Verwenden Sie den A11Y Color Contrast Accessibility Validator von A11Y Company, um die Farbkombinationen Ihrer Website zu testen. Das Tool zeigt Probleme mit dem Farbkontrast an und empfiehlt Lösungen, die den WCAG-Standards entsprechen.

Beispiele für Barrierefreiheit im Internet

Hier sind einige Beispiele für Websites, die den WCAG-Standards für Barrierefreiheit entsprechen.

  1. W3C
    Die W3C-Website wurde in Anlehnung an die WCAG entworfen. Es folgt vielen Regeln und Vorschriften, um für Menschen mit unterschiedlichen Behinderungen und Fähigkeiten zugänglich zu sein. Sie verwenden strukturierte Inhalte mit klaren Stichwörtern, die auf die Hierarchie hinweisen, einen starken Farbkontrast, eine einfache Sprache und einen Fokusindikator.
  2. Unilever
    Unilever ist ein multinationales Konsumgüterunternehmen. Und ihre Website entspricht den WCAG-Richtlinien bezieht sich auf Farbkontrastverhältnisse, Schriftgrößen und Textalternativen für Bilder und berücksichtigt unterstützende Technologien und Code (z. B. Screenreader, Tastaturemulatoren, Bildschirmlupen, erweiterte Benutzeroberflächen und visuelles Styling).
blue arrow to the left
Imaginary Cloud logo

Fazit

Es gibt viele gute Gründe, Ihre Website barrierefrei zu machen. Ein äußerst wichtiger Aspekt ist jedoch, dass es bei Barrierefreiheit im Internet um Inklusion geht. Es geht darum sicherzustellen, dass Ihre Website für alle hilfreich ist, nicht nur für Menschen mit Behinderungen.

Es ist ratsam, so viel wie möglich von Ihrer Website WCAG-konform zu gestalten, da dies eine einprägsame und positive UX schafft und Ihnen hilft, die Kundenbindung zu stärken.

Und denken Sie daran: Beginnen Sie noch heute damit, Ihre Website zugänglicher zu machen, indem Sie die WCAG-Richtlinien befolgen und die empfohlenen Tools verwenden. Denken Sie daran, dass eine barrierefreie Website nicht nur eine gesetzliche Anforderung ist — sie ist ein Schritt in Richtung einer inklusiveren digitalen Welt. Benötigen Sie Unterstützung bei der Gestaltung einer wirkungsvollen und barrierefreien Website? Kontaktieren Sie Imaginary Cloud heute!

New call-to-action
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
Alexandra Mendes
Alexandra Mendes

Inhaltsautor mit großer Neugier auf die Auswirkungen der Technologie auf die Gesellschaft. Immer umgeben von Büchern und Musik.

Read more posts by this author

People who read this post, also found these interesting:

arrow left
arrow to the right
Dropdown caret icon