e-Accessibility Grundlagen

Barrierefreie Lernmaterialien k?nnen von allen interessierten Lernenden "gelesen" und genutzt werden, unabh?ngig von motorischen, sensorischen und, soweit m?glich, kognitiven/psychischen Einschr?nkungen. So weit wie m?glich ohne individuelle Anpassungen. Wenn die Nutzung nicht ohne Anpassungen m?glich ist, sind zug?ngliche elektronische Lernmaterialien mit g?ngigen Hilfsmitteln wie Bildschirmleseger?ten oder Sprachsteuerungssoftware kompatibel.

The BIG FIVE - Die wichtigsten Merkmale barrierefreier elektronischer Benutzeroberfl?chen

Verinnerlichen Sie die folgenden f¨¹nf leicht zu merkenden Aspekte. Sie decken die meisten Anforderungen an digitale Barrierefreiheit ab. Au?erdem dienen sie als guter Leitfaden f¨¹r selbst?ndige Zug?nglichkeitstests.

Flexible Output

Die Anforderung nach der M?glichkeit zur flexiblen Ausgabe der Inhalte am Bildschirm und durch verschiedene Ausgabeger?te richtet sich haupts?chlich nach den Bed¨¹rfnissen von Menschen mit Sehbehinderungen. Sie sind darauf angewiesen, digitale Inhalte auf verschiedenste Weise individuell anpassen zu k?nnen. Durch Vergr?sserung der Schrift, von Buchstaben-, W?rter- und Zeilenabst?nden, durch die Wahl alternativer Schriftart, durch Anpassung der Farben, Kontraste oder der allgemeinen Helligkeit auf dem Bildschirm.

Im Sinne des Universal Design wird von den Content Creators, den Ersteller:innen der Inhalte, nicht erwartet die Werkzeuge zur Anpassung der verschiedenen Aspekte selber bereitzustellen. Es ist also nicht notwendig, die eigene Website mit einer Funktion zur Vergr?sserung der Schrift zu versehen. Es ist aber umso wichtiger, dass sich die Inhalte unter Verwendung geeigneter Hilfsmittel vergr?ssern lassen.

Dies kann am leichtesten durch die Wahl geeigneter Dateiformate erreicht werden. So eignet sich HTML (und andere Webtechnologien) f¨¹r die Erstellung zug?nglicher Inhalte optimal, w?hrend es f¨¹r PDF und andere druck- und layoutorientierte Dateiformate wesentlich schwieriger und aufw?ndiger wird, Zug?nglichkeit sicher zu stellen.

Responsive Design

Menschen mit Behinderungen sind darauf angewiesen, dass Inhalte und Informationen auf verschiedenen Ger?ten und auf Bildschirmen unterschiedlicher Gr?sse mit verschiedenen Vergr?sserungsfaktoren ausgegeben werden k?nnen.

Es ist wichtig, dass die Texte bei der Vergr?sserung dynamisch umflie?en. Horizontales Scrollen sollte unbedingt vermieden werden.

Benutzerdefinierte Stile zulassen

Weitere Aspekte sind diverse M?glichkeiten der individuellen Anpassung der Darstellung. Inhalte sollen mit benutzerdefinierten Farbschemata, Schriftarten und -familien, Zeilenabst?nden usw., kurz mit benutzerdefiniertem CSS, dargestellt werden.

Flexible Input

Erg?nzend zur Forderung nach flexiblen Ausgabem?glichkeiten sind flexible Eingabem?glichkeiten gefordert.

Alle interaktiven Komponenten von Benutzeroberfl?chen m¨¹ssen sowohl ¨¹ber Zeigerger?te als auch ¨¹ber serielle Eingabeger?te bedienbar sein.

Die Computermaus steht stellvertretend f¨¹r alle Zeigerger?te wie Trackpads, Mundm?use, Joysticks oder Eye-Tracking-Ger?te.

Die Tastatur hingegen steht f¨¹r eine breite Palette von Ger?ten f¨¹r die serielle Navigation. Hier bewegt sich der Benutzer seriell von einem interaktiven Element zum n?chsten, indem er eine Taste (z. B. Tabulator-Taste) dr¨¹ckt und das gew¨¹nschte Element mit einer anderen Taste (z. B. Enter/Leertaste) ausl?st. Serielle Eingabeger?te werden h?ufig in ma?geschneiderte Umweltsteuerungsger?te f¨¹r Menschen mit schweren motorischen Beeintr?chtigungen integriert. (z. B. Tetraplegiker).

Elektronische Benutzeroberfl?chen sollten immer sowohl mit Zeiger- als auch mit seriellen Eingabeger?ten nutzbar sein.

Die serielle Navigation kann nur funktionieren, wenn der Tastaturfokus jederzeit deutlich sichtbar ist!

