Die (obligatorischen) WCAG-Leitlinien 2025, sind Sie bereit?

WCAG steht für Web Content Accessibility Guidelines. Dabei handelt es sich um einen internationalen Standard, der Richtlinien für die Zugänglichkeit von Websites und Apps für alle Menschen, unabhängig von einer Behinderung, enthält. Denken Sie an Menschen mit Seh-, Hör-, motorischen, kognitiven oder anderen Behinderungen.

Es klingt logisch, dies zu berücksichtigen, aber es ist sicherlich noch nicht selbstverständlich.

Das beste Nutzererlebnis für alle

Die WCAG-Leitlinien sind wichtig für eine integrative digitale Welt. Indem Sie diese Richtlinien befolgen, stellen Sie sicher, dass Ihre Website oder Anwendung für ein möglichst breites Publikum zugänglich ist. Das bedeutet nicht nur, dass Menschen mit Behinderungen den Inhalt erleben können, sondern auch, dass die Benutzerfreundlichkeit für alle verbessert wird.

Millionen von Europäern, darunter mehr als ein Drittel der Niederländer, leben mit einer körperlichen oder kognitiven Behinderung. Diese Gruppe stößt täglich auf digitale Barrieren, wie z. B. unzugängliche Websites. Da das Online-Shopping immer wichtiger wird, ist es wichtig, dass auch Menschen mit Behinderungen überall einkaufen können. Ab Juni 2025 wird dieses Recht in der Europäischen Union gesetzlich verankert sein.

Die WCAG werden häufig als Referenzrahmen verwendet, um festzustellen, ob eine Website oder Anwendung diese gesetzlichen Anforderungen erfüllt.

“Allein in den Niederlanden gibt es Millionen von Menschen, die Schwierigkeiten haben, sich in dieser digitalen Welt zu bewegen. Nicht nur ältere Menschen, sondern auch Menschen mit Farbenblindheit, geringer Lesekompetenz oder einer (funktionellen) Behinderung.”

Was beinhalten die WCAG-Leitlinien und was wird sich im Jahr 2025 ändern?

Die WCAG konzentrieren sich auf vier grundlegende Prinzipien, um digitale Inhalte zugänglich zu machen. Diese vier Grundsätze bilden die Grundlage für die Barrierefreiheit im Internet:

• Wahrnehmbarkeit
• Bedienbarkeit
• Verständlichkeit
• Robustheit

Von Zeit zu Zeit werden Leitlinien hinzugefügt und eine neue “Version” herausgebracht. WCAG 2.1 ist ein internationaler Standard, der Webinhalte für Menschen mit Behinderungen besser zugänglich macht. Diese Leitlinien tragen dazu bei, dass Websites für ein breiteres Publikum besser nutzbar sind. Die WCAG 2025 berücksichtigen Seh-, Hör-, körperliche und kognitive Beeinträchtigungen und wurden von Experten weltweit entwickelt. Diese Leitlinien bauen auf den WCAG 2.0 und 1.0 auf und sorgen dafür, dass alle Online-Inhalte für alle zugänglich sind, werden und bleiben.

Es gibt auch das Gesetz zur Gleichbehandlung von Menschen mit Behinderungen und chronischen Krankheiten. Dieses Gesetz wurde im Anschluss an die UN-Behindertenrechtskonvention geändert und ist am 1. Januar 2017 in Kraft getreten. Es verpflichtet sowohl die Regierung als auch die Industrie, ihre Waren und Dienstleistungen so zugänglich wie möglich anzubieten. Menschen, die ein Problem mit der Zugänglichkeit haben, können sich auf dieses Gesetz berufen, um Anpassungen zu verlangen.

Ziel ist es, einen gemeinsamen Standard für die Zugänglichkeit zu schaffen.

Nachstehend finden Sie eine kurze Erläuterung zu den einzelnen Grundsätzen.

Beobachtbarkeit

Informationen und Komponenten der Benutzeroberfläche sollten in einer wahrnehmbaren Weise dargestellt werden. Dies bedeutet zum Beispiel, dass Textalternativen für nicht textliche Inhalte und Untertitel für multimediale Inhalte angeboten werden.

