Matthias Scharwies: Barrierefrei - Brauch' ich das? - Ja!

Beitrag lesen

Im Forum kommt es immer wieder zu rhetorischen Fragen, deren Antwort aus Sicht des Fragenden schon feststeht:

Das soll jetzt wirklich nicht aggressiv oder trollig 
klingen, aber ... 
Warum sollte ich mir für jedes Bild ein blödsinniges 
alt-Tag (sic!) ausdenken?

Warum das alt-Attribut wichtig ist, stand schon in der verlinkten Wiki-Seite:

  1. Es gibt mehrere Szenarien, warum Bilder nicht angezeigt werden.
  2. Ohne alt-Attribut wird irgendetwas also z.B. den Dateinamen ohne Endung - im schlimmsten Fall etwas wie dsc_img_2345 - vorgelesen, wenn es keinen accessible Name (zugänglichen Namen) gibt. Wie dieser gebildet wird, regelt eine eigenen Spezifikation, die Accessible Name and Description Computation 1.1 [1]
  3. Ein leeres alt-Attribut alt="" verhindert dies; genügt formal den Kriterien des Validators, aber nicht den Menschen.

Einige Tage später legte unser anonymous nach:

Das ändert natürlich nichts daran, dass man Websites, 
auf die Menschen mit Einschränkungen angewiesen sein könnten, 
auch entsprechend so gestalten sollte.

1. Webseiten werden für (alle) Menschen gemacht!

„Meine Nutzer sind mit meiner Webseite zufrieden 
und ich habe noch nie Beschwerden gehört.“

Das freut mich für dich, aber im allgemeinen suchen Menschen nach passenden Seiten und verlassen diese schnell wieder, wenn sie ihnen nicht gefallen, ohne einen Evaluationsbogen auszufüllen oder ein Feedback zu geben.

„Wie viel Prozent der Nutzer sind das? 
Auf die paar kann ich verzichten!“

Hier gibt es zwei Probleme: Das Ausbleiben von Beschwerden, bzw. von Nutzern ist unbemerkt.

Im zweiten Weltkrieg wurde überlegt, wie man Flugzeuge gegen feindlichen Beschuss stärker schützen könnte. Dabei wurde analysiert, welche Einschusslöcher zurückgekehrte Flugzeuge hätten und wie man diese Stellen mit Platten verstärken könnte.

Illustration of hypothetical damage pattern on a WW2 bomber. Based on a not-illustrated report by Abraham Wald (1943), picture concept by Cameron Moll (2005, claimed on Twitter and credited by Mother Jones), new version by McGeddon based on a Lockheed PV-1 Ventura drawing (2016), vector file by Martin Grandjean (2021).")

Was auffiel: Es gab keine Treffer im Bereich der Motoren und der Kabine! Waren sie schon ausreichend geschützt - Nein: Treffer dort führten dazu, dass das Flugzeug abstürzte und für eine Untersuchung nicht zurückkehrte.[2]

Bezogen auf unsere Webseiten muss jeder Autor überlegen, wie er alle Nutzer erreichen kann:

Und da würde ich vor unseren Alternativtexten ansetzen. Wichtiger als jede technische Struktur ist der Inhalt und die Form, in der sie dargeboten wird.

Häufigster Wunsch bei Umfragen ist verständlicher Text, bzw. leichte Sprache für den Inhalt

Wenn der Inhalt dann durch Grafiken illustriert, d.h. veranschaulicht wird, sollte für jede Grafik eine kurze Beschreibung gefunden werden. Das macht weniger Arbeit als das Zuschneiden und Aufhellen im Grafikprogramm. Auch ein sprechender Name anstelle der kryptischen Bezeichnungen der Kameras hilft, das Bild später wiederzufinden.

Achtung: Das nachträgliche Hinzufügen von einer Vielzahl von Alternativtexten artet in Arbeit aus!

„Auch wenn der Validator meckert - meine Webseite funzt doch?“

Der Validator ist keine Kontrollinstanz, sondern ein Werkzeug um sicherzustellen, dass Webstandards eingehalten werden. Das scheint heute nicht mehr so wichtig, weil Browser nicht mehr abstürzen. Trotzdem sollten auch nicht-professionelle Webseitenbastler anstreben, ihre Webseiten so gut wie möglich zu bauen. Und dazu gehören nun einmal inklusives Design, dass alle Nutzer anspricht!

Für Nutzer, die ihre bestehende Webseite auf Schwachstellen überprüfen wollen:

2. Gesetzliche Pflicht

Nachdem Behörden und öffentliche Institutionen ihre Webseiten schon seit 2019 barrierefrei gestalten müssen, verpflichtet das seit 2021 beschlossene Barrierefreiheitsstärkungsgesetz ab 28.06.2025 Webseiten zur Barrierefreiheit für gewerblichen Unternehmen mit Ausnahme von Kleinstunternehmen.

Do it right the first time! Dann werden keine langwierigen Nachbesserungen nötig!


  1. Die "Computation" des accName ist wirklich so kompliziert. Auch title-Attribut, aria-Attribute und anderes können einbezogen werden.
    Accessible Name and Description Computation 1.1 ↩︎

  2. Survivorship Bias (de.wikipedia.org) ↩︎