Glanz: aiMOOC über GPT aiMOOC Action erstellt

2026-10-11T12:21:52Z

aiMOOC über GPT aiMOOC Action erstellt

Neue Seite

{{T}}

{{BR}}
= Informationselektronik und vernetzte Endgeräte – Medientechnik barrierearm einrichten =

'''Zielgruppe:''' Ausbildung Informationselektroniker/in, IT-Systemtechnik und Medientechnik

'''Lernformat:''' 5 kurze Lerneinheiten à 10–15 Minuten, anschließend ein Praxisauftrag am Schulungsmodell

'''Leitfrage:''' Wie richtest Du vernetzte Medientechnik so ein, dass Informationen verständlich und Geräte möglichst einfach bedienbar sind?

{{BR}}
= Einleitung =

[[Digitale Barrierefreiheit|Barrierearme Medientechnik]] baut Hindernisse ab. Dazu gehören gut lesbare Anzeigen, verständliche Menüs, [[Untertitel]], alternative Bedienwege und zugängliche Informationen.

Du lernst an einem konkreten Ausbildungsfall, wie Du Anforderungen ermittelst, Schnittstellen zuordnest, Einstellungen im Schulungsmodell vornimmst und Ergebnisse überprüfst.

'''Dein Lernziel:''' Eine sichere, nachvollziehbare und möglichst barrierearme Medienlösung planen, im Modell erproben und dokumentieren.

