S7
zurückBarrierefreiheit auf Websites
18.09.2019
Thema:

Barrierefreiheit auf Websites

Wie wird eine Seite für alle zugänglich?

Das Thema Barrierefreiheit war in der Onlinewelt immer ein Nischen-Thema. Oftmals sind es gerade Behörden, die diesem Problem Aufmerksamkeit widmen, müssen sie doch den Staatsauftrag der öffentlichen Zugänglichkeit erfüllen.

Auch in der nicht-staatlichen Computerwelt arbeitet man seit Jahren an der Optimierung speziell des Frontends. Aber wie es häufig so ist, werden Dinge, die nicht als sooooo relevant angesehen werden, gerne mal auf die lange Bank geschoben. Beim Thema Suchmaschinenoptimierung ist die Rezeption eine andere. Vielen Website-Betreibern wird zunehmend bewusst, dass sie viel an Reichweite, und damit Erfolg, verlieren, wenn sie nicht die optimalen Parameter von Google&Co bedienen. Wie es der Zufall will, haben gerade die Elemente einer barrierefreien Website viele positive Effekte auf das Ranking. Spätestens jetzt lohnt sich ein Blick auf die „Accessibility“ der eigenen Seite.

Gerade SEO-erfahrenen werden die meisten Beispiele bekannt vorkommen. Doch üblicherweise ist die Denkweise „Warum brauchen die Bilder ALT-Attribute?“ - „Weil Google das will.“. Hier endet meist die Diskussion. Sie müsste aber weitergehen mit der Frage „Aber warum will das Google?“

Daher hier ein ganz kurzer Einblick in die wichtigsten Punkte zum Thema Barrierefreiheit.

Textalternativen für Bilder:

Viele Website-Betreiber vergessen, die verwendeten Bilder mit einem ALT-Attribut zu versehen. Das scheint auf den ersten Blick unerheblich zu sein, aber ohne erklärenden Text, weiß z.B. die Sprachausgabe nicht, wie sie das Bild beschreiben soll. Wenn aus irgendeinem Grund das Bild nicht angezeigt werden kann, z.B. durch Viren-Scanner, kann der Nutzer nicht nachvollziehen, was da zu sehen wäre.

Verständliche Linktexte:

Wer auf einen Link klickt, sollte wissen, wohin ihn das führt. Ein Link sollte immer im vornherein erklären, was der User am anderen Ende findet. Dies kann z.B. als Verlinkung des gesamten Hinweistextes passieren („Mehr Informationen zu XYZ finden Sie hier.“).

Semantisch korrektes HTML:

User mit Sehproblemen nutzen sog. Screenreader. Der ist drauf angewiesen, dass ihm das HTML genau sagt, was da auf der Seite zu sehen ist. Nur so kann er sie in eine gesprochen Beschreibung umwandeln. Z.B. kann eine optische Überschrift generiert werden, indem man den Text direkt mit Attributen versieht, die dafür sorgen, dass er größer und/oder prominenter dargestellt wird. Ein Screenreader wird nicht erkennen, dass das eine strukturgebende Überschrift sein soll. So entgehen dem User Zusammenhänge.

Farbkontraste:

Auch wenn das Corporate Design es verlangt, sollte davon abgesehen werden, für Schrift und Hintergrund Farben zu wählen, die nicht kontrastreich sind. Das Lesen des Textes wird dadurch unnötig erschwert, und der User würde mit ziemlicher Sicherheit bald abspringen.

Typografie:

Schriftart und -größe werden gerne vernachlässigt, denn jeder Redakteur geht von sich selbst als Maßstab aus. Aber für andere User könnte eine zu verspielte Schriftart praktisch unleserlich ein, und eine zu kleine Schriftgröße zu antrengend. Auch zu kleine Zeilenabstände können dazu führen, dass der Leser „die Reihe“ verliert.

Tastaturbedienbarkeit:

Oft wird vergessen, dass u.U. keine Maus zur Verfügung steht, oder dass Menschen Probleme mit der Augen-Hand-Koordination haben. Im Idealfall sollte eine Website daher vollständig mit Hilfe der Tatstatur bedienbar sein.

Untertitel:

