Barrierefreiheit im Web: Zugänglich für alle – gut fürs Geschäft
Stell dir vor, ein potenzieller Kunde kommt auf deine Website – und kann sie nicht bedienen. Der Button ist nicht per Tastatur erreichbar, das Kontaktformular hat keinen erkennbaren Fokus, und die Bilder haben keine Beschreibungen. Was passiert? Der Kunde ist weg. Für immer.
In der Schweiz leben rund 1,8 Millionen Menschen mit einer Behinderung. Dazu kommen Millionen, die temporär eingeschränkt sind – sei es durch eine Verletzung, eine laute Umgebung oder schlicht eine langsame Internetverbindung. Barrierefreiheit im Web ist deshalb längst kein Randthema mehr. Sie betrifft dein Geschäft direkt.
In unserem umfassenden Perfekte-Website-Guide haben wir bereits die wichtigsten Grundlagen für erfolgreiche Websites behandelt. Hier vertiefen wir das Thema Barrierefreiheit und zeigen dir, wie du konkret vorgehst.
Was bedeutet Barrierefreiheit im Web?
Barrierefreiheit (englisch: Accessibility, oft als «a11y» abgekürzt) bedeutet, dass deine Website von allen Menschen genutzt werden kann – unabhängig von körperlichen, sensorischen oder kognitiven Einschränkungen.
Die internationalen Web Content Accessibility Guidelines (WCAG) definieren vier Grundprinzipien:
- Wahrnehmbar: Inhalte müssen so dargestellt werden, dass sie von allen Sinnen erfasst werden können. Bilder brauchen Alternativtexte, Videos brauchen Untertitel.
- Bedienbar: Alle Funktionen müssen per Tastatur, Maus und anderen Eingabegeräten nutzbar sein.
- Verständlich: Texte, Navigation und Formulare müssen klar und nachvollziehbar sein.
- Robust: Die Website muss mit verschiedenen Browsern, Geräten und assistiven Technologien funktionieren.
In der Schweiz gibt es mit dem Behindertengleichstellungsgesetz (BehiG) bereits eine rechtliche Grundlage, die öffentliche Stellen zur Barrierefreiheit verpflichtet. Und die EU verschärft mit dem European Accessibility Act (EAA) ab 2025 die Anforderungen – auch für Schweizer Unternehmen, die in der EU tätig sind.
Kontraste und Farben: Damit alle lesen können
Einer der häufigsten Fehler auf KMU-Websites: zu wenig Kontrast. Hellgrauer Text auf weissem Hintergrund mag elegant wirken, ist aber für viele Menschen schlecht lesbar.
Die WCAG-Anforderungen für Kontraste:
- Normaler Text: Mindestens 4.5:1 Kontrastverhältnis (Level AA)
- Grosser Text (ab 18px fett oder 24px normal): Mindestens 3:1