Barrierefreies Web

Design - Kriterien

Hier gilt das Prinzip 'Weniger ist mehr...'.

Ein funktionales Design muss nicht optisch reizlos sein.
Optisch und inhaltlich übersichtlich gestaltete Webseiten laden erwiesenermaßen zu mehrfachem Besuch ein.
Reizüberflutung führt bei mehreren Besuchen zur Übersättigung und erschwert nicht nur behinderten Menschen die Informationsaufnahme.
Eine stark von Animationen durchzogene Website schwächt die Konzentration auf das Wesentliche. Speziell Sehbehinderte haben Schwierigkeiten ihren Blick zu fokussieren. Das gilt auch für farblich ausufernde Designs.

Farben

• Verwenden Sie wenige Farben und ordnen Sie jeder Farbe eine bestimmte Funktion zu (z.B. Farbe für Links).
• Achten Sie bei der Farbwahl auf genügend Helligkeitskontraste.
• Vermeiden Sie stark farbige Hintergrundbilder, die beim Lesen von Texten irritieren könnten.
• Wählen Sie mit Rücksicht auf Sehende, die Probleme mit der Unterscheidung von Rot und Grün haben nicht diese Farben als Unterscheidungsmerkmal von Text und Links oder Linkzuständen.

Texte

• Texte lesen sich nicht nur für behinderte Menschen leichter, wenn sie klar durch Absätze strukturiert sind.
• Screenreader-Programme für blinde Internet-Nutzer sind effektiver, wenn ein Text klar durch Absätze strukturiert ist.
• Die Wahl serifenloser Schriften wie Arial oder Verdana erhöht die Lesbarkeit von Texten.
• Vermeiden Sie unnötige Abkürzungen im Text, oder setzen Sie jeweils einen Blank zwischen die Buchstaben der Abkürzung, damit Vorleseprogramme nicht versuchen, eine Abkürzung als Wort zu lesen.

Buttons

• Buttons können so entworfen werden, dass sie eine Mindestgröße nicht unterschreiten und genügend Abstand voneinander haben. So wird Sehbehinderten und motorisch Behinderten das Anklicken erleichtert.
• Generell sollten Sie bei der Gestaltung der Navigationselemente eine Textnavigation, Grafiken vorziehen.
• Bedenken Sie, dass bei einer Veränderung der Schriftgröße, grafisch realisierte Navigationselemente in der Größe nicht variabel sind.

Popup-Fenster

Sollte der Einsatz von Popup-Fenstern geplant sein, integrieren Sie einen Hinweis-Button, der im Alternativtext ankündigt, dass sich ein neues Fenster öffnet.