Inklusion

Barrierefreie Website: Ein Beispiel

Barrierefreie Website – d.h. heißt, dass Menschen mit eingeschränktem Seh- oder Hörvermögen oder Problemen beim Bewegen oder beim Verarbeiten von Informationen die Website vollumfänglich nutzen und verstehen können. Auf welche Kriterien es dabei ankommt verraten wir hier.

Anja Eglmeyer, Geschäftsführerin Strategie und Web der designerei Werbeagentur

| Strategie & Web

Beispiel für eine barrierefreie Website, www.einfach-jena.de

Barrierefreiheit – darauf kommt es an:

Navigation und Bedienbarkeit

  • für eine barrierefreie Navigation ist die Bedienung der Website durch reine Tastatursteuerung möglich
  • auch Menschen mit motorischen Einschränkungen können die Website leicht und intuitiv bedienen
  • Links und Schaltflächen sind für die mobile Nutzung optimiert

Leichte Texte

  • leicht verständliche Texte in einfacher Sprache für Nicht-Muttersprachler und Menschen mit geringer Lesekompetenz
  • gute Lesbarkeit durch hohen Kontrast, Schriftgröße und Schrifttyp
  • einfache, kurze Wörter und einfacher Satzbau
  • auf Fremdwörter weitestgehend verzichten
  • zusammengesetzte Substantive mit einem Bindestrich trennen, Bsp. Bahn-Hof, Kletter-Halle
  • wichtige Wörter und Abschnitte fett auszeichnen

Zugängliche Inhalte

  • die Website einfach strukturieren
  • Inhalte logisch und sinnvoll gliedern
  • klare und aussagekräftige Überschriften bilden
  • beschreibende Linktexte hinterlegen
  • Videos mit Gebärdensprache unterlegen
  • Audiotexte für wichtige Inhalte bereitstellen
  • sinnvoll formulierte Alternativtexte für Grafiken, Bilder, Downloads, Audio- und Videodateien hinterlegen
  • aussagekräftige Seitentitel und Seitenbeschreibungen hinterlegen

Technisches

  • Überschriften werden mit HTML-Strukturelementen ausgezeichnet
  • Zitate werden mit HTML-Strukturelementen ausgezeichnet
  • semantische Auszeichnung der Seitenstruktur
  • Beschriftung von Formularelementen programmatisch ermittelbar
  • Eingabefelder zu Nutzerdaten vermitteln den Zweck
  • Inhaltsbereiche sind überspringbar
  • aktuelle Position des Fokus ist deutlich
  • Fehlererkennung bei Formulareingaben
  • Beschriftungen von Formularelementen vorhanden

Beispiel für eine barrierefreie Website

Im Rahmen des von Aktion Mensch geförderten Projektes „Einfach Wege gehen” setzten wir für die SBW Lebenshilfe Jena die nahezu barrierefreie Website www.einfach-jena.de um.

Mehr zur Projektumsetzung können Sie hier nachlesen.

Gern erzählen wir Ihnen mehr zu diesem Thema!

Rufen Sie uns einfach an unter T 036601 210590 oder schreiben Sie uns eine Mail. Demnächst können Sie sich hier zu unserem Newsletter anmelden.

Zurück zum Themenüberblick