75446 Wiernsheim

BARRIEREFREIE WEBSITE

INTERNET für ALLE

Kontakt

Was BARRIEREFREIHEIT bedeutet

Bild mit einem barrierefreien Logo

Eine barrierefreie WordPress-Website ist eine Webseite, die für alle Menschen zugänglich ist, unabhängig von ihren Fähigkeiten oder Einschränkungen.
Die Barrierefreiheit einer Website (auch „Accessibility“ genannt) stellt sicher, dass Menschen mit Behinderungen (wie z.B. Seh-, Hör-, oder motorischen Einschränkungen) die Website problemlos nutzen können.
Die Erstellung einer barrierefreien WordPress-Website ist nicht nur eine Frage der gesetz­lichen Verpflichtung, sondern auch eine Möglichkeit, das Nutzererlebnis zu verbessern, die Reichweite zu vergrößern und die SEO zu optimieren.
Es lohnt sich also, Zeit und Ressourcen in die Barrierefreiheit zu investieren.

Website ACCESSIBILITY mit WordPress

ANFORDERUNGEN

Nachfolgend einige der Anforderungen einer barrierefreien Website.

Ihre Website wird mit der
Konformitätsstufe AA entwickelt!
1
Semantische HTML-Struktur:
Einsatz der Überschriften (H1, H2, H3) sowie Verwendung von klaren und korrekten HTML-Tags wie „header“, „nav“, „main“, „footer“, „article“ usw.
Das hilft Screenreadern und anderen assistiven Techno­logien, den Inhalt korrekt zu interpretieren und anzuzeigen.
2
Textalternativen (Alt-Text) für Bilder:
Bilder sollten mit aussagekräftigen Alt-Tags ver­sehen werden, damit sehbehinderte Nutzer, die Screenreader verwenden, den Inhalt der Bilder verstehen können.

3
Farben und Kontraste:
Der Kontrast zwischen Text und Hintergrund muss ausreichend sein, um sicherzustellen, dass die Texte für Menschen mit eingeschränktem Sehvermögen lesbar sind. Ein Kontrastverhältnis von mindestens 4,5:1 wird empfohlen.

4
Navigation mit Tastatur:
Die gesamte Navigation auf der Website sollte auch ohne Maus zugänglich sein. Dies bedeutet, dass alle interaktiven Elemente (z.B. Formulare, Button, Links) über die Tastatur ansteuerbar sein sollten (z.B. mit Tab-Taste und Enter).

5
Formulare zugänglich gestalten:
Formulare sollten mit beschreibenden Labels ver­sehen werden, und alle Eingabefelder sollten klar und verständlich sein. Fehlermeldungen sollten ebenfalls barrierefrei dargestellt werden.

6
Untertitel und Transkripte für Multimedia-Inhalte:
Videos sollten mit Untertiteln und Transkripten (die Verschriftlichung des gesprochenen Wortes) versehen sein, um gehörlosen oder schwerhörigen Nutzern den Zugang zu ermöglichen.

7
Responsives Design:
Die Website sollte auf allen Geräten und Bildschirm­größen (Desktop, Tablet, Handy) gut nutzbar sein. Dies ist besonders wichtig für Menschen mit motorischen Einschränkungen, die Touchscreens oder alternative Eingabegeräte nutzen.

8
Responsives Design:
Die Website sollte auf allen Geräten und Bildschirm­größen (Desktop, Tablet, Handy) gut nutzbar sein. Dies ist besonders wichtig für Menschen mit motorischen Einschränkungen, die Touchscreens oder alternative Eingabegeräte nutzen.

Dies sind nur die wichtigsten Maßnahmen, um eine barrierefreie Website zu erstellen!

NUTZEN

1
Erfüllung rechtlicher Anforderungen:
In vielen Ländern gibt es gesetzliche Vorgaben zur Barrierefreiheit von Websites. In der EU beispielsweise ist die Barrierefreiheit von Websites für öffentliche Stellen gesetzlich vorgeschrieben (EU-Richtlinie 2016/2102).

2
Erweiterung der Zielgruppe:
Eine barrierefreie Website erreicht eine breitere Zielgruppe, da Menschen mit Behinderungen (etwa 15-20% der Weltbevölkerung) die Website problemlos nutzen können. Das steigert die Reichweite und kann zu mehr Traffic führen.

3
Verbesserte Nutzererfahrung:
Viele Maßnahmen zur Barrierefreiheit verbessern auch die Benutzererfahrung für alle Nutzer, nicht nur für Menschen mit Behinderungen. Beispielsweise profitieren auch Senioren oder Menschen mit temporären Einschränkungen von einer klar strukturierten und leicht navigierbaren Website.

