Zentrale Anlaufstelle Barrierefrei

Studieren mit Behinderung

• STUDIEREN MIT BEEINTRÄCHTIGUNGEN - Auf dem Weg zu einer "Hochschule für Alle" - Deutsches Studentenwerk - studentenwerke.de
• BEEINTRÄCHTIGUNGEN ÜBERWIEGEND NICHT SICHTBAR - Studieren mit Behinderung – gehöre ich dazu? studentenwerke.de
• Bundesagentur für Arbeit - Studieren mit Behinderungen - arbeitsagentur.de
• Handbuch Studium und Behinderung (PDF) - Kostenlose Informationsbroschüre des Deutschen Studentenwerks e. V. (DSW) für Studierende und Studieninteressierte mit Behinderungen und chronischen Krankheiten

Rechtliches / Richtlinien

• Verpflichtend und Rechtsgrundlage für die Hochschulen in NRW ist die Barrierefreie-Informationstechnik-Verordnung Nordrhein-Westfalen – BITVNRW und das Behindertengleichstellungsgesetz Nordrhein-Westfalen - BGG NRW. In der BITV NRW ist eine Grundlage der Stand der Technik und eine weitere die Erfüllung der Richtlinie (EU) 2016/2102, welche die EU-Norm EN 301 549 (PDF) als spezifizierten EU-Standard zugrunde legt.
• Europa ist mit der EU Richtlinie 2016/2102 einen grundlegenden Schritt Richtung Barrierefreiheit gegangen. Sie trat EU-weit am 23. September 2018 in Kraft. In dieser Richtlinie geht es um die Barrierefreiheit auf Webseiten und Apps öffentlicher Stellen. Verständlich erläutert auf der Seite 'Einfach für Alle'.
• der Gesetzestext der EU Richtlinie 2016/2102 - eur-lex.europa.eu
• weitere Infos zur EU-Webseitenrichtlinie - bundesfachstelle-barrierefreiheit.de
• Grundlage aller gesetzlichen Vorgaben sind die Web Content Accessibility Guidelines (WCAG) 2.1, hier auch in der Version 2.0 in deutscher Übersetzung - www.w3.org
• Mit der BITV 2.0, der Barrierefreien Informationstechnikverordnung des Bundes, liegt für Deutschland grundsätzlich ein Regelwerk vor, das den Mindeststandards der Richtlinie fast gänzlich entspricht. Der Mindeststandard laut Artikel 6 der Richtlinie entspricht den WCAG 2.1 Level AA vom Juni 2018 - gesetze-im-internet.de
• European Accessibility Act - Am 28. Juni 2019 trat das Europäische Gesetz zur Barrierefreiheit (englisch: European Accessibility Act - EAA) in Kraft. Der EAA zielt darauf ab, das Funktionieren des Binnenmarkts für barrierefreie Produkte und Dienstleistungen zu verbessern, indem Hindernisse beseitigt werden, die durch unterschiedliche Vorschriften in den Mitgliedsstaaten entstehen. Die Richtlinie ist bis zum 28. Juni 2022 in nationales Recht umzusetzen und muss - abgesehen von Ausnahmen - ab dem 28. Juli 2025 angewendet werden. (weitere Informationen: Boysen, Steinbrück: Vom European Accessibility Act zum Barrierefreiheitsstärkungsgesetz – Teil I: Hintergrund und Anwendungsbereich des EAA und des BFSG; Beitrag E2-2021 unter www.reha-recht.de; 25.08.2021)

Warum barrierefrei?

• Meine Hilfsmittel | Alltag mit Sehbehinderung – BlindLife - youtube.com
• Barrierefreiheit im Internet - sehr gute Darstellung, warum digitale Barrierefreiheit wichtig ist - youtu.be
• Warum digitale Barrierefreiheit wichtig ist ...? Sensibilisierung - youtube.com

• Einführung in Barrierefreiheit - einfach-fuer-alle.de

• Barrierefreie Gestaltung von Arbeitsplätzen (PDF) - Die Deutsche Gesetzliche Unfallversicherung (DGUV) bietet einen ausführlichen Leitfaden zur barrierefreien Arbeitsplatzgestaltung an - dguv.de

Simulation von Beeinträchtigungen

• Online Demonstration: So klingt Hörminderung - hear-the-world.com
• Simulationsfilme der Woche des Sehens - Fünf Filme zeigen die Welt mit Sehbehinderung - woche-des-sehens.de
• Der Web Disability Simulator ist eine Google Chrome-Erweiterung, die simuliert, wie Benutzer mit Beeinträchtigungen eine Webseite erleben können. Der Simulator schafft eine Erfahrung, die ein besseres Verständnis für die Bedeutung der Barrierefreiheit im Web vermittelt.
  'Wie erleben Menschen mit Beeinträchtigungen eine Webseite?' Auf dieser Seite haben wir ausführlich die Funktionsweise des Web Disability Simulators dargestellt und eine Video-Anleitung erstellt.