Die anspruchsvollsten Anforderungen an barrierefreie Inhalte betreffen die Kompatibilit?t mit komplexen assistiven Technologien wie Screenreader- und Sprachsteuerungssoftware.

In beiden F?llen m¨¹ssen alle relevanten impliziten semantischen Informationen und Eigenschaften explizit gemacht werden, damit die Kommunikation zwischen Menschen und Maschine (z. B. Screenreader) gelingt.

F¨¹r Webinhalte gilt daher die allgemeine Regel, dass natives HTML interaktiven Komponenten mit Skripten vorzuziehen ist, wo immer m?glich. Die ¨¹berwiegende Mehrheit der HTML-Komponenten hat eine semantische Bedeutung und kann von Bildschirmleseger?ten korrekt interpretiert werden.

Der WAI-ARIA-Standard des W3C erlaubt es auch, skriptgesteuerte Komponenten mit semantischen Informationen zu erg?nzen. Mit Hilfe von WAI-ARIA-Attributen k?nnen Rolle (Worum geht es bei einem Widget?), Eigenschaften (z.B. Minima und Maxima von Schiebereglern) und Zust?nde (z.B. aktuelle Schiebereglerposition) "manuell" expliziert werden.

Feedback

Gerade bei Interaktionen ist es extrem wichtig, dass Zustands?nderungen immer explizit als Feedback zur¨¹ckgegeben werden und nicht nur visuell. ¡ú ARIA-Live-Regionen.

Abschlie?end sei noch erw?hnt, dass Suchmaschinen enorm von expliziten semantischen Inhalten profitieren. Daraus folgt: Zug?ngliche Inhalte sind SEO-freundliche Inhalte.

Das 2-Sinne-Prinzip

Bilder und Multimediainhalte und Bilder zielen bei Videos und Bildern speziell auf den visuellen Sinneskanal und bei Audioinhalten und Tonspuren von Videos auf den auditiven Kanal. Keines dieser spezifischen Formate kann heute zuverl?ssig automatisiert f¨¹r andere Sinneskan?le aufbereitet werden.

Bilder und Textalternativen

Bilder, seien es Illustrationen, Fotos, Grafiken, Symbole oder Icons, vermitteln ebenfalls wichtige Informationen. In allen F?llen muss explizit als Text (in HTML meist als Alternativtextattribut: alt="vermittelte Informationen") angegeben werden, welche Informationen die jeweiligen Bilder f¨¹r sehende Menschen vermitteln.

> Mehr Infos zur Zug?nglichkeit von Bildern und Alternativtexten an der ETH

Im Kontext der Hochschullehre ist besonderes Augenmerk auf komplexe wissenschaftliche Darstellungen zu legen, die nicht nur einzelne Elemente abbilden, sondern auch komplexe Wechselwirkungen darstellen.

Audio und Video

Es ist daher ?u?erst wichtig, dass jede rein visuelle oder rein auditive Information immer explizit f¨¹r mindestens eine weitere Sinnesqualit?t aufbereitet wird.

Text gilt als "Joker" und kann mit modernen assistiven Technologien automatisch f¨¹r verschiedene Sinnesqualit?ten aufbereitet werden: Auditiv und taktil mit Hilfe von Screenreadern oder direkt visuell als Text lesbar.

> Mehr Infos zu zug?nglichen Videos an der ETH

• Der auditive Inhalt von Videos muss immer als Text in Form von synchronen Untertiteln angeboten werden.
  

• Der visuelle Inhalt von Videos muss immer auch auditiv vermittelt werden. Entweder als Teil der "normalen" Tonspur oder als zus?tzliche Tonspur mit Audiodeskription.

• Die in Audiodateien vermittelten Informationen m¨¹ssen auch in Form einer Textabschrift (Texttranskription) angeboten werden.

Farben und Kontraste

Die Anforderungen an die Verwendung von Farben und Kontrasten sind die einzigen Aspekte der Barrierefreiheit, die die visuelle Kreativit?t der Designer bis zu einem gewissen Grad einschr?nken.

Informationen d¨¹rfen niemals ausschliesslich ¨¹ber Farben vermittelt werden. Denken Sie an ein visuelles Reservierungssystem, bei dem freie und bereits besetzte Pl?tze ausschliesslich mit gr¨¹ner bzw. roter Farbe gekennzeichnet sind. Farbenblinde und andere Menschen mit Sehbehinderungen haben grosse Schwierigkeiten, zwischen den Kategorien zu unterscheiden.

Kontraste

Es versteht sich von selbst, dass Mindestanforderungen an das Kontrastverh?ltnis von Text und Hintergrund oder von Komponenten wie Formularfeldern zur unmittelbaren Umgebung unerl?sslich sind, damit Menschen mit Sehbehinderungen elektronische Medien richtig und effizient nutzen k?nnen. Zu geringe Kontraste lassen sich auch durch benutzerdefinierte Farbschemata nur schwer kompensieren.