Branchen

BFSG für Musikschulen: Online-Anmeldung und digitaler Unterricht barrierefrei

Von Joshua Kantner · April 2026 · bf-check.de

Hinweis: Dieser Artikel dient der allgemeinen Orientierung und ersetzt keine rechtliche Beratung. Die genannten Gesetzesverweise und WCAG-Kriterien geben den Stand April 2026 wieder.

Musikschulen und das BFSG: Wer ist betroffen?

Musikschulen bieten zunehmend digitale Dienste an: Online-Anmeldung, Stunden-Buchung, Video-Unterricht, digitale Notenblätter und Schüler-Portale. All das fällt unter das Barrierefreiheitsstärkungsgesetz (BFSG).

Gemäß § 1 BFSG gilt das Gesetz für Produkte und Dienstleistungen, die nach dem 28. Juni 2025 in den Verkehr gebracht oder erbracht werden. Digitale Dienstleistungen im geschäftlichen Verkehr -- also auch die Online-Kursanmeldung einer privaten Musikschule -- fallen darunter.

Besonders relevant: Inklusion ist in der musikalischen Bildung ein wichtiges Thema. Menschen mit Seh-, Hör- oder motorischen Einschränkungen sollten Zugang zu Musikangeboten haben -- auch digital. Das BFSG macht aus diesem "sollten" ein "müssen". Weitere Informationen finden Sie im BFSG-Glossar.

Öffentliche Musikschulen, die nicht als B2C-Dienstleister agieren, können unter Umständen ausgenommen sein. Aber: Sobald Online-Buchung, Bezahlung oder digitale Inhalte angeboten werden, ist die Wahrscheinlichkeit hoch, dass die Pflichten greifen.

Typische Probleme auf Musikschul-Webseiten

Kursangebote als Bild-Tabelle statt als HTML. Lehrer-Portraits ohne Alt-Texte. Audio- und Video-Beispiele ohne Textalternative.

Online-Anmeldeformulare mit zu vielen Pflichtfeldern ohne klare Kennzeichnung. Stundenplan als PDF-Bild. Und: eingebettete YouTube-Videos von Schülerkonzerten ohne Untertitel.

Weitere häufige Barrieren:

Kurssuche und Filter nicht per Tastatur bedienbar
Lehrerprofile als reine Bildkarten ohne Textinhalt
Termine und Preislisten nur als gescanntes PDF
Schülerportal mit Drag-and-Drop ohne Alternative
Kontaktformular ohne Labels und Fehlermeldungen

⚠️

Ist deine Webseite betroffen? Kostenloser BFSG-Schnellcheck – Ergebnis in 30 Sekunden.

Jetzt prüfen →

Schritt 1: Kursangebote und Stundenpläne barrierefrei darstellen

Kursangebote als HTML-Tabelle oder strukturierte Liste darstellen -- nicht als Bild oder Screenshot. Eine barrierefreie Tabelle braucht korrekte <th>-Elemente für Spalten (Wochentag, Uhrzeit, Instrument, Lehrer) und eine <caption> ("Stundenplan Frühjahr 2026").

Biete eine Filterfunktion an: "Zeige nur Klavierkurse" oder "Zeige nur Montag". Filter müssen per Tastatur bedienbar und für Screenreader verständlich sein.

Falls du den Stundenplan zusätzlich als PDF anbietest: Das PDF muss getaggt sein (strukturierte Überschriften, Tabellen-Tags). Ein gescanntes Bild-PDF ist nicht barrierefrei.

Schritt 2: Online-Kursanmeldung zugänglich machen

Das Anmeldeformular ist oft der zentrale Conversion-Punkt deiner Webseite. Und genau hier scheitern viele Musikschulen an der Barrierefreiheit.

Grundregeln für barrierefreie Formulare:

Jedes Eingabefeld braucht ein <label> mit for-Attribut
Pflichtfelder mit required und aria-required="true" kennzeichnen
Fehlermeldungen in Text, nicht nur in Farbe (WCAG SC 3.3.1)
autocomplete-Attribute für Name, E-Mail, Telefon (SC 1.3.5)
Logische Tab-Reihenfolge durch das gesamte Formular

Wenn die Anmeldung aus mehreren Schritten besteht (Kursauswahl, persönliche Daten, Bezahlung), zeige eine Fortschrittsanzeige und ermögliche das Zurückspringen zu früheren Schritten.

Schritt 3: Lehrerprofile richtig strukturieren

Lehrerprofile sind für Eltern und Schüler oft entscheidend bei der Kursauswahl. Damit sie barrierefrei sind:

Fotos: Alt-Text mit Name und Instrument, z.B. "Maria Schmidt, Klavierlehrerin"
Textinhalt: Name, Instrument, Qualifikation und Kontaktmöglichkeit als strukturierter Text -- nicht nur im Bild
Layout: Keine reinen Bild-Karten. Der vollständige Profiltext muss auch ohne Bilder verständlich sein

Tipp: Nutze semantische HTML-Elemente wie <article> für jedes Lehrerprofil und eine Überschrift (<h3>) mit dem Namen.

Schritt 4: Audio- und Video-Inhalte

Musikschulen leben von Klang und Bild -- Hörbeispiele, Schülerkonzerte, Unterrichtsvideos. Genau diese Inhalte brauchen besondere Aufmerksamkeit.

Audio-Beispiele (WCAG SC 1.2.1):

Jedes Audio braucht eine Text-Beschreibung: Musikstück, Instrument, Interpret, Kontext
Ein vollständiges Transkript ist bei reiner Musik nicht sinnvoll, aber beschreibender Kontext hilft
Audioplayer müssen per Tastatur bedienbar sein: Play, Pause, Lautstärke

