Barrierefreiheit- WCAG 2.2 und BITV 2.0
Was bedeutet Barrierefreiheit (Web Accessibility) auf einer Webseite?
Auch in der digitalen Welt ist es wichtig, dass wir an Gleichberechtigung denken. Dafür müssen wir aber auch ermöglichen das Jeder unsere Digitalen Inhalte einsieht ohne sich dabei zu ärgern. Viele Dienstleistungen werden mittlerweile online gebucht und auch recherchiert. Wäre es nicht ärgerlich, wenn jemand potenzielles diese Leistung oder diese Inhalte einfach gar nicht einsehen oder beanspruchen kann, nur weil eine Webseite zu komplex und unleserlich wäre?
Barrierefreiheit für Webseiten orientiert sich international an den WCAG 2.2 und in Deutschland an der BITV 2.0. Wer eine Website barrierefrei erstellen möchte, sollte diese Standards als Leitfaden nutzen. Der Fachbegriff für Barrierefreiheit im Web lautet Web Accessibility.
Aber wie löst man dieses Problem eigentlich? Oder noch besser gefragt: Wie entsteht es überhaupt? Webseiten existieren teilweise seit Jahrzehnten und wurden selten mit dem Ziel entwickelt, dass wirklich alle sie nutzen können. Stattdessen dachte man meist nur an den „Otto Normalverbraucher“. Das führte dazu, dass kräftige Animationen oder Farbkontraste einfach so gewählt wurden, weil sie auf dem Designer-Monitor gut aussahen. Für viele mag das passen aber eben nicht für alle. Menschen mit Einschränkungen fühlen sich dadurch ausgeschlossen, teilweise sogar verärgert. Im schlimmsten Fall hinterlassen sie negative Rezensionen oder wenden sich ab, obwohl sie eigentlich Interesse an Ihrer Dienstleistung gehabt hätten, diese aber wegen unnötiger Hürden nicht nutzen können.
Was muss denn bei einer Webseite beachtet werden um Barrierefrei zu sein?
Farbkontrast Texte brauchen klaren Farbkontrast. Z. B. schwarzer Text auf weißem Hintergrund, nicht hellgrau auf hellgrau. Dazu gibt es dann auch eine gewisses Verhältnis das berechnet werden kann durch einen Farb Contrast Checker
Einhändige Bedienung Eine Webseite muss sich auch mit einer Hand oder Tastatur bedienen lassen. Dies erfolgt über die "Tab" Taste auf der Tastatur. Auch hier muss beachtet werden, dass ein Benutzer sich z.B. nicht auf der Seite "verfängt" und innerhalb eines Kontaktformulars oder einer anderen Komponente nicht weiterkommt. Zusätzlich ist es auch wichtig, dass ein sichtbarer Fokus zu sehen ist (z.B. Umrandungen bei Buttons).
Screenreader lesbarkeit Inhalte werden so strukturiert, dass Screenreader sie sauber vorlesen können (Überschriften, Listen, Tabellen, Formulare...). Dabei kann man zum testen den NVDA Screenreader nutzen. (Achtung! Sobald man dieses Tool startet, fängt es an alles vorzulesen worüber man mit der Maus geht, nicht erschrecken.)
Alternative Texte Bilder brauchen sinnvolle Alternativtexte, damit Menschen mit Sehbehinderungen den Inhalt verstehen. Auch Google wertet dies ebenfalls positiv, wenn Bilder, Links und Buttons auf einer Webseite einen Alternativen Text haben.
Es gibt diverse Tools im Netz wie z.B den WAVE Report um seine Webseite zu analysieren und Fehler zu finden oder eben auch Plugins wie Axe Core devtools mit denen man sich einen Überblick verschaffen kann, ob eine Webseite barrierefrei ist.
Ist Ihre Webseite barrierefrei?
Sie sind sich unsicher, ob Ihre Webseite barrierefrei ist? Sie haben ihre URL in einen Checker gegeben und haben gesehen, dass einige Errors und Warnings auftauchen, aber sie wissen nicht wie dies zu beheben ist? Sie können uns gerne direkt anrufen oder eine Mail hinterlassen, wir melden uns bei Ihnen und helfen sehr gerne.