Bedienbarkeit

Die Komponenten der Benutzeroberfläche und die Navigation sollten bedienbar sein. Das bedeutet, dass alle Funktionen über eine Tastatur verfügbar sein sollten, dass die Nutzer ausreichend Zeit haben sollten, um den Inhalt zu lesen und zu nutzen, und dass der Inhalt nicht in einer Weise flackern/flimmern sollte, die zu Krämpfen führen könnte.

Verständlichkeit

Informationen und Bedienelemente der Benutzeroberfläche sollten verständlich sein. Das bedeutet unter anderem, dass der Text verständlich und lesbar sein sollte, dass die Webseiten in ihrer Funktionsweise vorhersehbar sein sollten und dass den Benutzern geholfen werden sollte, Fehler zu vermeiden und zu beheben.

Robustheit

Der Inhalt sollte so robust sein, dass er von einer Vielzahl von Nutzern, einschließlich Hilfsmitteln wie Bildschirmlesegeräten, zuverlässig interpretiert werden kann.

” Untersuchungen haben gezeigt, dass im Durchschnitt 71 % der niederländischen Online-Shops diese Richtlinien noch nicht erfüllen.

Das Europäische Gesetz zur Barrierefreiheit (EAA)

Im Jahr 2025 wird der European Accessibility Act (EAA) in Kraft treten. Das bedeutet eine große Veränderung für die digitale Zugänglichkeit von Websites und Apps in Europa sowie hohe Geldstrafen, die Sie als Website- oder Webshop-Betreiber beachten müssen.

Was bedeutet das konkret?

Ab dem 28. Juni 2025 müssen alle neuen Websites und Online-Shops, die Produkte oder Dienstleistungen für Kunden in Europa anbieten, die Zugänglichkeitsrichtlinien für Web-Inhalte (Web Content Accessibility Guidelines, WCAG), Version 2.1, Stufe AA, oder WCAG 2.1 AA erfüllen. Dies gilt nicht nur für staatliche Websites, sondern für alle Unternehmen, die online tätig sind.

Die EAA macht die Regeln für die digitale Zugänglichkeit konkreter und strenger. Das bedeutet, dass Websites und Apps nicht nur technisch zugänglich sein müssen, sondern auch, dass die Informationen für jeden verständlich sein müssen.

Wenn Sie eine Website oder eine App haben, ist es wichtig, sich auf diese Änderung vorzubereiten. Das bedeutet, dass Sie Ihre Website oder App auf Barrierefreiheit prüfen lassen und gegebenenfalls Anpassungen vornehmen müssen. Auch wenn Sie eine neue Website erstellen lassen, müssen Sie dies berücksichtigen.

Zeit zum Handeln, halten Sie die Richtlinien ein!

Die Einhaltung der WCAG-Richtlinien kann überwältigend erscheinen, aber mit dem richtigen Ansatz ist es durchaus machbar. Außerdem empfehle ich immer, dass sich Ihr Entwicklungsteam damit befasst. Vor allem in Kombination mit einer Webdesign-Agentur. Und nein, das ist jetzt kein “wir von WC duck, empfehlen WC duck”, sondern es sind viele Dinge, die man als Nicht-Entwickler oder Nicht-Designer gar nicht ändern kann.

Verstehen und nutzen Sie die Grundlagen

Stellen Sie sicher, dass alle Informationen auf Ihrer Website auf unterschiedliche Weise wahrgenommen werden können. Verwenden Sie zum Beispiel Alternativtexte für Bilder, Untertitel für Videos und einen ausreichenden Farbkontrast. Machen Sie Ihre Website für jeden bedienbar, auch für Menschen, die eine Braille-Tastatur oder Sprachsteuerung verwenden. Beschriften Sie Formularfelder deutlich und vermeiden Sie schwebende Elemente.

Schreiben Sie einen klaren und einfachen Text. Verwenden Sie eine logische Struktur mit klaren Überschriften und Unterüberschriften und stellen Sie sicher, dass Ihre Website mit verschiedenen Browsern, Bildschirmlesern und unterstützenden Technologien gut funktioniert.

