Sieben goldene Regeln für mehr Barrierefreiheit
Ob Webseite, Word-Dokument oder Powerpoint-Pr?sentation: Digitale Inhalte sollten nicht nur mit Blick auf die visuelle Darstellung erstellt werden. Wer sieben einfache Regeln befolgt, kreiert Inhalte, die für alle Nutzer:innen zug?nglich sind und tr?gt so den Anliegen der Barrierefreiheit Rechnung.
- Vorlesen
- Anzahl der Kommentare
Mit diesen sieben Tipps tragen Sie im Alltag zu mehr Barrierefreiheit bei. Sie gelten für AEM ebenso wie z.B. für Word, Powerpoint oder InDesign.
1. ?berschriftsformate anwenden: Verwenden Sie für ?berschriften entsprechende ?berschriftsformate – und beachten Sie dabei zudem deren korrekte Hierarchie: Der Haupttitel einer Seite bzw. eines Dokuments ist in der Regel eine ?berschrift 1 (Heading level 1, H1). Untergeordnet folgen in inhaltlich-logisch korrekter Abfolge eine bis mehrere ?berschriften 2, dann ?berschriften 3 usw.
2. Aufz?hlungen: Nutzen Sie bei Aufz?hlungen die Listen-Formatierung. Eine Liste kann nummeriert sein oder unnummeriert.
3. Verst?ndliche Links verfassen: Schreiben Sie informative und aussagekr?ftige Linktexte. Anstelle von ?Die Unterlagen finden Sie hier? hilft eine Formulierung wie ?Die Unterlagen zum Accessibility-Einführungskurs haben wir auf unseren Infoseiten bereitgestellt.?
4. Bilder mit Alternativtext versehen: Entscheiden Sie stets, ob die verwendeten Bilder dekorativ oder aussagekr?ftig (sprich: essenziell, sinnstiftend, informationserg?nzend) sind. Warum? Vorlesesoftware ignoriert alle Bilder, die als dekorativ markiert sind. Bei allen anderen Bildern wird der Alternativtext jedoch vorgelesen. So ist sichergestellt, dass auch Menschen, die mit Vorlesesoftware arbeiten, alle essenziellen Informationen erhalten.
5. Farbe: Achten Sie darauf, wie Sie Farben einsetzen. Das Kontrastverh?ltnis zwischen Text und Hintergrund muss immer mindestens 4,5:1 betragen. Die ETH-Corporate-Farben sind so gew?hlt, dass die Kontrastanforderungen eingehalten werden. Die ?bersichtsseite Colour accessibility for web graphics (nur auf Englisch, mit Grafiken) zeigt jeweils, ob sie mit Weiss oder mit Schwarz kombiniert werden sollen. Verwenden Sie zudem Farbe nie als alleinigen Informationstr?ger.
6. Tastaturzug?nglichkeit: Stellen Sie sicher, dass alle interaktiven Elemente mit der Tastatur allein zug?nglich sind, also ohne Maus, Tabletstift o.?. Dieser Aspekt richtet sich vor allem an Entwickler:innen und an alle, die Software von Drittanbietern entwickeln lassen. Die folgenden Tasten sollten i.d.R. ausreichen, um eine digitale Oberfl?che zu bedienen, ohne Zuhilfenahme einer Maus: Tabulator, Leerzeile, Shift, Enter, Escape, Pfeil-Tasten.
7. Sichtbarkeit des Tastaturfokus: Stellen Sie sicher, dass der Tastaturfokus immer sichtbar ist. Das bedeutet: Um das Webseitenelement herum, auf dem man sich als Nutzer:in gerade befindet, wird typischerweise ein Rahmen angezeigt. Dabei handelt es sich um den hier genannten Tastaturfokus. Dieser sollte sichtbar werden, sobald Sie eine Webseite nur mit der Tastatur (ohne Maus) bedienen. Statt eines Rahmens kann auch eine andere Art der visuellen Kennzeichnung vorhanden sein, z.B. Invertierung. Dieser Aspekt richtet sich vor allem an Entwickler:innen und an alle, die Software von Drittanbietern entwickeln lassen.
Selbstverst?ndlich beinhaltet Barrierefreiheit noch viele weitere Aspekte wie Untertitelung und Audiodeskription von Videos, Videos in Geb?rdensprache für zentrale Inhalte, die sichergestellte Bedienbarkeit im Hochkontrastmodus und vieles mehr. Obgenannte Tipps sind wertvolle Schritte in Richtung einer Welt mit weniger Barrieren im digitalen Raum.
Noch mehr Tipps
Was den obigen Tipps zugrunde liegt und ausführlichere Informationen zu den einzelnen Aspekten gibt es auf der Seite Tipps und Tricks für mehr Barrierefreiheit.
Ausserdem bietet die Hochschulkommunikation regelm?ssig Kurse zur digitalen Barrierefreiheit an: Zur Verfügung stehen Sensibilisierungskurse auf Deutsch und Englisch als auch Vertiefungsangebote zum Schreiben von Alternativtexten sowie dazu, wie man die Barrierefreiheit der eigenen Webseiten selber überprüfen kann.
Auf Anfrage gibt es auch die M?glichkeit eines Zwei-Stunden-Crashkurses für Teams. Details zu den Kursen gibt es auf der Webseite Accessibility-Kursangebot; die Anmeldung erfolgt über die Seite der Internen IT-Kurse.
Kontakt
- Ortsangabe HG F 39
- Telefon +41 44 633 30 66
- Detailseite
- vCard Download
Digital & Medien
R?mistrasse 101
8092
Zürich
Schweiz
Immer aktuell informiert
M?chten Sie stets die wichtigsten internen Informationen und News der ETH Zürich erhalten? Dann abonnieren Sie den Newsletter ?Intern aktuell? und besuchen Sie regelm?ssig Staffnet, das Info-??Portal für ETH-??Mitarbeitende.