Erste Schritte: Barrieren finden und auflösen

Peter Krautzberger, krautzource

Links/rechts scrollen, um die Slides durchzusehen.

Ziele

Browser-Erweiterungen

Inhaltlich Arbeiten
- POUR Prinzipien / WCAG Kriterien
Grundlegende Tests
- Überschriften und Seitenstruktur
- Tab order
- Links
- Alternativtexte für Bilder (nächste Slides)
Checklisten helfen (Beispiel 1, Beispiel 2)
HTML Quellcode hilft, Browser Entwicklerwerkzeuge helfen

Viele Techniken (Understanding 1.1.1), aber mit LaTeX Quellen oft schwierig:

Platzierung: lokal via \includegraphics; nichtlokal via lokal
Schwer: erzeugten Grafiken (tikz etc, evtl. auch R, matplotlib etc)
- Alternativen erzeugen (z.B. Daten als Tabellen, notfalls Rohtext)
- Immer (LaTeX) Quellen behalten!
Formelsatz → MathJax hilft

Eine grobe Kategorisierung von Bildern (vgl. WCAG Alt Decision Tree)

Herangehensweise

Kontextabhängig!!

Die 2 Optionen für Textalternativen:

lokal / am Bild / “image alt”
- kurz
- wenn nicht ausreichend, dann Grob + Hinweis auf vollwertige Alternative
nichtlokal / im Textfluss (das beste Bild ist ein Hilfsmittel)
- beliebige Länge
- komplexe Inhalte möglich (z.B. Tabellen, Formeln)

Decision tree:

Bild in Abbildung
- Textalternative in \caption
- sonst: Textalternative nahe \ref
- am Bild: Kurzversion + Hinweis
Sonst / Position ist wichtig:
- direkt davor oder danach
- Falls das nicht geht: äquivalenter Text am Bild

Automatische Tests sind gut bei Textfarben
Manuell: mit Kontrastrechner bei webaim, bei leserlich.info
- Color-Picker App oder Browser DevTools
Korrigieren
- bei Text einfach
- LaTeX Stärken nutzen (z.B. Makros, in generierte Grafiken)
Farbalette planen (z.B. inclusivecolors.com)

Eine einfache Technik, um Fehler zu identifizieren:

KISS Vereinfachung hilft oftmals
manuelle Nachbearbeitung (d.h. im HTML) sind manchmal notwendig (evtl. automatisierbar)
make4ht: Fallback Bilder erzeugen