Haben Sie diese Grundlagen im Kopf? Prima, dann ist es jetzt an der Zeit, die Leitlinien zu befolgen und die Anforderungen auf Ihrer Website umzusetzen.

Führen Sie einen Zugänglichkeitstest durch

Verwenden Sie Tools wie WAVE, Lighthouse oder AXE, um Ihre Website auf allgemeine Zugänglichkeitsprobleme zu prüfen, und führen Sie zusätzlich zu den automatischen Tools manuelle Tests mit einem Bildschirmlesegerät durch.

Achten Sie besonders auf die folgenden Komponenten:

• Bilder: Geben Sie zu allen Bildern einen beschreibenden Alternativtext an. Verwenden Sie nicht nur den Dateinamen, sondern beschreiben Sie den Inhalt des Bildes.
• Videos: Bieten Sie Videos mit Untertiteln und einem Transkript an.
• Farben: Verwenden Sie einen ausreichenden Kontrast zwischen Text und Hintergrund. Vermeiden Sie Farbenblindheit und stellen Sie sicher, dass die Informationen nicht nur durch Farben vermittelt werden.
• Links: Verwenden Sie einen klaren und beschreibenden Text für Links. Vermeiden Sie vage Begriffe wie “hier klicken”.
• Tabellen: Strukturieren Sie Tabellen logisch und verwenden Sie Überschriften zur Beschreibung von Spalten und Zeilen.
• Formulare: Beschriften Sie Formularfelder eindeutig und geben Sie dem Benutzer eine Rückmeldung, wenn er Fehler macht.
• Überschriften: Verwenden Sie Überschriften (h1, h2, h3 usw.), um die Struktur Ihrer Seite zu verdeutlichen (dies ist natürlich auch für Ihre organische Auffindbarkeit nützlich).
• Semantik: Verwenden Sie HTML5-Elemente korrekt, um die Bedeutung des Inhalts anzugeben.

Haben sich aus Ihrem Scan irgendwelche Aktionspunkte ergeben? Ich rate Ihnen, eine Bestandsaufnahme der Probleme zu machen, die Sie selbst lösen können, aber auch mit Personen oder Unternehmen zusammenzuarbeiten, die sich auf diese Probleme spezialisiert haben. Es wird zweifellos gestalterische oder technische Probleme geben, an denen Sie sich nicht die Finger verbrennen wollen.

Die WCAG-Leitlinien sind ein wichtiger Schritt auf dem Weg zu einem integrativeren Web. Auch wenn es noch Herausforderungen gibt, bietet diese Norm eine solide Grundlage für die Verbesserung der Zugänglichkeit von Webinhalten.

Wie beeinflusst die Barrierefreiheit die Suchmaschinenoptimierung?

Die Anwendung der WCAG-Richtlinien steht auch in engem Zusammenhang mit der Suchmaschinenoptimierung (SEO). Wir haben zum Beispiel gerade gelesen, dass SEO-Elemente wie alternativer Text (ALT-Tag) und Überschriften (h1, h2, etc.) ebenfalls wichtig sind. Es gibt jedoch noch weitere SEO-Elemente, die mit der Zugänglichkeit eines Online-Shops/einer Website zusammenhängen.

Die Optimierung dieser Elemente schafft eine Win-Win-Situation, da sowohl die organische Auffindbarkeit als auch die Barrierefreiheit verbessert werden.

WCAG, SEO und Barrierefreiheit unter einen Hut bringen

Ich habe einige SEO-Elemente aufgelistet, die zur organischen Auffindbarkeit und Barrierefreiheit beitragen.

