Sieben goldene Regeln für mehr Barrierefreiheit

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 ¨C 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.