{{#ev:youtube|https://www.youtube.com/watch?v=3f31oufqFSM|500|center}}

''Medienimpuls: Zehn Beispiele zur digitalen Barrierefreiheit, W3C Web Accessibility Initiative, 7:36 Minuten. © W3C. Vollständiges Originalvideo.''

[https://www.w3.org/WAI/perspective-videos/ Barrierearme Videoalternative: W3C-Einzelvideos mit beschreibenden Transkripten]

{{BR}}
== Sicherheit und Grenzen des Lernkurses ==

'''Sicherheitsregel:'''

Dieser Kurs erlaubt ausschließlich Planung, digitale Simulation, Papiermodelle und Arbeiten an geeigneten, geprüften, berührungssicheren Schulungsmodellen im freigegebenen Ausbildungsrahmen.

# Keine Arbeiten an Netzspannung, offenen Geräten, Verteilungen oder elektrischen Installationen.
# Keine eigenständigen Verdrahtungen, elektrischen Messungen, Geräteöffnungen oder Eingriffe in PoE-Versorgungen.
# Reale Elektroarbeiten erfolgen ausschließlich durch entsprechend qualifizierte und beauftragte Personen nach den geltenden Vorschriften.
# Auffälligkeiten, Defekte oder unklare Zuständigkeiten bedeuten: Tätigkeit stoppen und zuständige Fachperson informieren.

'''Wichtig:''' Ein richtig gelöstes Quiz, eine Simulation oder dieser Kurs erteilt keine Arbeitsberechtigung, keine elektrotechnische Qualifikation und keine technische Freigabe.

Fachgrundlage: [https://publikationen.dguv.de/regelwerk/dguv-vorschriften/1052/elektrische-anlagen-und-betriebsmittel DGUV Vorschrift 3] und [https://www.gesetze-im-internet.de/infoelekausbv/ Informationselektronikerausbildungsverordnung].

{{BR}}
= Ausbildungsfall: Der barrierearme Informationspunkt =

'''Kundenauftrag:'''

Ein Bildungszentrum möchte einen Informationspunkt mit Bildschirm und vernetztem Medienplayer nutzen. Videos und Hinweise sollen von möglichst vielen Menschen verstanden und bedient werden können.

Zwei beispielhafte Nutzungsanforderungen:

# Eine Person benötigt Untertitel für gesprochene Inhalte.
# Eine andere Person benötigt große Beschriftungen, gute Kontraste und eine alternative Bedienung zur Maus.

'''Dein Auftrag:''' Entwickle eine passende Lösung am sicheren Schulungsmodell und dokumentiere die Prüfergebnisse.

[[Datei:Network diagram (example).svg|500px|rahmenlos|center|Beispiel eines Computernetzwerks mit mehreren verbundenen Geräten]]

''Bildquelle: Mattias.Campe, Wikimedia Commons, CC BY-SA 4.0. Das Bild zeigt ein allgemeines Netzwerkschema und ist kein Installationsplan.''

{{BR}}
== Modellaufbau ==

{| class="wikitable"
! Modellkomponente !! Aufgabe
|-
| Simulierter Medienplayer oder vorbereiteter Schulungs-PC || Informationen wiedergeben
|-
| Simulierter Ethernet-Switch || Netzwerkbeziehungen darstellen
|-
| Simulierter HDMI-Anschluss || Bild- und Tonsignal zuordnen
|-
| Virtueller Bildschirm oder freigegebenes Schulungsdisplay || Inhalte darstellen
|-
| Virtuelle Fernbedienung und Tastatur || Bedienwege erproben
|}

'''Darstellung des Modells:'''

Medienplayer → HDMI-Signalweg → Bildschirm

Medienplayer → Ethernet-Verbindung → Switch → Schulungsnetz

'''Hinweis:''' Die Netzwerkverbindung und die HDMI-Bildausgabe sind unterschiedliche Signalwege. Eine funktionierende Netzwerkverbindung beweist noch keine funktionierende HDMI-Bildausgabe.

{{BR}}
= Lerneinheit 1: Nutzeranforderungen erkennen =

'''Dauer: 10 Minuten'''

'''Merksatz:''' Nicht jede Person benötigt dieselbe Bedienhilfe. Frage nach dem tatsächlichen Bedarf.

{| class="wikitable"
! Beobachtung !! Mögliche Maßnahme
|-
| Gesprochene Informationen werden nicht gehört || Untertitel und Transkript
|-
| Beschriftungen sind schwer erkennbar || Schriftgröße und Kontrast anpassen
|-
| Kleine Schaltflächen sind schwer bedienbar || Größere Bedienelemente oder alternativer Eingabeweg
|-
| Menüführung ist unverständlich || Klare Begriffe und eindeutige Rückmeldungen
|}

{{#ev:youtube|https://www.youtube.com/watch?v=CzfKB3PuuIY|500|center}}

''W3C-Prozessmedium: Large Links, Buttons, and Controls. Quelle: W3C WAI, © W3C.''

[https://www.w3.org/WAI/perspective-videos/controls/ Alternativzugang mit Texttranskript und Beschreibung der Bildinhalte]

'''Basisaufgabe:''' Ordne jeder Kundenanforderung eine passende Maßnahme zu.

'''Feedback:''' Eine Maßnahme ist sinnvoll, wenn sie die beobachtete Barriere gezielt reduziert. Große Schrift allein ersetzt zum Beispiel keine Untertitel.

{{BR}}
= Lerneinheit 2: Komponenten und Signalwege =

'''Dauer: 15 Minuten'''

{{BR}}
== Ethernet und Netzwerk ==

[[Datei:RJ45 Connector.svg|230px|rahmenlos|center|Schematische Darstellung eines achtpoligen Ethernet-Steckverbinders]]

''Bild: Wyzzymoon, Wikimedia Commons, CC BY 4.0.''

Der häufig als [[RJ45]] bezeichnete 8P8C-Steckverbinder wird bei Ethernet-Verbindungen verwendet.

[[Datei:Ethernet port.jpg|400px|rahmenlos|center|Detailaufnahme einer Ethernet-Buchse]]

''Bild: Amin, Wikimedia Commons, CC BY-SA 4.0.''

'''Bildauftrag:''' Vergleiche Stecker und Buchse. Wo würdest Du im Modell die Netzwerkverbindung einzeichnen?

[[Datei:EthernetSwitch.jpg|480px|rahmenlos|center|Ethernet-Switch mit mehreren verbundenen Netzwerkkabeln]]

''Bild: Raysonho, Wikimedia Commons, CC0 1.0.''

Ein [[Switch]] verbindet Teilnehmer innerhalb eines lokalen Netzwerks. Er stellt nicht automatisch einen Internetzugang bereit.

{{BR}}
== HDMI und Medienübertragung ==

[[Datei:HDMI Cable.JPG|480px|rahmenlos|center|Detailaufnahme eines HDMI-Kabels mit Steckverbindern]]

''Bild: Kannan shanmugam, Wikimedia Commons, CC BY-SA 4.0.''

[[HDMI]] überträgt digitale Bild- und Tonsignale zwischen kompatiblen Geräten.

{| class="wikitable"
! Schnittstelle !! Typische Verwendung
|-
| Ethernet || Netzwerkdaten übertragen
|-
| HDMI || Digitales Bild und digitalen Ton übertragen
|-
| USB || Abhängig von der Ausführung Daten und angeschlossene Geräte unterstützen
|-
| Audioausgang || Ton an geeignete Wiedergabegeräte ausgeben
|}

'''Anwendungsaufgabe:''' Das Netzwerk funktioniert im Modell, aber am Bildschirm erscheint kein Bild.

Wähle zuerst den zu untersuchenden Signalweg.

'''Begründetes Feedback:''' Untersuche in der Simulation zuerst die Bildquelle und den HDMI-Signalweg. Der Netzwerkstatus allein erklärt keine Störung der lokalen Bildübertragung. Bei realen Geräten gilt die vereinbarte Zuständigkeits- und Sicherheitsgrenze.

{{BR}}
= Lerneinheit 3: Bedienbarkeit verbessern =

'''Dauer: 15 Minuten'''

{{BR}}
== Bedienung mit Fernbedienung ==

[[Datei:Television remote control, unbranded-3345.jpg|360px|rahmenlos|center|Fernbedienung mit verschiedenen Bedientasten]]

''Bild: Raimond Spekking, Wikimedia Commons, CC BY-SA 4.0.''

Prüfe an der Abbildung:

# Sind wichtige Tasten einfach zu finden?
# Sind Symbole eindeutig?
# Kann eine Person die wichtigsten Funktionen ohne lange Suche erreichen?

'''Praxis am Papiermodell:''' Zeichne eine vereinfachte Fernbedienung mit gut unterscheidbaren Tasten für Start, Pause, Zurück und Untertitel.

{{BR}}
== Tastaturbedienung ==

[[Datei:German computer keyboard.jpg|450px|rahmenlos|center|Deutsche Computertastatur mit QWERTZ-Tastenanordnung]]

''Bild: Runner1928, Wikimedia Commons, CC BY-SA 4.0.''

Wichtige Tastaturfunktionen in vielen Anwendungen:

{| class="wikitable"
! Taste !! Typische Wirkung
|-
| Tab || Zum nächsten bedienbaren Element wechseln
|-
| Umschalt und Tab || Zum vorherigen Element wechseln
|-
| Enter || Ausgewähltes Element auslösen
|-
| Leertaste || Viele Schaltflächen oder Kontrollfelder bedienen
|-
| Esc || Häufig Menüs oder Dialoge schließen
|}

'''Hinweis:''' Die tatsächliche Tastaturfunktion hängt von Anwendung und Betriebssystem ab.

{{#ev:youtube|https://www.youtube.com/watch?v=93UgG72os8M|500|center}}

''W3C-Prozessmedium: Keyboard Compatibility, © W3C.''

[https://www.w3.org/WAI/perspective-videos/keyboard/ Alternativzugang mit beschreibendem Transkript]

'''Sichere Modellprüfung:''' Navigiere auf einer vorbereiteten Testoberfläche mit der Tastatur. Notiere, ob der aktuelle Fokus sichtbar ist und ob Du alle wichtigen Funktionen erreichst.

'''Feedback:''' Eine Bedienoberfläche ist nicht ausreichend zugänglich, wenn wichtige Funktionen ausschließlich mit der Maus erreichbar sind. Ein sichtbarer Fokus unterstützt die Orientierung.

{{BR}}
== Schrift und Kontrast ==

Für normale Bildschirmtexte in Weboberflächen nennt WCAG 2.2 auf Konformitätsstufe AA einen Mindestkontrast von '''4,5:1'''. Für großen Text gelten unter den angegebenen Voraussetzungen '''3:1'''.

Diese Werte sind ein fachlicher Orientierungspunkt für digitale Oberflächen, aber kein pauschaler Nachweis für die Barrierefreiheit sämtlicher Hardware.

[https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html Fachquelle: W3C WCAG 2.2 – Kontrast]

'''Transferfrage:''' Weshalb genügt es nicht, eine Warnmeldung ausschließlich durch eine rote Farbe kenntlich zu machen?

'''Feedback:''' Farbe kann unterschiedlich wahrgenommen werden. Eine zusätzliche Text- oder Symbolinformation vermittelt die Bedeutung unabhängig von der Farbe.

{{BR}}
= Lerneinheit 4: Medien verständlich präsentieren =

'''Dauer: 15 Minuten'''

{{BR}}
== Untertitel und Transkripte ==

[[Datei:Closed captioning symbol.svg|230px|rahmenlos|center|CC-Symbol als Kennzeichen für zuschaltbare Untertitel]]

''Bild: WGBH, gemeinfrei; beim Verwenden mögliche Kennzeichenrechte beachten.''

[[Untertitel]] machen gesprochene Informationen und wichtige Geräusche in Textform zugänglich.

Ein [[Transkript]] stellt gesprochene und relevante akustische Informationen als lesbaren Text bereit. Ein beschreibendes Transkript enthält zusätzlich wesentliche Bildinformationen.

'''Prozesskarte: Untertitel im Schulungsplayer prüfen'''

{| class="wikitable"
! Schritt !! Beobachtung
|-
| Medieninhalt im Testplayer auswählen || Richtige Datei?
|-
| Untertitelfunktion im Modell aktivieren || Text sichtbar?
|-
| Wiedergabe prüfen || Text zeitlich passend?
|-
| Ton ohne Wiedergabe testen || Wichtige Information als Text vorhanden?
|-
| Ergebnis dokumentieren || Abweichungen notiert?
|}

'''Mögliche Rückmeldung:''' „Untertitel sind sichtbar, aber zeitlich verschoben.“ Das ist ein Prüfhinweis, keine erfolgreiche Abnahme.

[https://www.w3.org/WAI/perspective-videos/captions/ Fachlich geprüftes W3C-Lehrvideo zu Untertiteln mit vollständig beschriebenem Transkript]

{{BR}}
== Screenreader und Alternativtexte ==

[[Datei:Refreshable Braille display 2010 0123.JPG|450px|rahmenlos|center|Elektronische Braillezeile als taktiles Ausgabegerät]]

''Bild: Eddau, Wikimedia Commons, CC0 1.0.''

Ein [[Screenreader]] kann digitale Inhalte beispielsweise als Sprache oder über eine [[Braillezeile]] zugänglich machen. Dafür benötigen Bedienelemente verständliche Bezeichnungen und Inhalte eine passende Struktur.

{{#ev:youtube|https://www.youtube.com/watch?v=8Rn5pXCdZWU|500|center}}

''W3C-Prozessmedium: Text to Speech, © W3C.''

[https://www.w3.org/WAI/perspective-videos/speech/ Alternativzugang mit beschreibendem Transkript]

'''Anwendungsaufgabe:''' Formuliere einen Alternativtext für das Bild des Ethernet-Switches.

'''Musterfeedback:''' „Ethernet-Switch mit mehreren angeschlossenen Netzwerkkabeln“ vermittelt die wichtigste Information. „Schönes Technikbild“ erklärt weder Inhalt noch Funktion.

{{BR}}
== Audio und Hörkomfort ==

[[Datei:Headphones icon.svg|200px|rahmenlos|center|Kopfhörersymbol für eine alternative Tonausgabe]]

''Bild: Marek Mazurkiewicz, Wikimedia Commons, CC0 1.0.''

Prüfe im Modell, ob eine geeignete Tonausgabe auswählbar ist, die Lautstärke verständlich und ohne unangemessene Pegel eingestellt werden kann und wichtige Informationen zusätzlich visuell verfügbar sind.

'''Merksatz:''' Lauter bedeutet nicht automatisch verständlicher.

{{BR}}
= Lerneinheit 5: Prüfen, dokumentieren und übergeben =

'''Dauer: 15 Minuten'''

Eine barrierearme Einrichtung wird nicht allein durch aktivierte Optionen nachgewiesen. Entscheidend ist, ob die vereinbarten Bedien- und Informationsaufgaben tatsächlich funktionieren.

{{BR}}
== Prüfprotokoll für den Ausbildungsfall ==

{| class="wikitable"
! Prüfpunkt !! Prüfmethode !! Bewertung
|-
| Untertitel || Testvideo im Modell ohne Ton ansehen || Erfüllt / offen
|-
| Lesbarkeit || Schrift und Kontrast beurteilen || Erfüllt / offen
|-
| Tastaturzugang || Wichtige Funktionen ohne Maus bedienen || Erfüllt / offen
|-
| Verständlichkeit || Menübezeichnungen erklären lassen || Erfüllt / offen
|-
| Medieninformation || Alternativtext und Transkript prüfen || Erfüllt / offen
|-
| Dokumentation || Einstellungen und Abweichungen festhalten || Vollständig / offen
|}

'''Prüfverfahren:''' beobachten → bewerten → Verbesserung vorschlagen → erneut am Modell testen.

Bei Bedarf nutzt Du [https://www.w3.org/WAI/eval/preliminary W3C Easy Checks] als fachliche Orientierung für eine erste Prüfung digitaler Oberflächen.

'''Achtung:''' Eine solche Prüfung ersetzt weder eine vollständige Barrierefreiheitsprüfung noch eine elektrotechnische Sicherheitsprüfung.

{{BR}}
= Gestufte Lernhilfen =

Nutze zunächst nur die erste Hilfe. Öffne die nächste gedanklich erst, wenn Du nicht weiterkommst.

{| class="wikitable"
! Hilfestufe !! Unterstützung
|-
| '''Hilfe A – Impuls''' || Welche Anforderung kann die betroffene Person aktuell nicht erfüllen?
|-
| '''Hilfe B – Auswahl''' || Betrifft das Problem Netzwerk, Bild, Ton, Bedienung oder Verständlichkeit?
|-
| '''Hilfe C – Vorgehen''' || Formuliere die Barriere, wähle im Modell eine passende Einstellung, teste dieselbe Aufgabe erneut und dokumentiere das Ergebnis.
|}

{{BR}}
= Berufliche Modellaufgaben mit Feedback =

{{BR}}
== Basisaufgabe – Bedienelemente erkennen ==

'''Auftrag:''' Benenne fünf Bestandteile des Informationspunkts und ordne jedem eine Funktion zu.

'''Erwartung:''' Medienplayer, Bildschirm, Switch, HDMI-Verbindung und Bedienelemente werden richtig unterschieden.

'''Feedback bei Erfolg:''' Die Komponenten wurden anhand ihrer Funktion und ihres Signalwegs zugeordnet.

'''Feedback bei Fehlern:''' Überprüfe, ob Du Datenverbindungen mit Bild- und Tonsignalwegen verwechselst.

{{BR}}
== Anwendungsaufgabe – Bedienoberfläche konfigurieren ==

'''Auftrag:''' Nutze eine vorbereitete, berührungssichere Schulungsoberfläche oder Simulation. Aktiviere verfügbare Untertitel, passe die Textdarstellung an und erprobe einen alternativen Bedienweg.

'''Erwartung:''' Die Anforderungen werden mit einer Beobachtung belegt.

'''Feedback bei Erfolg:''' Nicht die gesetzte Option, sondern die erfolgreich durchgeführte Nutzungsaufgabe belegt die Verbesserung.

'''Feedback bei Fehlern:''' Prüfe zunächst, ob die ausgewählte Funktion das eigentliche Nutzerproblem löst.

{{BR}}
== Transferaufgabe – Unvollständige Barrierefreiheit ==

'''Auftrag:''' Im Modell sind Untertitel aktiviert, aber die Fernbedienung besitzt sehr kleine Tasten. Entwickle zwei Verbesserungen und begründe ihre Priorität.

'''Musterlösung:''' Zunächst einen leichter bedienbaren Eingabeweg bereitstellen und die Erreichbarkeit der Hauptfunktionen testen. Anschließend die Untertitel auf Lesbarkeit und Synchronität prüfen.

'''Begründetes Feedback:''' Die Lösung betrachtet sowohl Bedienbarkeit als auch Verständlichkeit. Eine einzelne aktivierte Funktion behebt nicht zwangsläufig alle Barrieren.

{{BR}}
= Interaktive Aufgaben =

{{BR}}
== Quiz: Teste Dein Wissen ==

{{MC}}
'''Was ist ein wichtiges Ziel barrierearmer Medientechnik?'''
(Möglichst viele Menschen können Informationen verstehen und Geräte bedienen)
(!Alle Geräte müssen dieselben Einstellungen besitzen)
(!Nur die Bildqualität soll verbessert werden)
(!Die technische Dokumentation wird überflüssig)
{{E}}

{{MC}}
'''Wofür wird HDMI üblicherweise eingesetzt?'''
(Für digitale Bild- und Tonsignale)
(!Für eine automatische Netzwerkfreigabe)
(!Für die mechanische Verriegelung eines Displays)
(!Für die Prüfung elektrischer Schutzmaßnahmen)
{{E}}

{{MC}}
'''Was ist eine typische Funktion eines Ethernet-Switches?'''
(Teilnehmer innerhalb eines lokalen Netzwerks verbinden)
(!Untertitel automatisch erstellen)
(!Die Helligkeit eines Monitors einstellen)
(!Eine elektrische Sicherheitsprüfung ersetzen)
{{E}}

{{MC}}
'''Welche Maßnahme unterstützt Menschen mit Hörbeeinträchtigungen bei Videos?'''
(Synchronisierte Untertitel mit relevanten Geräuschinformationen)
(!Ausschließlich größere Symbole)
(!Eine höhere Bildschirmauflösung allein)
(!Das Ausblenden aller Texte)
{{E}}

{{MC}}
'''Was bedeutet ein sichtbarer Tastaturfokus?'''
(Das aktuell angesteuerte Bedienelement ist erkennbar)
(!Der Bildschirm ist automatisch kontrastreich)
(!Das Netzwerk ist gegen Angriffe geschützt)
(!Die Medienausgabe ist immer fehlerfrei)
{{E}}

{{MC}}
'''Welche Aussage zu Screenreadern stimmt?'''
(Sie ermöglichen eine alternative Ausgabe digitaler Informationen)
(!Sie ersetzen sämtliche Netzwerkschnittstellen)
(!Sie benötigen grundsätzlich keine strukturierten Inhalte)
(!Sie prüfen elektrische Geräte auf Sicherheit)
{{E}}

{{MC}}
'''Welche Kontrastanforderung gilt nach WCAG 2.2 AA für gewöhnlichen Webtext?'''
(Mindestens 4,5 zu 1)
(!Immer 1 zu 1)
(!Mindestens 2 zu 1 für jeden Text)
(!Ein beliebiger Kontrast reicht aus)
{{E}}

{{MC}}
'''Was ist bei automatisch erzeugten Untertiteln wichtig?'''
(Ihre Richtigkeit und zeitliche Zuordnung prüfen)
(!Sie ungeprüft als fehlerfrei bewerten)
(!Nur die Schriftfarbe kontrollieren)
(!Das Video ohne Rückmeldung löschen)
{{E}}

{{MC}}
'''Was ist bei einem defekten elektrischen Schulungsgerät zu tun?'''
(Tätigkeit stoppen und die zuständige Fachperson informieren)
(!Das Gehäuse selbst öffnen)
(!Eine Verdrahtung eigenständig verändern)
(!Den Fehler mit höherer Spannung suchen)
{{E}}

{{MC}}
'''Welche Aussage zur Freigabe durch diesen Lernkurs ist richtig?'''
(Quizresultate erteilen keine technische oder elektrotechnische Freigabe)
(!Eine volle Punktzahl erlaubt Elektroarbeiten)
(!Ein Lernnachweis ersetzt die betriebliche Beauftragung)
(!Die Modellprüfung ersetzt jede Sicherheitsprüfung)
{{E}}

<br>

{{BR}}
== Memory ==

Finde die zusammengehörenden Fachbegriffe und Funktionen.

<div class="memo-quiz">
{|
|-
| Ethernet || Datenübertragung im lokalen Netzwerk
|-
| HDMI || Digitale Bild- und Tonübertragung
|-
| Untertitel || Synchroner Text zu Sprache und wichtigen Geräuschen
|-
| Screenreader || Unterstützende Sprachausgabe digitaler Inhalte
|-
| Tastaturfokus || Kennzeichnung des aktuell angesteuerten Bedienelements
|-
| Alternativtext || Textliche Beschreibung einer relevanten Bildinformation
|-
| Braillezeile || Taktile Ausgabe digitaler Zeichen
|}
{{E}}
<br>

{{BR}}
== Drag and Drop ==

Ordne die Arbeitsschritte ihren jeweiligen Zielen zu.

<div class="lueckentext-quiz">

{| class="wikitable"
! Ordne die richtigen Begriffe zu.
! Thema
|-
| '''Bedarfsermittlung'''
| Nutzeranforderungen verstehen
|-
| '''Modellplanung'''
| Komponenten und Signalwege zuordnen
|-
| '''Sicherheitsabklärung'''
| Eignung und Freigabestatus des Schulungsmodells klären
|-
| '''Medienanpassung'''
| Untertitel und Anzeigeoptionen einstellen
|-
| '''Funktionskontrolle'''
| Bedienung und Verständlichkeit erproben
|-
| '''Dokumentation'''
| Prüfergebnisse und offene Punkte festhalten
|}
{{E}}

<br>

{{BR}}
== Kreuzworträtsel ==

<div class="kreuzwort-quiz">
{|
|-
| HDMI || Welche Schnittstelle überträgt digitale Bild- und Tonsignale?
|-
| Switch || Welches Gerät verbindet mehrere Teilnehmer in einem Ethernet-Netzwerk?
|-
| Kontrast || Wie nennt man den Helligkeitsunterschied zwischen Text und Hintergrund?
|-
| Untertitel || Wie heißt die zeitlich abgestimmte Textdarstellung gesprochener Videoinhalte?
|-
| Screenreader || Wie heißt eine Software zur alternativen Ausgabe digitaler Inhalte?
|-
| Protokoll || Wie heißt die schriftliche Dokumentation einer Funktionsprüfung?
|}
{{E}}

<br>

{{BR}}
== LearningApps ==

<iframe> https://learningapps.org/index.php?s=Informationselektronik+und+vernetzte+Endgeräte+Medientechnik+barrierearm+einrichten </iframe>

{{BR}}
== Lückentext ==

<quiz display=simple>
{'''Vervollständige die Aussagen zum Ausbildungsfall.'''<br>
|type="{}"}
Vor der Modellplanung ermittelst Du die { Nutzeranforderungen }.
Für digitale Bild- und Tonsignale wird häufig { HDMI } verwendet.
Mehrere Teilnehmer eines lokalen Netzwerks verbindet ein { Switch }.
Gesprochene Videoinhalte werden durch { Untertitel } in Textform zugänglich.
Eine lesbare Textdarstellung benötigt ausreichend { Kontrast }.
Die Navigation ohne Maus kann über die { Tastatur } erfolgen.
Das aktuell angesteuerte Bedienelement wird durch den sichtbaren { Fokus } erkennbar.
Ein { Screenreader } ermöglicht eine alternative Ausgabe digitaler Informationen.
Eine elektronische { Braillezeile } kann Informationen taktil darstellen.
Der beschreibende { Alternativtext } vermittelt relevante Bildinformationen.
Prüfergebnisse werden in einem { Protokoll } festgehalten.
Bei einer unklaren elektrischen Gefährdung musst Du die Tätigkeit { stoppen }.
</quiz>

<br>

{{BR}}
= Offene Aufgaben =

{{BR}}
=== Leicht – Basis ===

# [[Schnittstelle]]: Erstelle eine Bildkarte mit Ethernet-, HDMI- und Audioanschluss und beschrifte ihre Funktionen.
# [[Fernbedienung]]: Entwirf vier gut erkennbare Bedientasten und erkläre ihre Funktionen.
# [[Untertitel]]: Vergleiche im sicheren Videomodell eine Szene mit und ohne Untertitel.
# [[Kontrast]]: Gestalte zwei Informationsanzeigen und begründe, welche leichter lesbar ist.

{{BR}}
=== Standard – Anwendung ===

# [[Computernetzwerk]]: Zeichne das Daten- und Mediensignalmodell des Informationspunkts mit eindeutigen Verbindungen.
# [[Tastaturbedienung]]: Dokumentiere auf einer Testoberfläche die Bedienfolge für Start, Pause und Zurück ohne Maus.
# [[Screenreader]]: Formuliere Alternativtexte für fünf technische Bilder und lass sie anhand der Bildfunktion beurteilen.
# [[Usability]]: Führe ein freiwilliges, datensparsames Interview zur Bedienbarkeit eines Bildschirmmenüs und leite Verbesserungen ab.

{{BR}}
=== Schwer – Transfer ===

# [[Fehleranalyse]]: Erstelle einen Entscheidungsbaum für fehlende Bildausgabe, fehlende Untertitel und unverständliche Menüs. Alle Lösungsschritte bleiben in der Simulation.
# [[Barrierefreiheit]]: Entwickle zwei alternative Bedienkonzepte für den Informationspunkt und vergleiche ihre Stärken und Grenzen.
# [[Benutzerdokumentation]]: Produziere eine kurze verständliche Bildanleitung oder ein Video mit Untertiteln und ergänzendem Transkript für das Schulungsmodell.
# [[Qualitätssicherung]]: Plane eine gemeinsame Modellabnahme mit einer zweiten Lerngruppe und werte deren dokumentierte Nutzungserfahrungen aus.

{{:Offene Aufgabe - MOOC erstellen}}

{{BR}}
= Lernkontrolle =

Bearbeite die Aufgaben ohne Arbeiten an realen elektrischen Installationen.

# [[Systemanalyse]]: Ein Bildschirm zeigt lokale Videos korrekt, erhält aber keine Netzwerkdaten. Begründe, weshalb Bild- und Netzwerkfunktion getrennt geprüft werden müssen.
# [[Zugänglichkeit]]: Ein Informationsvideo besitzt Untertitel, aber keine Beschreibung entscheidender Bildinformationen. Entwickle eine passende Ergänzung und begründe sie.
# [[Bedienkonzept]]: Vergleiche Tastatur, Fernbedienung und Touchscreen für einen öffentlich zugänglichen Informationspunkt. Berücksichtige unterschiedliche Bedürfnisse.
# [[Fehlersuche]]: Eine Person kann das Menü lesen, aber keine wichtige Funktion aktivieren. Entwirf einen sicheren modellbasierten Prüfablauf.
# [[Nutzerorientierung]]: Zwei Testpersonen bewerten eine Bedienoberfläche unterschiedlich. Beschreibe, wie Du ihre Rückmeldungen zu begründeten Verbesserungen verarbeitest.
# [[Arbeitssicherheit]]: Während eines Ausbildungsauftrags fällt ein beschädigtes Netzanschlusskabel auf. Erläutere die sichere Entscheidungskette und die zuständigen Rollen.

'''Beurteilungskriterien:''' Fachliche Richtigkeit, nachvollziehbare Begründung, wirksame Barrierenreduzierung, sichere Vorgehensweise und transparente Dokumentation.

{{BR}}
= Lernnachweis =

Dein Lernnachweis besteht aus einer dokumentierten, sicheren Modellbearbeitung.

{| class="wikitable"
! Bestandteil !! Nachweis
|-
| Anforderungen || Nutzerbedürfnisse und Prüfkriterien
|-
| Systemplan || Komponenten und Signalwege
|-
| Modellumsetzung || Dokumentierte Einstellungen oder Simulation
|-
| Funktionskontrolle || Beobachtbare Testergebnisse
|-
| Verbesserung || Begründeter Lösungsvorschlag und erneuter Modelltest
|-
| Übergabe || Verständliche Kurzanleitung und offene Punkte
|-
| Sicherheit || Eingehaltene Ausbildungsgrenzen und geklärte Zuständigkeiten
|}

'''Bewertung:'''

'''Basis:''' Du erkennst Barrieren und ordnest passende Maßnahmen zu.

'''Anwendung:''' Du konfigurierst und prüfst eine freigegebene Modellumgebung.

'''Transfer:''' Du begründest Verbesserungen, bewertest Grenzen und dokumentierst offene Risiken.

'''Keine automatische Freigabe:''' Weder dieser Lernnachweis noch Quiz- oder Simulationsergebnisse berechtigen zu Elektroarbeiten. Jede reale Tätigkeit bedarf der erforderlichen Qualifikation, betrieblichen Beauftragung und vorgeschriebenen fachlichen Verantwortung.

<br>
<br>

{{BR}}
= OERs zum Thema =

{{BR}}
== Fachquellen ==

# [https://www.gesetze-im-internet.de/infoelekausbv/ Informationselektronikerausbildungsverordnung] – Offizielle Rechtsgrundlage des Ausbildungsberufs.
# [https://publikationen.dguv.de/regelwerk/dguv-vorschriften/1052/elektrische-anlagen-und-betriebsmittel DGUV Vorschrift 3] – Schutzanforderungen und fachliche Zuständigkeiten.
# [https://www.w3.org/WAI/media/av/ W3C WAI: Making Audio and Video Media Accessible] – Untertitel, Transkripte, Audiodeskription und Medienplayer.
# [https://www.w3.org/WAI/WCAG22/quickref/ W3C: WCAG 2.2 Quick Reference] – Kriterien zur digitalen Barrierefreiheit.
# [https://www.w3.org/WAI/tutorials/images/ W3C: Images Tutorial] – Fachliche Hinweise zu Alternativtexten.
# [https://www.w3.org/WAI/eval/preliminary W3C: Easy Checks] – Erste systematische Prüfungen digitaler Oberflächen.

'''Hinweis:''' Die Quellen enthalten sowohl frei zugängliche Fachinformationen als auch urheberrechtlich geschütztes Material. Freie Zugänglichkeit ist nicht automatisch eine freie Bearbeitungslizenz.

{{BR}}
== Wikimedia Commons: geprüfte Bildquellen ==

Die folgenden Dateien wurden anhand ihrer Wikimedia-Commons-Dateiseiten auf Urheberangabe und Lizenzhinweis geprüft. Bei Weiterverwendung sind die jeweils angegebenen Lizenzbedingungen einzuhalten.

{| class="wikitable"
! Bilddatei !! Urheber !! Lizenz
|-
| [https://commons.wikimedia.org/wiki/File:Network_diagram_%28example%29.svg Network diagram (example).svg] || Mattias.Campe || CC BY-SA 4.0
|-
| [https://commons.wikimedia.org/wiki/File:RJ45_Connector.svg RJ45 Connector.svg] || Wyzzymoon || CC BY 4.0
|-
| [https://commons.wikimedia.org/wiki/File:Ethernet_port.jpg Ethernet port.jpg] || Amin || CC BY-SA 4.0
|-
| [https://commons.wikimedia.org/wiki/File:EthernetSwitch.jpg EthernetSwitch.jpg] || Raysonho || CC0 1.0
|-
| [https://commons.wikimedia.org/wiki/File:HDMI_Cable.JPG HDMI Cable.JPG] || Kannan shanmugam || CC BY-SA 4.0
|-
| [https://commons.wikimedia.org/wiki/File:Television_remote_control%2C_unbranded-3345.jpg Television remote control, unbranded-3345.jpg] || Raimond Spekking || CC BY-SA 4.0
|-
| [https://commons.wikimedia.org/wiki/File:German_computer_keyboard.jpg German computer keyboard.jpg] || Runner1928 || CC BY-SA 4.0
|-
| [https://commons.wikimedia.org/wiki/File:Closed_captioning_symbol.svg Closed captioning symbol.svg] || WGBH || Gemeinfrei; mögliche Kennzeichenrechte beachten
|-
| [https://commons.wikimedia.org/wiki/File:Refreshable_Braille_display_2010_0123.JPG Refreshable Braille display 2010 0123.JPG] || Eddau || CC0 1.0
|-
| [https://commons.wikimedia.org/wiki/File:Headphones_icon.svg Headphones icon.svg] || Marek Mazurkiewicz || CC0 1.0
|}

{{BR}}
== Geprüfte Lehrvideos und Nutzungsrechte ==

'''Produzent:''' W3C Web Accessibility Initiative, Copyright © 2016 W3C.

Verwendete Videos:

# [https://www.youtube.com/watch?v=3f31oufqFSM Web Accessibility Perspectives – Compilation]
# [https://www.youtube.com/watch?v=CzfKB3PuuIY Large Links, Buttons, and Controls]
# [https://www.youtube.com/watch?v=93UgG72os8M Keyboard Compatibility]
# [https://www.youtube.com/watch?v=8Rn5pXCdZWU Text to Speech]

Die Videos werden unverändert und vollständig verlinkt beziehungsweise eingebettet. Nach den [https://www.w3.org/WAI/about/using-wai-material/ W3C-WAI-Nutzungshinweisen] dürfen sie unter Quellenangabe für Schulungen verwendet werden. Eine allgemeine Creative-Commons-Bearbeitungslizenz wird daraus nicht abgeleitet.

'''Barrierearme Alternative:''' [https://www.w3.org/WAI/perspective-videos/ W3C-Mediathek mit Texttranskripten und visuellen Beschreibungen].

{{BR}}
== Wikipedia ==

<iframe> https://de.m.wikipedia.org/wiki/Digitale_Barrierefreiheit </iframe>

Ergänzender Überblick: [[Informationselektroniker]], [[Digitale Barrierefreiheit]], [[Assistive Technologie]], [[Medientechnik]], [[Screenreader]] und [[Computernetzwerk]].

Die Wikipedia-Beiträge dienen zur Orientierung; für Sicherheitsregeln und konkrete Prüfkriterien sind die fachlichen Primärquellen maßgeblich.

<br>

{{BR}}
= Verknüpfte Lernbereiche =

{| align=center
{{:D-Tab}}
'''[[Informationselektronik]]'''
# [[Informationselektroniker]]
# [[Netzwerktechnik]]
# [[Ethernet]]
# [[HDMI]]
# [[Digitale Barrierefreiheit]]
# [[Benutzerfreundlichkeit]]
# [[Untertitel]]
# [[Screenreader]]
# [[Tastaturbedienung]]
# [[Qualitätssicherung]]
# [[Arbeitssicherheit]]
|}

[[Kategorie:Informationselektronik]]
[[Kategorie:Medientechnik]]
[[Kategorie:Netzwerktechnik]]
[[Kategorie:Digitale Barrierefreiheit]]
[[Kategorie:Inklusion]]
[[Kategorie:Berufliche Bildung]]
[[Kategorie:Ausbildung]]
[[Kategorie:Elektrotechnik]]
[[Kategorie:Informationstechnik]]
[[Kategorie:Lernkurs]]

{{BR}}
= aiMOOC-Projekte =
[[Kategorie:AI_MOOC]] [[Kategorie:GPT aiMOOC]]
{{MT}}

Informationselektronik und vernetzte Endgeräte – Medientechnik barrierearm einrichten - Versionsgeschichte

Glanz: aiMOOC über GPT aiMOOC Action erstellt