Mal ehrlich, wir hören „barrierefrei“ oder „Accessibility“ und denken dabei sicher nicht an eine Website oder die digitale Welt. Wahrscheinlich denken wir an barrierefreie Zugänge zu Gebäuden, Transportmitteln oder an mechanische Hilfsmittel.

Wobei der Gedanke an ein barrierefreies Internet naheliegt, denn Menschen mit Behinderung sind überdurchschnittlich viel im Internet aktiv. 

Daher die berechtigte Frage, was denn eine barrierefreie Website ausmacht. Wie sollte sie aufgebaut bzw. gestaltet sein und gibt es eine rechtliche Basis dafür?

Diese Fragen werden wir hier beantworten, denn für viele Bereiche wird die digitale Barrierefreiheit ab Juli 2025, also in knapp 12 Monaten, verpflichtend.

Die EU möchte durch ihre Richtlinie (EU) 2019/882 Menschen mit Behinderung, älteren Personen und Menschen mit wenig Erfahrung im Umgang mit digitalen Medien eine gleichberechtigte Teilhabe im digitalen Raum ermöglichen. Diese Richtlinie wird durch das „Barrierefreiheitsgesetz“ – kurz BaFG – umgesetzt. Für öffentliche Einrichtungen ist diese Verordnung schon länger in Kraft, nun wird es auch in der Privatwirtschaft Pflicht.

Wir möchten hier einen kurzen Überblick über das BaFG geben, so dass Sie abschätzen können, ob es auch für Ihr Unternehmen relevant ist. 

Sie möchten gleich zum Start eine professionelle Beratung und Begleitung beim Check, inwiefern das BaFG für Sie bzw. Ihr Unternehmen zutrifft? Wir unterstützen Sie gerne bei der Überprüfung und gegebenenfalls im nächsten Schritt bei der Anpassung bzw. Umsetzung Ihrer Website.

• Farben, Kontraste, Schriftgrößen, Schriftarten
  • Hintergrund und Text heben sich gut voneinander ab (ausreichender Kontrastwert).
  • Schriftarten und Farben sind auch für Menschen mit Sehschwäche gut erkennbar.
  • Schriftgrößen sind ausreichend groß und/oder bieten eine Zoom-Option.
    
    
• Nicht-Text-Inhalte (Bilder, Logos, Grafiken, Videos, …)
  • Bilder, Grafiken und Logos weisen prägnante Alternativtexte auf und es sind, wenn möglich, Audiodeskriptionen hinterlegt.
  • Bei Videos gibt es Untertitel.
  • Bei verlinkten Inhalten ist der Linkzweck angegeben.
  • Rein dekorative Elemente werden von assistierenden Technologien ignoriert.
    
    
• Text-Inhalte
  • Texte und Formulare müssen von Screen-Readern lesbar sein.
  • Die Sprache soll nicht kompliziert sein (Vermeidung von verschachtelten Sätzen) oder es ist evtl. eine Möglichkeit der „einfachen Sprache“ implementiert.
    
    
• Informationen und Beziehungen 
  • Die Regionen der Website sind mit den entsprechenden HTML-Tags oder mit dem ARIA-role-Attribut ausgezeichnet.
  • Die Überschriften-Hierarchie (<h1> bis <h6>) wird korrekt eingehalten.
  • Sämtliche Listen-Elemente werden richtig angewandt.
  • Vorkommende Tabellen werden vollständig ausgezeichnet.
  • Formular- und Steuerelemente sind beschriftet bzw. mit Labels verknüpft.
    
    
• Schlüssige Reihenfolge bei der Tastaturbedienung
  • Der Fokus ist an der erwarteten Stelle.
  • Die Reihenfolge der fokussierten Elemente ist sinnvoll und nachvollziehbar.
  • Inhalte, die verdeckt oder visuell versteckt sind, können nicht mit der Tastatur erreicht werden.
  • Wird ein Eingabefenster (z.B. Dialog, Formular, o.ä.) geöffnet, wird der Fokus auf dieses gelegt.
    
    
• Name, Rolle, Wert
  • Interaktive Elemente (z.B. Buttons, Links, …) sollten, wenn möglich programmatische ermittelbare Namen, Rollen und Werte (z.B. bei einer Checkbox „ausgewählt“ bzw. „nicht ausgewählt“) haben.
  • Es sollen bevorzugt eindeutige HTML-Elemente (z.B. <button>, <header>, …) verwendet werden.
    
    
• Mobile Nutzung
  • Die Website muss ein responsives Design aufweisen, so dass sie auch auf kleinen Bildschirmen gut zu bedienen ist.

Mit diesen Anpassungen, auch wenn sie anfangs mühsam sind, helfen Sie im Grunde allen Usern, da die Benutzerfreundlichkeit erhöht wird. Auch das Suchmaschinen-Ranking wird positiv beeinflusst, wenn barrierefreie Inhalte, wie z.B. aussagekräftige Bildunterschriften, verwendet werden.