Gehörlose oder schwerhörige User brauchen u.U. Unterstützung bei der Nutzung multimedialer Mittel. Es könnte auch sein, dass z.B. keine Lautsprecher zur Verfügung stehen. Für solche Fälle sind Untertitel bzw. Bildbeschreibungen hilfreich.

 

Dies sind nur einge wenige Themen, die die Barrierefreiheit berühren. Speziell im Backend gibt es häufig noch Verbesserungspotenzial, denn Barrierefreiheit gilt auch für die Anwender.

Autor: Alen Batas
Tags: Projekte
Ähnliche Beiträge
EuGH-Urteil zu Cookies
18.10.2019

Das EuGH-Urteil zum setzen von Cookies

Was heißt das jetzt für meine Website?

Die Folgen des Urteils des Europäischen Gerichtshofs  

01.08.2019

Eröffnungsveranstaltung fumes and perfumes

Die ganzjährige Fotoausstellung im Parkhaus Züblin ist eröffnet!

Fumes and perfumes geht ins 6. Jahr!  

"Bauern helfen Bauern" in Bosnien
22.07.2019

Srebrenica - Nie überwundenes Trauma - Teil 2

Auf dem Weg nach Bosnien-Herzegowina

Wie ein Konflikt mitten in Europa eingefroren wurde.  

"Bauern helfen Bauern" in Bosnien
13.06.2019

Srebrenica - Nie überwundenes Trauma

Wie eine österreichische Hilfsorganisation in Bosnien Menschen hilft

Die Probleme in Bosnien sind schon lange nicht mehr auf der Tagesordnung europäischer Medien und Politiker.  

Exception Handling in TYPO3
28.05.2019

Exceptions in TYPO3, wie gehe ich damit um?

Exception Handling in TYPO3

Jeder kennt diese Meldungen, welche sagen, irgendetwas ist da wohl schief gelaufen. Das ist nervig, sollte programmatisch vermieden werden, kann aber nicht immer verhindert werden. Oder doch?  

Arbeiten mit TYPO3 FlashMessages im FrontEnd
15.05.2019

FlashMessages in TYPO3 Frontend konfigurieren und nutzen

Arbeiten mit TYPO3 FlashMessages im FrontEnd

Man will schnell Meldungen im Frontend auf Interaktionen bringen? Man braucht das nur temporär? Es gibt ja die FlashMessages im Backend. Aber kann ich die auch im Frontend nutzen? Ja, ich kann. Und hier zeige ich, wie.  

Waldakademie Schramberg
27.03.2019

Waldakademie Schramberg mit neuem Programmheft

Erweiterung des Freizeitangebotes

Der langjährige Kunde unseres Partners B-FACTOR, das Familienerholungswerk der Diözese Rottenburg-Stuttgart, hat sein vielfältiges Ferien- und Freizeitangebot erweitert und am 15. März 2019 die Waldakademie Schramberg als neuen, wichtigen Bestandteil des Feriendorfs Schramberg feierlich eröffnet.  

TYPO3 Extensions aktualisieren
26.02.2019

Hilfe, meine TYPO3 Extension ist zu alt!

Wie hält man seine TYPO3 Erweiterungen auf dem neuesten Stand?

Jeder der TYPO3 Extensions schreibt und diese über die Jahre pflegt, kommt irgendwann mal an die Stelle, wo die Extension zu alt ist für die glänzend neue TYPO3 Version.  

TYPO3-Baukastensystem
02.11.2018

Unser TYPO3-Baukastensystem

Ein hochleistungsfähiges Multi-Mandantensystem

Viele flächendeckend verteilte Unternehmen und Organisationen haben die Idee und den Anspruch ihren Unternehmenseinheiten ein standardisiertes Tool in einheitlichem Look & Feel zur Verfügung zu stellen, welche innerhalb eines vorgegebenen Rahmens eine größtmögliche Flexibilität an Contentproduktions- bzw. Darstellungsmöglichkeiten haben.  

Strichzeichnungen und Illustrationen
26.10.2018

Punkt, Punkt, Komma – Strich: Sudhaus7 und die Strichzeichnung

Illustrationen als weitere Brauzutat für den Meistertrunk

Illustrationen sind das sprichwörtliche Salz in der Suppe. Im Kontrast zur Fotografie verbreiten sie eine Aura des klassischen.  

Kommentare