Accessibility

Priorität I & II

Alexander Bogomolov / @abogomolov

Priorität I

Prinzip 1

Anforderung 1.1: Nicht-Text-Inhalte

Für jeden Nicht-Text-Inhalt, der dem Nutzer oder der Nutzerin präsentiert wird, ist eine Text-Alternative bereitzustellen, die den Zweck dieses Inhalts erfüllt.

Anforderung 1.2: zeitgesteuerte Medien (Audio/Video)

  • Textalternative
  • Untertitel
  • Audio-Deskription oder Volltext-Alternative

Anforderung 1.3: semantische Auszeichnung

  • Richtige Reihenfolge der Auszeichnung
  • Semantisch korrekte Auszeichnung (header/footer, ol/ul/dl usw.)
  • Zwischenüberschriften (mit Ankern)
  • Nicht auf einen sensorisches Merkmal verlassen
    Verwenden Sie die Suche in der roten Box mit der Aufschrift "Suche" in der oberen rechten Ecke.

Anforderung 1.4: Wahrnehmung des Inhalts

  • Farbe ist nicht als einziges Mittel zu verwenden (löschen => rot + Icon)
  • Audio: stopp/pause, lauter/leiser ermöglichen
  • Kontrast: 4,5:1 oder 3:1 bei großen Texten (contrast-ratio.com)
  • Veränderbare Textgröße (bis 200%)
  • keine Schriftgrafiken

Prinzip 2

Anforderung 2.1

  • Tastaturbedienbarkeit
  • Keine Tastaturfalle

Anforderung 2.2

  • Zeitbezogene Anforderungen (ausschaltbare/verlängerbare Zeitbegrenzung)
  • Anhalten, beenden und/oder ausblenden von sich bewegenden, blinkenden oder scrollenden Inhalten

Anforderung 2.3

Dreimaliges Aufblitzen innerhalb von 1 Sekunde darf nicht überschritten werden.

Anforderung 2.4

  • Umgehen von Elementgruppen ("Skip to content"-Link)
  • Passender Seitentitel
  • Sinnvolle Fokus-Reihenfolge
  • Zweck eines Links erkennbar (Linktext oder title-Attribut)
  • Alternative Zugangswege (Navigation, Sitemap, Suche
  • Überschriften und Label kennzeichnen das Thema oder den Zweck
  • Sichtbarer Tastaturfokus
  • Standort (breadcrumbs)

Prinzip 3

Anforderung 3.1

Die verwendete Sprache wird ausgezeichnet (Seiten- und Abschnittsbezogen

Anforderung 3.2

  • Keine Kontextänderung durch Fokus
  • Keine Kontextänderung durch Eingabe
  • Einheitliche Bezeichnung gleicher Elemente

Anforderung 3.3

  • Fehleridentifizierung (visuell und textlich)
  • Hinweise oder Label bereitstellen
  • Korrekturvorschläge aufzeigen, wenn vorhanden
  • Fehlervermeidung durch Überprüfung oder Rückgängigmachung

Prinzip 4

  • Sematisch korrekte Auszeichnung
  • Namen, Rollen und Werte sind für Programme erkennbar (WAI-ARIA)

Priorität II

Prinzip 1

Anforderung 1.2

  • Gebärdensprache
  • Erweiterte Audio-Deskription
  • Volltext-Alternative

Anforderung 1.4

  • Kontrast: 7:1 oder 4,5:1 bei großen Texten (contrast-ratio.com)
  • Keine/abschaltbare Hintergrundgeräusche (20 dB leiser als Inhalt)
  • Visuelle Präsentation
    • Max. 80 Zeichen breite
    • Kein Blocksatz
    • Zeilenabstand mind. 1,5
    • Größerer Abstand zwischen Absätzen
  • Schriftgrafiken nur als Deko

Prinzip 2

Anforderung 2.1

  • Vollständige Tastaturbedienbarkeit

Anforderung 2.2

  • Keine Zeitbegrenzung
  • Unterbrechungen können aufgeschoben oder unterdrückt werden
  • Aktivität muss ohne Datenverlust nach Wiederanmeldung weitergeführt werden können

Anforderung 2.4

  • Zweck eines Links aus Linktext ersichtlich
  • Verwendung von Abschnittsüberschriften
  • Aktivität muss ohne Datenverlust nach Wiederanmeldung weitergeführt werden können

Prinzip 3

Anforderung 3.1

  • Ungebräuchliche Wörter erklären
  • Abkürzungen in ausgeschriebener Form bereitstellen (Auszeichnung)
  • Einfache Sprache
  • Aussprache

Anforderung 3.2

  • Kontextänderungen nur auf Nutzerwunsch

Anforderung 3.3

  • Hilfen bei EIngaben zur Verfügung zu stellen
  • Prüfung vor Übertragung

Fragen?

Vielen Dank!