Webseiten barrierefrei

Für Entwickler / Spezialisten

• Accessibility Developer Guide - die beste Grundlage für den Einstieg in die Barrierefreiheit für Profis und Entwickler, allumfassende Darstellung mit vielen weiterführenden Informationen und Tools - accessibility-developer-guide.com

Lernvideos - YouTube Videos

• So geht digitale Barrierefreiheit gemäß EU 2016/2102 – Webinar
• Lean DUS #24 mit Jan Hellbusch: Barrierefreies Webdesign – WCAG 2.0 erfolgreich umsetzen
• Kontraste für Webseiten - Praxis Bayern Barrierefrei
• HTML5 und WAI-ARIA, richtig modern barrierefrei entwickeln - Marco Zehe beim MMT 28
• Jens Pelzetter: Hochschulen im Web
• Webseiten und Apps mit VoiceOver testen

Sinnvolle Webseiten / Quellen

• GRUNDLAGEN DIGITALER BARRIEREFREIHEIT - hochschulforumdigitalisierung.de
• Jan Hellbusch: Knowhow und Wissenswertes zu barrierefreiem Webdesign - barrierefreies-webdesign.de/knowhow/
• Alternativtexte für Grafiken - tu-chemnitz.de
• Mehr zu Alternativtexten und Bildbeschreibungen in dem Praxisleitfaden: Gut fürs Image! Praxisleitfaden zur Erstellung textbasierter Alternativen für Grafiken (PDF) des iBoB, inklusive berufliche Bildung ohne Barrieren Ein Projekt des Deutschen Vereins der Blinden und Sehbehinderten in Studium und Beruf e.V. (DVBS)
• Einfach für Alle - Das Angebot der Aktion Mensch für ein barrierefreies Internet - einfach-fuer-alle.de

Tools / Testing

• Testen von Formularen und Web-basierten Anwendungen - einfach-fuer-alle.de
• YouTube Video: Erweiterung Chrome Vorlesen von Webseiten
• Zeit.de liest Inhalte direkt auf der Website mit guter Stimme vor
• Accessibility features in Firefox - Make Firefox and web content work for all users ()
• Siteimprove Barrierefreiheit Webinar
• WAVE Report, gutes und schnelles erstes Testen einer Website sowie weitere Infos in Englisch - webaim.org
• leserlich.info/ Schritte zu einem inklusiven Kommunikations­design
• Color Contrast Analyser - Programm um Kontraste unter Windows und macOS zu testen
• Siteimprove Chrome AddOn mit dem Webseiten auf Barrierefreiheit getestet werden können (man kann das anmelden überspringen (skip form button) und die Website trotzdem testen lassen)
• BITV Test - Das Prüfverfahren zur BITV, Liste der Erfolgskriterien - testen.bitv-test.de
• Koa11y - Koa11y is a desktop app that allows you to automatically detect accessibility (a11y) issues on webpages
• WACG MAP (PDF)

HTML / CSS

• SELFHTML Barrierefreiheit/Webseiten zugänglich gestalten
• Professioneller Stolz - über einfache Regeln der Semantik - grochtdreis.de
• What is HTML5 ARIA? - stackoverflow.com
• Ein barrierefreies und responsives Dropdown Menü - neu: https://webdesign.weisshart.de/men2.php)

Formulare

• HTML-Elemente für Formulare - https://www.einfach-fuer-alle.de
• Vorlage barrierefreies Formular Universität Bielefeld
• barrierefreies Captcha

Dokumente barrierefrei

Lernvideos

• Barrierefreie Dokumente erstellen mit Office 365 - linkedin.com
• Barrierefreie PDFs mit InDesign - linkedin.com

Dokumente

• Handreichungen zur barrierefreien Lehre der Universität Köln - portal.uni-koeln.de
• Anleitungen und Flyer zur Erstellung barrierefreier Dokumente - tu-dresden.de
• PDF Accessibility Checker (PAC 3) - access-for-all.ch
• Barrierefreiheit mit Adobe Acrobat XI - adobe.com
• Barrierefreie Dokumente mit Libre Office erstellen - netz-barrierefrei.de
• Barrierefreie Dokumente mit Keynote erstellen - support.apple.com
• Barrierefreie Dokumente mit Word/Powerpoint 2016 erstellen der TH Köln (PDF) - th-koeln.de

• Barrierefreie Dokumente mit Markdown, Latex und PDF erstellen - Informationen des Hochschulforums Digitalisierung

• weitere Links zur Erstellung von barrierefreien Dokumenten - studentenwerke.de

Apps und Barrierefreiheit

• WCAG für mobile Geräte (und auch Apps)
• Lange checkliste (für mobile)
• Fallbeispiele (für mobile)
• YouTube Video: Blind oder sehbehindert? Android oder IOS? Meine Empfehlung an euch - BlindLife
• YouTube Video: Wie bedienen Blinde/Sehbehinderte ihr Smartphone? (iOS) - BlindLife