• Website-Design: Eine gut gestaltete Website ist benutzerfreundlich, hat einen guten Kontrast und eine klare Navigation, was sowohl der Zugänglichkeit als auch der SEO zugute kommt. Die Nutzer bleiben wahrscheinlich länger auf der Website, was indirekt ein positives Signal ist.
• ALT-Text: Beschreibender ALT-Text hilft Bildschirmlesern und Suchmaschinen, den Bildinhalt zu verstehen und kann die Auffindbarkeit in der Google-Bildersuche verbessern. Als Tipp fügen wir oft Schlüsselwörter hinzu, die für die Seite relevant sind, auf der das Bild veröffentlicht wird.
• Titel: Einzigartige und beschreibende Titel-Tags sind sowohl für Bildschirmleser als auch für Suchmaschinen wichtig, um den Inhalt einer Seite darzustellen und zu verstehen.
• Metadaten: Metadaten wie Metatitel und Beschreibungen geben Nutzern und Suchmaschinen einen Überblick über den Seiteninhalt und verbessern sowohl die Zugänglichkeit als auch die Suchmaschinenoptimierung.
• Lesbarkeit: Einfacher und klarer Text ist für die Nutzer leichter zu verstehen und wird von den Suchmaschinen besser indiziert. Verwenden Sie daher auch hier hauptsächlich HTML.
• Überschriften: Die korrekte Verwendung von Überschriften (Überschriftenstruktur wie h1, h2 usw.) strukturiert die Seite für Bildschirmleser und hilft Suchmaschinen, den Inhalt besser zu verstehen.
• Mobilfreundlichkeit: Eine gut funktionierende Website auf mobilen Geräten verbessert sowohl die Zugänglichkeit als auch die Suchmaschinenoptimierung. #mobile-first-indexing
• Breadcrumbs: Hilft Nutzern und Suchmaschinen, die (interne Link-)Struktur der Website zu verstehen, was sowohl der Barrierefreiheit als auch der Suchmaschinenoptimierung zugute kommt.
• Ankertext: Klare und beschreibende Anker helfen Nutzern und Suchmaschinen, den verlinkten Inhalt zu verstehen. Denn es sollte klar sein, wohin sie führen. Das ist wie ein Schild, das anzeigt, wohin eine Tür führt.
• Navigation: Die Navigation verbessert die Benutzerfreundlichkeit für Menschen mit Behinderungen und hilft Suchmaschinen, die Struktur der Website zu verstehen.

Die Einhaltung der Zugänglichkeitsrichtlinien hilft also nicht nur den Nutzern, sondern trägt auch zur organischen Auffindbarkeit bei.

Digitale Barrierefreiheit & Dtch. Digitales

Wir, die Dtch. Digitals , legen großen Wert auf digitale Zugänglichkeit. Zumal sie auch das (Online-)Marketing unserer Kunden ( und natürlich uns selbst!) betrifft. Wir sind derzeit damit beschäftigt, eine Bestandsaufnahme zu machen, wie wir sicherstellen können, dass unsere Webanwendungen mit dieser Gesetzgebung übereinstimmen und sie als Standard für alle unsere Anwendungen anwenden.

Halten Sie sich nicht daran? Wenn ja, könnte das Konsequenzen haben. Da etwa 30 % der Niederländer mit einer Behinderung leben, schließen Sie diese Gruppe von Ihrer Website aus. Sie können keine Produkte oder Dienstleistungen von Ihnen kaufen, ein großes Loch an möglichen neuen Kunden.

Ob es Bußgelder geben wird, ist (noch) nicht bekannt, aber Google legt auch viel Wert auf die Zugänglichkeit und Benutzerfreundlichkeit Ihrer Website oder Ihres Webshops, so dass dies Auswirkungen auf Ihre Platzierungen und die Auffindbarkeit Ihrer Website haben könnte. Schließlich bedeutet eine schlechte Zugänglichkeit eine höhere Absprungrate, was für Google ein Signal sein könnte, dass Sie für bestimmte Suchbegriffe und Nutzer nicht relevant sind.

Benötigen Sie Hilfe oder Tipps, um Ihre Website oder Ihren Webshop für diese Gesetzgebung fit zu machen? Dann zögern Sie nicht, uns für eine Bestandsaufnahme zu kontaktieren. Wir denken gerne mit Ihnen über eine geeignete Lösung nach, um die WCAG-Richtlinien zu erfüllen. Jetzt, im Jahr 2025 und natürlich auch darüber hinaus.