7 Gründe, warum barrierefreies Webdesign gut für Usability ist!

Die DIN EN ISO 9241 beschreibt Richtlinien für die Usability. Die BITV 2.0 oder WCAG 2.0 (Web Content Accessibility Guidelines aus dem Jahr 2008) ist mit ihren Prinzipien, Richtlinien und Erfolgskriterien maßgebend für die Gestaltung barrierefreier Websites.

1. Usability nach DIN-Norm

Die DIN EN ISO 9241 beschreibt Richtlinien für die Usability. Die BITV 2.0 oder WCAG 2.0 (Web Content Accessibility Guidelines aus dem Jahr 2008) ist mit ihren Prinzipien, Richtlinien und Erfolgskriterien maßgebend für die Gestaltung barrierefreier Websites. Da barrierefreie Anwendungen laut den 4 Prinzipien der WCAG immer gut wahrnehmbar, bedienbar, verständlich und robust sein müssen, bilden die Usability-Norm und WCAG bzw. BITV eine große Schnittmenge. Somit beachtet man bei barrierefreier Planung auch automatisch Richtlinien der Usability.

2. Barrierefreiheit fördert interdisziplinäre Zusammenarbeit.

Barrierefreie Anwendungen stellen besondere Ansprüche an die verschiedenen Fachkompetenzen. Damit benötigen Entwickler, Designer, Redakteure, zu ihrer eigenen Qualifikation, auch ein Grundverständnis für die Anforderungen aus den anderen Fachgebiete. Also benötigt ein Interface-Designer, zum Beispiel, Grundkenntnisse für die Anforderungen im HTML-Markup. Da dies bestimmte Vorgaben für das Layout bedeutet. Dadurch wird der Austausch zwischen unterschiedlichen Fachbereichen gefördert. Dieses gemeinsames Verständnis und interdisziplinäre Kommunikation erhöht die Qualität der Ergebnisse.

3. Robustes visuelles Design hilft in jeder Situation

Ein Oberflächengestaltung mit dem Anspruch auf Barrierefreiheit achtet auf ausreichende Kontraste, gut lesbare Typografie und eine strukturierte Gliederung. Wenn euer Corporate Design diese Prinzipien von vornherein berücksichtigt, ist ein wichtiger Schritt zur Barrierefreiheit getan.

Durch diese Regeln der Ergonomie wird Zugänglichkeit zu Information für alle leichter.

  • Denn linear strukturierte Inhalte sind bestens für mobile Endgeräte geeignet.
  • Durch Lesbarkeit und Kontraststärke erleichtert sich die Lesbarkeit, auch bei schlechten Lichtverhältnissen.
  • Mit gut strukturierte Texte erleichtert sich die Suche nach Inhalten.

4. Korrekte HTML-Semantik ist ergonomisch

Wenn es um die HTML-Struktur auf Seitenebene geht, macht die BITV sehr klare Vorgaben. Diese erfordert eine korrekte redaktionelle Aufbereitung und Strukturierung von Texten. Dadurch erhält man Seiten, die nicht nur Suchmaschinen und dem SEO-Team „gefallen“.  Durch lineare und inhaltliche Strukturierung kommt es auch den Lesern zugute, weil sie ergonomisch ist. Dazu kommt der positive Nebeneffekt, dass sich Redakteure, die gegebenenfalls wenig Erfahrung im Online-Bereich haben, mit Themen wie HTML-Semantik und Webtexten auseinandersetzen.

5. Barrierefreiheit fördert Empathie

Bei der Gestaltung barrierefreier Anwendungen benötigt man Empathie, um damit die Perspektive unterschiedlicher Nutzer einzunehmen:

  • Wie navigiert man mit einem Screenreader?
  • Ist die Struktur der Navigation und Seiten auch ohne Vorwissen leicht verständlich?
  • Wie kann ich die Website ohne Maus bedienen?

Die BITV „zwingt“ alle Projektbeteiligten, Perspektiven verschiedener Nutzergruppen einzunehmen. Eine gute Basis für nutzerzentrierte Gestaltung.

6. Navigation und Informationsarchitektur müssen verständlich und konsistent sein

Eine Website nach BITV muss verständlich und bedienbar sein, mit inhaltlicher Struktur und Navigation als grundlegende Faktoren.

  • Die Navigation muss selbstbeschreibend und einfach sein.
  • Eine Seite muss so aufgebaut sein, dass auch beim Quereinstieg (z.B. über Google) ein Nutzer schnell versteht, welcher Inhalt wo zu erwarten ist.
  • Unterschiedliche Seiten benötigen eine konsistente Struktur einzelner Bereiche zur besseren Orientierung.

7.  BITV – Kriterien statt Meinungen

Wie oft werden Entscheidungen nach dem HIPPO-Prinzip (Highest Paid Persons Opinion) getroffen? Damit stehen Geschmack oder Meinung oft im Vordergrund. Stattdessen sollten Nutzerbedürfnisse die Anforderungen an die Gestaltung stellen. Mit den Erfolgskriterien der  BITV 2.0 erhält man hierzu einen Grundstein. Vorgaben der Barrierefreiheit liefern gute Argumente für Gestaltung im Sinne der Anwender. Dies sollte jeden UX-Designer freuen!

Ihr wollt mit unserer Expertise nach vorne streben?

Cybay ist eine Digitalagentur mit den Schwerpunkten Online-Marketing, UX-/UI-Design, Kreation und Technologie mit Sitz in Hannover. Wir sind spezialisierter Begleiter für Unternehmen im DACH-Raum und unterstützen euch mit unserer Expertise dabei, zukunftsfähig zu bleiben.

Jetzt Kontaktieren
Alexander Pelz

Alexander Pelz

Senior UX Designer

Alexander Pelz ist UX-Designer mit über 10 Jahren Erfahrung im Bereich User Experience, Interface- und Interaction Design. Er legt besonderen Wert auf Barrierefreiheit, Designsysteme und Usability.

Weitere interessante Artikel

Datengetriebenes Marketing: Fundierte Entscheidungen auf Basis eurer Daten treffen

Die meisten Marketing-Teams haben heute mehr Daten als je zuvor. Und trotzdem laufen viele Entscheidungen noch genauso ab wie vor zehn Jahren: auf Basis von Meinungen und Bauchgefühl. Die häufigste Ursache dafür liegt in fehlenden Prozessen, nicht in fehlender Technologie. Dieser Artikel zeigt, wie ihr das ändert.

Mehr Wirkung mit SXO: Warum SEO, UX und Conversion zusammengehören

Viele Unternehmen investieren gleichzeitig in SEO-Rankings, UX-Redesigns und Conversion-Optimierung, und wundern sich, warum die Ergebnisse ausbleiben. Eine Lösung für das Problem lautet Search Experience Optimization, kurz SXO: Dieses führt SEO, UX und CRO entlang einer gemeinsamen Wirklogik zusammen. Dieser Beitrag erklärt, was SXO konkret bedeutet und warum das in der Praxis helfen kann.

Der HubSpot CRM Guide: Funktionen, Vorteile und wann sich der Einsatz wirklich lohnt

HubSpot gehört zu den meistgenutzten CRM-Plattformen weltweit. Aber Reichweite allein ist noch kein Kaufargument. Dieser Artikel gibt euch eine ehrliche, praxisnahe Einordnung: Was steckt wirklich hinter HubSpot, für wen ist es geeignet, und wann lohnt sich der Einsatz? Spoiler: Es gibt fünf Bedingungen, die darüber entscheiden.