Folge 01: assistive Technologien – Digitale Barrierefreiheit

Behindertengerecht ist nur ein Teilaspekt der Barrierefreiheit – das haben wir im Intro bereits erklärt. In dieser Folge stellt dieser Teilaspekt allerdings unsere Ausgangslage dar. Analog zu Hilfsmitteln wie Rollstuhl, Blindenampel & Co. gibt es in der digitalen Welt Unterstützungstechnologien für viele unterschiedliche Bedürfnisse. Wenn man weiß, wie sie funktionieren, kann man digitale Barrierefreiheit besser umsetzen.

Die Keylearnings aus Folge 01:
• digitale Hilfsmittel können an schlecht gepflegten Websites scheitern
• mit dem Screenreader kann man sich Webseiten vorlesen lassen
• Spracheingabe ist inzwischen eine Komfortfunktion für alle Nutzer*innen
• Braille-Zeile = Ausgabegerät, das Texte in Blindenschrift darstellt
• Hilfsmittel für eine barrierefreie Nutzung: Bildschirmtastatur, Bildschirmlupe und Kontrastmodus
• Farben und Kontraste kann man mit dem Kontrastmodus individuell anpassen
• assistive Technologien helfen nur, wenn die Website keine Hindernisse enthält
• Webstandards als Einstieg in die digitale Barrierefreiheit
• korrekt eingesetztes HTML ist die halbe Miete
• WAI-ARIA ist eine Erweiterung für HTML, die Meta-Informationen für Screenreader liefert
• klare Trennung von Inhalt und Layout durch Cascading Style Sheets (CSS) erhöht Barrierefreiheit
• schon in der Gestaltung sinnvolle Schriftgrößen, Zeilenlängen, Farb- und Kontrastschemata wählen
• „Ein Bild sagt mehr als 1000 Worte“ – gilt nicht für Barrierefreiheit.
• keine Grafiken zu Layoutzwecken verwenden
• alle Menüpunkte müssen mit Tastaturbefehlen erreichbar sein
• Aufbau, Struktur und Formulierung von Texten müssen verständlich sein
• denkt an Nutzer*innen mit Farbfehlsichtigkeit
• Akronyme und Abkürzungen für Screenreader speziell auszeichnen
• Hilfsmittel für Gehörlose: Untertitel oder Gebärdensprache
• für Nutzer*innen mit kognitiven Einschränkungen Inhalte in leichter Sprache anbieten
• Ladezeit ist relevant für SEO und Barrierefreiheit
• digitale Barrierefreiheit = Schlüssel zu besserer Usability und SEO-relevant

Kapitel im Video:
00:00 Intro und Vorstellung
00:25 Gibt es Hilfsmittel für behinderte Nutzer*innen in der digitalen Welt?
00:37 Problem für Hilfsmittel = schlechte Websitepflege
00:58 Screenreader
01:24 Steuerung per Spracheingabe
01:40 Braille-Zeile
02:08 Bildschirmtastatur, Bildschirmlupe und Kontrastmodus
03:26 Wie kann man assistive Technologien unterstützen?
04:56 WAI-ARIA als Unterstützung für Screenreader
05:53 Cascading Style Sheets
06:49 barrierefreie Gestaltung
07:15 grafische und visuelle Elemente
08:33 Interaktivität und Navigation
08:43 inhaltliche Erschließbarkeit
09:08 Farbfehlsichtigkeit
09:27 Akronyme und Abkürzungen
09:43 Untertitel oder Gebärdensprache
10:12 leichte Sprache
10:23 Performance/ Ladezeit
10:49 verbesserte Usability und SEO-Relevanz
11:09 Outro & Keylearnings

Wir bemühen uns, unsere eigenen Webauftritte barrierefrei zu gestalten. Uns ist klar, dass uns das noch nicht an allen Stellen gelingt. Aber: Wir arbeiten daran! Und möchten dich auch dazu motivieren! Uns ist bewusst, dass einige Aspekte der digitalen Barrierefreiheit völlig authentisch nur von denjenigen vermittelt werden können, die in irgendeiner Form in der Nutzung digitaler Angebote eingeschränkt sind. Wir verweisen in den Quellenangaben deshalb auf Informationsangebote verschiedener Behindertenverbände, die sich mit digitaler Barrierefreiheit befassen.

Abonniere unseren Kanal für weitere Informationen, Tipps und Anleitungen rund um das Thema digitale Barrierefreiheit.
   / @auctores-web-wissen  

Quellen:
Deutsche Übersetzung der Web Content Accessibility Guidelines (WCAG) 2.0: https://www.w3.org/Translations/WCAG2...
Verordnung zur Schaffung barrierefreier Informationstechnik nach dem Behindertengleichstellungsgesetz (Barrierefreie-Informationstechnik-Verordnung – BITV 2.0): https://www.gesetze-im-internet.de/bi...
Anleitungen zu Bildschirmlupe, Bildschirmtastatur und Kontrastmodus vom Microsoft Support: https://support.microsoft.com/de-de/w...
https://support.microsoft.com/de-de/w...
https://support.microsoft.com/de-de/t...
Informationen zu Kommunikationsdesign für Menschen mit und ohne Sehbehinderung des Deutschen Blinden- und Sehbehindertenverbandes (DBSV):
https://www.leserlich.info/
Überblick über assistive Technologien des Netzwerks Inklusion mit Medien:
https://www.inklusive-medienarbeit.de...
Funktionalität von Screenreadern:    • Screen Reader Demo for Digital Accessibility