Nachricht für neue Nutzer.
Nachricht für engagierte Nutzer.

Barrierefreiheit in ZUM und H5P-Apps: Unterschied zwischen den Versionen

Aus ZUM-Unterrichten
Ukalina (Diskussion | Beiträge)
Die Seite wurde neu angelegt: „__NOTOC__ {{Fortsetzung |vorher= |vorherlink= |weiter=ZUM mit Screenreader |weiterlink=ZUM mit Screenreader |übersicht= |übersichtlink= }} {{Box | Titel = Barrierefreies Web-Design | Klasse = Lernpfad | Inhalt = * Es gibt im Internet zahlreiche Web-Seiten, die darüber informieren, wie Webseiten barrierefrei gestaltet werden können. Eine sehr fundierte und umfassende Darstellung findet man z.B. auf der Seite https://www.barrierefreies-webdesign.de/ v…“
Markierung: Quelltext-Bearbeitung 2017
 
Ukalina (Diskussion | Beiträge)
KKeine Bearbeitungszusammenfassung
Markierung: Quelltext-Bearbeitung 2017
Zeile 7: Zeile 7:


{{Box
{{Box
| Titel = Barrierefreies Web-Design
| Titel = <i class="fa fa-universal-access fa-2x" aria-hidden="true"></i> &nbsp; Barrierefreies Web-Design
| Klasse = Lernpfad
| Klasse =
| Inhalt =  
| Inhalt =  
* Es gibt im Internet zahlreiche Web-Seiten, die darüber informieren, wie Webseiten barrierefrei gestaltet werden können. Eine sehr fundierte und umfassende Darstellung findet man z.B. auf der Seite https://www.barrierefreies-webdesign.de/ von Jan Hellbusch.
* Es gibt im Internet zahlreiche Quellen, die darüber informieren, wie Webseiten barrierefrei gestaltet werden können. Eine sehr fundierte und umfassende Darstellung findet man z.B. auf der Seite https://www.barrierefreies-webdesign.de/ von Jan Hellbusch.
* Im Folgenden geht es vorrangig darum, wie Lerninhalte auf ZUM.de barrierefrei mit einem Screenreader und anderen assistiven Technologien genutzt werden können.
* Im Folgenden geht es vorrangig darum, wie Lerninhalte auf ZUM.de barrierefrei mit einem Screenreader und anderen assistiven Technologien genutzt werden können.
}}
}}
Zeile 25: Zeile 25:


====Barrierefreiheit auf ZUM====
====Barrierefreiheit auf ZUM====
* [[ZUM mit Screenreader]]
; MediaWiki,
* Abbildungen
: die softwaretechnische Basis der ZUM-Wikis, bietet durch seine klare und an HTML-Standards ausgerichtete Struktur von sich aus bereits gute Voraussetzungen für die Barrierefreiheit.
* Videos
; [[ZUM mit Screenreader]]
: beschreibt grundlegende Funktionen von Screenreadern und fasst die wichtigsten Bedienstrategien und Tastaturkommandos füpr die Nutzung von Internet-Seiten mithilfe assistiver Technologien zusammen.
; Abbildungen
:* sollten vor allem dann, wenn sie nicht nur dekorativen Charakter besitzen, sondern für das Verständnis des Lerninhalts relevant sind,  mit einer Bildbeschreibung versehen werden. Diese sollte aussagekräftig, prägnant und leicht verständlich formuliert sein. Für die Bildbeschreibung wird in dem Link, der die Abbildung in die Wiki-Seite einbindet, das Attribut "alternativtext= ..." verwendet. Sie erscheint nicht auf dem Bildschirm, sondern wird nur von Screenreader vorgelesen. Ein Beispiel hierfür findet man in [[Lernpfad Wiki-Kurs//5. Bilder und andere Medien in Wiki Seite einfügen]]
*: In manchen Fällen (z.B. bei mathematischen Graphen) kann es sinnvoll sein, als Ergänzung eine kontrastreiche Variante des Bildes und eine Schwellpapier-Kopiervorlage als Download zur Verfügung zu stellen.
; Videos
: sollten so gestaltet werden, dass über den Ton-Kanal auditiv nachvollziehbar erklärt wird, um was es in dem Video geht. Zusätzlich können Begleittexte ("Was steht an der Tafel?") und -abbildungen hinzugefügt werden. 
* Mathematische und Chemische Fomeln
* Mathematische und Chemische Fomeln
: sind dank MediaWiki für den Screenreader NVDA gut zugänglich.
* GeoGebra-Applets
* GeoGebra-Applets
: sind in der Regel schwer oder gar nicht mit einem Screenreader zugänglich.
* Interaktive Apps [[H5P mit Screenreader]]
* Interaktive Apps [[H5P mit Screenreader]]
: Die Zugänglichkeit schwankt stark - je nach der konkreten App. Details hierzu (Tests, Hinweise, Tipps und Tricks für Nutzer, Autoren und Entwickler) werden auf der Seite [[H5P mit Screenreader]] präsentiert.


Autor: Ulrich Kalina ([[Benutzer:Ukalina]])
Autor: Ulrich Kalina ([[Benutzer:Ukalina]])

Version vom 8. Juni 2026, 12:06 Uhr

  Barrierefreies Web-Design
  • Es gibt im Internet zahlreiche Quellen, die darüber informieren, wie Webseiten barrierefrei gestaltet werden können. Eine sehr fundierte und umfassende Darstellung findet man z.B. auf der Seite https://www.barrierefreies-webdesign.de/ von Jan Hellbusch.
  • Im Folgenden geht es vorrangig darum, wie Lerninhalte auf ZUM.de barrierefrei mit einem Screenreader und anderen assistiven Technologien genutzt werden können.

Accessibility und Usability

Im Zusammenhang mit dem Begriff der Barrierefreiheit sind zwei Aspekte zu unterscheiden:

Accessibility
zielt darauf ab, dass ein Produkt auch von Menschen mit Einschränkungen genutzt werden kann - gegebenenfalls unter Zuhilfenahme assistiver Technologien (auch Unterstützungstechnologie).
Usability
ist ein Kriterium dafür, dass diese Nutzung auch effizient und zufriedenstellend abläuft.

Im Kontext schulischer Bildung ist über die Accessibility hinaus der Aspekt der Usability besonders wichtig. Für Schülerinnen und Schüler reicht es nicht aus, wenn es "irgendeinen" technischen Weg gibt, um an die relevanten Informationen zu gelangen. Sie müssen diese auch einfach, schnell und intuitiv erreichen können. Die Auseinandersetzung mit dem Lerngegenstand darf nicht durch Fragen der Handhabung des Lernmediums beeinträchtigt werden. Während es für die Accessibility standardisierte Testverfahren gibt, kann die Usability nicht ausschließlich anhand formaler Kriterien beurteilt werden.

Barrierefreiheit auf ZUM

MediaWiki,
die softwaretechnische Basis der ZUM-Wikis, bietet durch seine klare und an HTML-Standards ausgerichtete Struktur von sich aus bereits gute Voraussetzungen für die Barrierefreiheit.
ZUM mit Screenreader
beschreibt grundlegende Funktionen von Screenreadern und fasst die wichtigsten Bedienstrategien und Tastaturkommandos füpr die Nutzung von Internet-Seiten mithilfe assistiver Technologien zusammen.
Abbildungen
  • sollten vor allem dann, wenn sie nicht nur dekorativen Charakter besitzen, sondern für das Verständnis des Lerninhalts relevant sind, mit einer Bildbeschreibung versehen werden. Diese sollte aussagekräftig, prägnant und leicht verständlich formuliert sein. Für die Bildbeschreibung wird in dem Link, der die Abbildung in die Wiki-Seite einbindet, das Attribut "alternativtext= ..." verwendet. Sie erscheint nicht auf dem Bildschirm, sondern wird nur von Screenreader vorgelesen. Ein Beispiel hierfür findet man in Lernpfad Wiki-Kurs//5. Bilder und andere Medien in Wiki Seite einfügen
  • In manchen Fällen (z.B. bei mathematischen Graphen) kann es sinnvoll sein, als Ergänzung eine kontrastreiche Variante des Bildes und eine Schwellpapier-Kopiervorlage als Download zur Verfügung zu stellen.
Videos
sollten so gestaltet werden, dass über den Ton-Kanal auditiv nachvollziehbar erklärt wird, um was es in dem Video geht. Zusätzlich können Begleittexte ("Was steht an der Tafel?") und -abbildungen hinzugefügt werden.
  • Mathematische und Chemische Fomeln
sind dank MediaWiki für den Screenreader NVDA gut zugänglich.
  • GeoGebra-Applets
sind in der Regel schwer oder gar nicht mit einem Screenreader zugänglich.
Die Zugänglichkeit schwankt stark - je nach der konkreten App. Details hierzu (Tests, Hinweise, Tipps und Tricks für Nutzer, Autoren und Entwickler) werden auf der Seite H5P mit Screenreader präsentiert.

Autor: Ulrich Kalina (Benutzer:Ukalina)