Barrierefreies Webdesign

Was ist Barrierefreiheit im Web?

Eine Webseite ist barrierefrei, wenn Lesen und Navigieren mit den zur Verfügung stehenden Hilfsmitteln problemlos möglich ist.

Es ist auch nicht schwierig, Internetseiten so zu gestalten, dass sie von allen Menschen gelesen werden können. Um solche Seiten zu erstellen, muss man nicht auf alle gängigen Gestaltungselemente verzichten. Grundsätzlich gilt aber: Je mehr Sie mit Javascript, Animationen, komplizierten Layouttabellen und Ähnlichem arbeiten, desto eher wird Ihre Seite nicht mehr barrierefrei sein.

Barrierefreiheit ist Gesetz

AChecker accessibility checker compliance: BITV 1.0 (Level 2)

Bereits seit 2002 ist die Behinderten-Informations-Technik-Verordnung (BITV) in Kraft.
Sie verpflichtet öffentliche Einrichtungen ihre Webseiten barrierefrei zu gestalten!

Barrierefreiheit von gottenheim.de

AChecker accessibility checker compliance: WCAG 2.0 (Level AA)

Unabhängige Accessibility-Analysen beweisen die sehr gute Barrierefreiheit von gottenheim.de:

Tipp: Zur Vergrößerung Miniaturbild anklicken...
Achecker.jpg aaardvark.jpg accessibility_view.jpg accessibilitychecker_org.jpg aktion_barrierefrei_org.jpg axe.jpg chrome_webtool.jpg lighthouse.jpg screen_reader.jpg silktide_accessibility.jpg silktide_color.jpg silktide_focus.jpg wave.jpg
Alle Screenshots: Kurt Hartenbach

Wie erreicht man Barrierefreiheit?

Tools zum Barrierefreiheit testen

  1. Silktide Toolbar (Plugin)
  2. Accessibilitychecker.org nur 2/Tag
  3. WAVE-Analyse Access. (Plugin)
  4. Acessi.org Accessibility Eval.
  5. Achecker HTML oder Achecker PDF
  6. AXE Access. DevTools (Plugin)
  7. Aaardvark-Accessibility

Zwei einfache Minimaltests auf Desktop

Können Sie (ohne Maus!) mit Taste <Tab> durch die Seite navigieren und mit der <return>-Taste den Link aufrufen?

Ändert sich die Textgröße bei gedrückter <Strg>-Taste und Bewegen des Maus-Rollrads?