Crashkurs Barrierefreiheit im Web

Tobias Bengfort

wer bin ich?

Aufbau

Was ist Accessibility?

The Web is fundamentally designed to work for all people, whatever their hardware, software, language, culture, location, or physical or mental ability.

https://www.w3.org/standards/webdesign/accessibility

Grundkonzept

Ein Buch kann direkt gelesen oder von einer anderen Person vorgelesen werden
Ein Buch kann direkt gelesen oder von einer anderen Person vorgelesen werden
Bei einer Webseite übernimmt der Computer das Vorlesen
Bei einer Webseite übernimmt der Computer das Vorlesen

Aussehen (WYSIWYG) vs. Intention (WYSIWYM)

Der Code sollte so geschrieben werden, dass die Darstellungs­programme möglichst gut verstehen, was gemeint ist.

<div style="font-size: 200%; font-weight: bold;">Überschrift</div>
<div style="font-size: 150%; font-weight: bold;">Unterüberschrift</div>
<div style="margin-bottom: 1em">Absatz</div>
<h1>Überschrift</h1>
<h2>Unterüberschrift</h2>
<p>Absatz</p>

Konkrete Probleme/Maßnahmen

Allgemein

Worpress

WYSIWYG editor
WYSIWYG editor
Bilder-Einstellungen (Alt Text ist wichtig)
Bilder-Einstellungen (Alt Text ist wichtig)
Farbeinstellungen
Farbeinstellungen

Tests

Selbermachen