4
Suchmaschinenoptimierung (SEO):
Barrierefreie Websites tendieren dazu, bessere SEO-Ergebnisse zu erzielen, da sie eine klarere Struktur haben und mehr semantische HTML-Tags verwenden, was es Suchmaschinen erleichtert, die Inhalte korrekt zu indexieren.

5
Ethik und Inklusion:
Eine barrierefreie Website zeigt, dass Ihr Unternehmen Verantwortung übernimmt und sich für eine inklusivere digitale Welt einsetzt. Das verbessert das Image und stärkt das Vertrauen in Ihre Marke.

6
Zukunftssicherheit:
Technologien zur Barrierefreiheit wie Screenreader und Spracherkennung sind ständig im Wandel. Wenn Ihre Website barrierefrei gestaltet ist, bleibt sie für eine breitere Nutzerbasis zugänglich und zukunftssicher.

AUFBAU der WCAG 2.2

Die WCAG sind in vier Bereiche unterteilt:

  • Wahrnehmbar: Textalternativen für Bilder, Untertitel für Audio, Anpassbarkeit der Darstellung und ausreichende Kontraste
  • Bedienbar: Tastaturbedienung, ausreichend Zeit bei Eingaben, Verhinderung von Anfällen und Navigierbarkeit
  • Verständlich: Lesbarkeit, Vorhersehbarkeit und Hilfen bei der Eingabe
  • Robust: Kompatibilität mit assistierenden Technologien
Bild mit einer Person im Rollstuhl

KONFORMITÄTSSTUFEN der WCAG 2.2

Die WCAG 2.2 berücksichtigt drei Konformitätsstufen (A, AA und AAA), um verschiedenen Situationen gerecht zu werden. Die 86 Erfolgskriterien werden den drei konformitätsstufen zugewiesen. Die 31 Erfolgskriterien auf Konformitätsstufe A stellen die geringste Konformitätsstufe dar.

Die 55 Erfolgskriterien auf Konformitätsstufe AA werden allgemein als die Mindestanforderung angesehen (zum Beispiel in der EN 301549).
Die höchste Stufe AAA umfasst alle Erfolgskriterien und ist nicht immer umsetzbar.

Die WCAG 2.2 AA wird von Deutschland anerkannt.

STUFE A

Minimalanforderung

Diese Stufe stellt sicher, dass grund­legende Barrieren für die Nutzung einer Website überwunden werden.
Wenn eine Website nur die Stufe A erfüllt, bedeutet das, dass sie die gravierendsten Zugänglichkeitsprobleme behebt, aber es könnten noch andere Barrieren bestehen, die den Zugang erschweren, wie zum Beispiel das Fehlen alternativer Textbe­schreibungen für Bilder.
Ab 28. Juni 2025 nicht mehr ausreichend!

STUFE AA

Mindestanforderung

Die Stufe AA ist die am häufigsten ange­strebte und verlangt, dass die Mehrheit der Nutzer (einschließlich Menschen mit Behinderungen) die Inhalte problemlos nutzen können.
Sie behebt Probleme, die die Zugänglich­keit erheblich einschränken können, wie z.B. unzureichende Kontraste oder nicht ausreichend zugängliche Formulare.
Diese Stufe erwartet auch eine benutzer­freundliche Navigation.

STUFE AAA

Höchster Standard

Dies ist die höchste Konformitätsstufe, die darauf abzielt, allen Nutzern, unab­hängig von ihren Behinderungen oder Fähigkeiten, den bestmöglichen Zugang zu gewähren.
Stufe AAA erfordert, dass keine Barrieren bestehen, die den Zugang für bestimmte Nutzergruppen einschränken.
Zum Beispiel integrierte benutzerfreund­liche Funktionen wie anpassbare Schrift­größen oder Sprachsteuerung.

FAZIT

  • Stufe A behandelt kritische Probleme.
  • Stufe AA stellt sicher, dass die meisten Menschen Zugang haben.
  • Stufe AAA strebt eine umfassende Barrierefreiheit an, die alle Nutzerbedürfnisse abdeckt.

In der Praxis streben die meisten Websites an, mindestens die Stufe AA zu erreichen, da dies den Großteil der Nutzerbedürfnisse abdeckt, während die Stufe AAA in der Regel eher selten vollständig erreicht wird.

Die Erstellung einer barrierefreien WordPress-Website ist nicht nur eine Frage der gesetzlichen Verpflichtung oder der Inklusion, sondern auch eine Möglichkeit, das Nutzererlebnis zu verbessern, die Reichweite zu vergrößern und die SEO zu optimieren. Es lohnt sich also, Zeit und Ressourcen in die Barrierefreiheit zu investieren.