Videos mit Untertiteln (WCAG SC 1.2.2):

Schülerkonzerte: Untertitel für gesprochene Ansagen, Beschreibung für rein instrumentale Passagen ("[Instrumentalmusik -- Klaviersonate]")
Lehrvideos: Vollständige Untertitel für alle gesprochenen Inhalte
Wenn Noten oder Griffbilder gezeigt werden: zusätzlich als Text oder barrierefreie Datei bereitstellen

Für vorproduzierte Videos auf YouTube: Untertitel direkt in YouTube Studio erstellen. Die automatische Untertitelung ist ein Anfang, muss aber korrigiert werden -- besonders bei Fachbegriffen aus der Musik.

Schritt 5: Online-Musikunterricht barrierefrei gestalten

Video-Unterricht braucht gute Audioqualität -- das ist bei Musik essentiell. Bildschirmfreigabe von Noten muss auch als herunterladbare Datei verfügbar sein. Chat-Funktionen müssen per Tastatur bedienbar sein.

Und: Aufzeichnungen von Unterrichtsstunden sollten mit Zeitstempeln und Beschreibungen versehen werden, damit Schüler gezielt nacharbeiten können.

Wichtige Anforderungen für die Unterrichtsplattform:

Videokonferenz-Tool muss Tastatur-Navigation unterstützen
Bildschirmfreigabe: Noten und Übungsblätter zusätzlich als PDF oder Bild-Datei zum Download
Chat: Nachrichten müssen von Screenreadern vorgelesen werden (aria-live Region)
Aufzeichnungen: Untertitel ergänzen, Kapitelmarken für verschiedene Übungsabschnitte

Schritt 6: Prüfen und umsetzen

Die Umsetzung muss kein Mammutprojekt sein. Starte mit den größten Barrieren:

Schnellcheck: Scanne deine Webseite mit dem bf-check Scanner -- in 30 Sekunden siehst du die größten Probleme
Formulare: Labels, Pflichtfeld-Kennzeichnung und Fehlermeldungen prüfen
Stundenpläne: Von PDF-Bild auf HTML-Tabelle umstellen
Medien: Untertitel für Videos, Textbeschreibungen für Audio
Lehrerprofile: Alt-Texte ergänzen, Textinhalte sicherstellen
Tastatur-Test: Gesamte Webseite einmal nur mit Tastatur durchklicken

Dokumentiere deine Fortschritte. Eine Barrierefreiheitserklärung auf deiner Webseite zeigt Nutzern und Behörden, dass du das Thema ernst nimmst.

Häufig gestellte Fragen

Muss meine Musikschule das BFSG erfüllen?

Wenn du Online-Anmeldung, digitalen Unterricht oder ein Schülerportal anbietest: Ja. Gemäß § 1 BFSG fallen digitale Dienstleistungen im geschäftlichen Verkehr unter die Barrierefreiheitspflicht. Eine reine Info-Webseite hat geringeres Risiko, aber sobald Buchung oder Bezahlung möglich ist, greift das Gesetz.

Müssen Audio-Beispiele auf meiner Webseite barrierefrei sein?

Audio-Inhalte sollten eine Text-Beschreibung haben (Musikstück, Instrument, Kontext). WCAG SC 1.2.1 verlangt mindestens eine Textalternative für reine Audio-Inhalte. Ein vollständiges Transkript ist bei Musik nicht sinnvoll, aber Kontext-Information hilft.

Wie mache ich den Stundenplan barrierefrei?

Verwende eine HTML-Tabelle mit korrekten th-Elementen für Wochentage und Uhrzeiten. Ergänze eine caption mit dem Titel 'Stundenplan'. Biete eine Filterfunktion an, damit Nutzer nach Instrument oder Lehrer filtern können. Ein PDF-Screenshot ist nicht barrierefrei.

Brauchen Schülerkonzert-Videos Untertitel?

Ja. WCAG SC 1.2.2 verlangt Untertitel für alle vorproduzierten Videos mit Ton. Bei Konzertvideos genügen Angaben wie Musikstück, Interpret und gesprochene Ansagen. Rein instrumentale Passagen können mit [Instrumentalmusik] gekennzeichnet werden.

Was muss ich bei der Online-Kursanmeldung beachten?

Labels für alle Formularfelder, Pflichtfeld-Kennzeichnung mit aria-required, klare Fehlermeldungen und eine logische Tab-Reihenfolge. Nutze autocomplete-Attribute für Name, E-Mail und Telefon. Mehr dazu im Artikel zu barrierefreien Formularen.

Sind Lehrerprofile mit Foto barrierefrei genug?

Fotos brauchen einen Alt-Text mit Name und Instrument, z.B. 'Maria Schmidt, Klavierlehrerin'. Ergänze die Profile mit strukturiertem Text: Name, Instrument, Erfahrung und Kontaktmöglichkeit. Vermeide reine Bild-Karten ohne Textinhalt.

Muss der Video-Unterricht selbst barrierefrei sein?

Ja, wenn du ihn als digitale Dienstleistung anbietest. Die Plattform muss per Tastatur bedienbar sein, Chat-Funktionen zugänglich. Aufzeichnungen brauchen Untertitel. Noten und Übungsblätter müssen als barrierefreie Dateien verfügbar sein, nicht nur als Bildschirmfreigabe.

Weiterlesen

Branchen
BFSG für Ärzte und Praxen Branchen
BFSG für Apotheken Leitfaden
BFSG 2025: Der komplette Leitfaden

Ist deine Webseite BFSG-konform?

Finde es in 30 Sekunden heraus – kostenloser Schnellcheck mit sofortigem Ergebnis.

Jetzt kostenlos prüfen →