• Wie Menschen mit Behinderung das mobile Web nutzen - einfach-fuer-alle.de

iOS

• Accessibility Beschreibung für Nutzer
• Apple Design Guidelines für Entwickler

Android

• Beschreibung für Nutzer - support.google.com/accessibility/
• Tutorials für Entwickler von Google - developer.android.com

Screenreader

• Alles über Screenreader: Blind am Computer arbeiten - ionos.de
• WELCHE BROWSER BLINDE NUTZEN - netz-barrierefrei.de
• WELCHE SCREENREADER VERWENDEN BLINDE? - netz-barrierefrei.de
• VoiceOver am iPhone, iPad und VoiceOver am MAC - apple.com
• NVDA am Windows PC, kann kostenlos genutzt werden - nvda.bhvd.de
• Eine gute Anleitung zur Nutzung von NVDA findet sich auf den Seiten von 'Einfach für Alle' - einfach-fuer-alle.de
• Sprachassistent Windows
• Screenreader JAWS - JAWS kann unter allen aktuellen Windows Betriebssystemen mit 32 oder 64 Bit eingesetzt werden. Ist kostenpflichtig, es kann aber eine 40min-Version ausprobiert werden
• YouTube Video: Webseiten und Apps mit VoiceOver testen
• Hilfreiche Seite zur Nutzung von Screenreadern: Screen Reader Keyboard Shortcuts and Gestures

• Gestaltung für Screenreader-Kompatibilität

Videos / Videokonferenzen

Live Untertitelung

• Untertitelung von Webkonferenzen, Videocalls und Bildschirmaufzeichnungen: Infos der Universität Köln - vielfalt.uni-koeln.de)
• Leitfaden barrierefreie Online-Videos - bik-fuer-alle.de

• Barrierefreie Webkonferenzen - bundesfachstelle-barrierefreiheit.de

• Linkliste Barrierefreie Videos - studentenwerke.de

• Barrierefreie Audio- und Videoinhalte erstellen
  Wie können multimediale Inhalte barrierefrei gestaltet werden? Für wen spielen Alternativen zu Audio- und Videoinhalten überhaupt eine Rolle und was muss in der Umsetzung konkret beachtet werden um die Anforderungen der Barrierefreiheit zu erfüllen? Dr. Björn Fisseler gibt in diesem Beitrag Antworten auf diese Fragen und stellt konkrete Handlungsempfehlungen zur Erstellung barrierefreier Audio- und Videoinhalte vor.

• Barrierefreie Videos - Für barrierefreie Videos gelten verschiedene Anforderungen, die hier erläutert werden. Anhand eines Beispiels der Bundeszentrale für gesundheitliche Aufklärung (BZgA) wird aufgezeigt, wie eine mögliche konforme Umsetzung gestaltet werden kann.

Barrierefreie Lehre

• Informations- und Beratungsstelle Studium und Behinderung - IBS-ONLINE-BIBLIOTHEK, Linkliste - www.studentenwerke.de

• Barrierefreiheit in der Online-Lehre - eine Handreichung
  Die Autor*innen vom Hochschulforum Digitalisierung zeigen, welche Gruppen von Studierenden von inklusiven Angeboten profitieren und wie Barrierefreiheit von den Lehrenden im Einzelnen umgesetzt werden kann. Sie geben Hinweise für die Planung und Durchführung der Lehrveranstaltung, die Auswahl der Lehr-Lern-Methoden sowie die Gestaltung der Materialien.

Leichte Sprache

• Video Leichte Sprache - sehr gutes Video, das die Vorteile der leichten Sprache darstellt
• Bundesfachstelle Barrierefreiheit - Leichte Sprache
• Regeln für Leichte Sprache - vom Netzwerk Leichte Sprache
• Hurraki: Wörterbuch für Leichte Sprache - Wörterbuch in Form eines Wikis
• LanguageTool - Leichte Sprache

Gendern

• Wie kann ich gendersensible Sprache barrierefrei gestalten?
• Empfehlung zu gendergerechter, digital barrierefreier Sprache - Dieser Empfehlung der Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik liegt die erste repräsentative, überregionale Studie unter Einbezug der Menschen mit Beeinträchtigungen zugrunde. Sie untersucht häufig genutzte Genderzeichen unter Aspekten der technischen Barrierefreiheit sowie ihrer Gebrauchstauglichkeit aus Nutzer*innen orientierte Sicht.

Vorbildliche Webseiten

• hamburg.de (erstellt mit Coremedia CMS, das Siteimprove direkt im Redaktionsprozess integriert hat, außerdem auf der Startseite Buttons ‚Vorlesen‘ ‚Leichte Sprache‘ und ‚Gebärdensprache‘
• Bundesfachstelle Barrierefreiheit

Kennen Sie weitere vorbildlich barrierefreie Webseiten, dann schicken Sie uns gerne einen Hinweis an zab-it@uni-bielefeld.de