Erklärung zur Barrierefreiheit gemäß § 10 Absatz 1 L-BGG
Wir (das Justinus-Kerner-Gymnasium Heilbronn) als Betreiber der Website sind sehr bemüht, die Website möglichst barrierefrei zu gestalten.
Die Anforderungen zur digitalen Barrierefreiheit sind auf mehreren Ebenen festgelegt. Für unser Internetangebot gilt insbesondere die Barrierefreie-Informationstechnik-Verordnung (BITV 2.0), die in Deutschland die Vorgaben der EU-Richtlinie 2016/2102 umsetzt. Zusätzlich gelten die entsprechenden Regelungen des Bundes und des Landes Baden-Württemberg, die für Schulen in öffentlicher Trägerschaft verbindlich sind.
Website
Diese Erklärung zur Barrierefreiheit gilt für die Website www.jkg-hn.de.
Veröffentlichungsdatum der Website
Diese Website wurde am 18.07.2025 veröffentlicht.
Letzte Aktualisierung der Website
Diese Website wurde zuletzt am 18.07.2025 in wesentlichen Punkten inhaltlich überarbeitet.
Stand der Vereinbarkeit mit den Anforderungen
Diese Website orientiert sich an den Anforderungen der Barrierefreien-Informationstechnik-Verordnung (BITV 2.0) in Verbindung mit den Web Content Accessibility Guidelines (WCAG) 2.1, Konformitätsstufe AA.
Konformitätsstatus:
Die Website ist teilweise mit WCAG 2.1 / BITV 2.0 vereinbar.
Ein großer Teil der Erfolgskriterien wird erfüllt, es bestehen jedoch noch einzelne, teilweise kritische Barrieren, die schrittweise behoben werden.
Vereinbarkeit
Derzeitiger Status:
- Großteil der Prüfpunkte: vollständig erfüllt (🟢)
- Einzelne Punkte: teilweise erfüllt (🟡)
- Kritische Fehler (🔴) vorhanden
- Nicht relevante Prüfkriterien wurden als (⚫) nicht anwendbar eingestuft.
Legende:
1 = Startseite
2 = Medienkompetenz
3 = Ansprechpartner
4 = Tag der offenen Tür
5 = Veranstaltungshinweise
6 = SMV
Wahrnehmbarkeit
| Prüfschritt | WCAG | Kriterium | Status | |||||
|---|---|---|---|---|---|---|---|---|
| 9.1.1 Textalternativen | 1 | 2 | 3 | 4 | 5 | 6 | ||
| 9.1.1.1a | A – 1.1.1 | Alternativtexte für Bedienelemente | 🟢 | ⚪ | 🟢 | 🟢 | ⚪ | 🟢 |
| 9.1.1.1b | A – 1.1.1 | Alternativtexte für Grafiken & Objekte | 🟡 | 🟢 | 🟢 | ⚪ | 🔴 | 🟢 |
| 9.1.1.1c | A – 1.1.1 | Leere alt-Attribute für Layoutgrafiken | 🟢 | ⚪ | 🟢 | ⚪ | ⚪ | 🟢 |
| 9.1.1.1d | A – 1.1.1 | Alternativen für CAPTCHAs | ⚪ | ⚪ | ⚪ | ⚪ | ⚪ | ⚪ |
| 9.1.2 Zeitbasierte Medien | 1 | 2 | 3 | 4 | 5 | 6 | ||
| 9.1.2.1 | A – 1.2.1 | Alternativen für Audio & stumme Videos | ⚪ | ⚪ | ⚪ | ⚪ | ⚪ | ⚪ |
| 9.1.2.2 | A – 1.2.2 | Untertitel für aufgezeichnete Videos | ⚪ | ⚪ | ⚪ | ⚪ | ⚪ | ⚪ |
| 9.1.2.3 | A – 1.2.3 | Audiodeskription oder Volltext-Alternative | ⚪ | ⚪ | ⚪ | ⚪ | ⚪ | ⚪ |
| 9.1.2.4 | AA – 1.2.4 | Live-Videos mit Untertiteln | ⚪ | ⚪ | ⚪ | ⚪ | ⚪ | ⚪ |
| 9.1.2.5 | AA – 1.2.5 | Audiodeskription für Videos (aufgezeichnet) | ⚪ | ⚪ | ⚪ | ⚪ | ⚪ | ⚪ |
| 9.1.3 Anpassbar | 1 | 2 | 3 | 4 | 5 | 6 | ||
| 9.1.3.1a | A – 1.3.1 | Überschriften korrekt strukturiert | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 |
| 9.1.3.1b | A – 1.3.1 | Listen korrekt ausgezeichnet | ⚪ | ⚪ | ⚪ | ⚪ | ⚪ | 🟢 |
| 9.1.3.1c | A – 1.3.1 | Zitate korrekt ausgezeichnet | ⚪ | 🟢 | ⚪ | ⚪ | ⚪ | ⚪ |
| 9.1.3.1d | A – 1.3.1 | Inhalt sinnvoll gegliedert | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 |
| 9.1.3.1e | A – 1.3.1 | Datentabellen korrekt aufgebaut | ⚪ | ⚪ | 🟢 | 🟢 | ⚪ | 🟢 |
| 9.1.3.1f | A – 1.3.1 | Zuordnung von Tabellenzellen korrekt | ⚪ | ⚪ | 🟢 | 🟢 | ⚪ | 🟢 |
| 9.1.3.1g | A – 1.3.1 | Keine Layouttabellen als Strukturmarkup | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 |
| 9.1.3.1h | A – 1.3.1 | Formulare korrekt beschriftet | ⚪ | ⚪ | ⚪ | ⚪ | ⚪ | ⚪ |
| 9.1.3.2 | A – 1.3.2 | Sinnvolle Reihenfolge | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 |
| 9.1.3.3 | A – 1.3.3 | Kein Bezug auf sensorische Merkmale | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 |
| 9.1.3.4 | A – 1.3.4 | Keine Beschränkung der Bildschirmausrichtung | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 |
| 9.1.3.5 | A – 1.3.5 | Eingabefelder vermitteln Zweck | ⚪ | ⚪ | ⚪ | ⚪ | ⚪ | ⚪ |
| 9.1.4 Unterscheidbar | 1 | 2 | 3 | 4 | 5 | 6 | ||
| 9.1.4.1 | A – 1.4.1 | Ohne Farben nutzbar | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 |
| 9.1.4.2 | A – 1.4.2 | Ton abschaltbar | ⚪ | ⚪ | ⚪ | ⚪ | ⚪ | ⚪ |
| 9.1.4.3 | AA – 1.4.3 | Kontraste von Text ausreichend | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 |
| 9.1.4.4 | AA – 1.4.4 | Text auf 200 % vergrößerbar | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 |
| 9.1.4.5 | AA – 1.4.5 | Schriftgrafiken | 🟢 | 🟢 | 🟢 | 🟢 | 🔴 | 🟢 |
| 9.1.4.10 | AA – 1.4.10 | Inhalte brechen um | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 |
| 9.1.4.11 | AA – 1.4.11 | Kontraste von Grafiken & Bedienelementen | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 |
| 9.1.4.12 | AA – 1.4.12 | Textabstände anpassbar | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 |
| 9.1.4.13 | AA – 1.4.13 | Eingeblendete Inhalte bedienbar | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 |
Bedienbarkeit
| Prüfschritt | WCAG | Kriterium | Status | |||||
|---|---|---|---|---|---|---|---|---|
| 9.2.1 Tastaturbedienbar | 1 Startseite |
2 Medienkompetenz |
3 Ansprechpartner |
4 Tag der offenen Tür |
5 Veranstaltungshinweise |
6 SMV |
||
| 9.2.1.1 | A – 2.1.1 | Ohne Maus nutzbar | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 |
| 9.2.1.2 | A – 2.1.2 | Keine Tastaturfalle | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 |
| 9.2.1.4 | A – 2.1.4 | Tastatur-Kurzbefehle abschaltbar oder anpassbar | ⚪ | ⚪ | ⚪ | ⚪ | ⚪ | ⚪ |
| 9.2.2 Ausreichend Zeit | 1 | 2 | 3 | 4 | 5 | 6 | ||
| 9.2.2.1 | AA – 2.2.1 | Zeitbegrenzung anpassbar | ⚪ | ⚪ | ⚪ | ⚪ | ⚪ | ⚪ |
| 9.2.2.2 | A – 2.2.2 | Bewegte Inhalte abschaltbar | 🟡 | 🟡 | 🟡 | 🟡 | 🟡 | 🟡 |
| 9.2.3 Anfälle | 1 | 2 | 3 | 4 | 5 | 6 | ||
| 9.2.3.1 | A – 2.3.1 | Verzicht auf Flackern | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 |
| 9.2.4 Navigierbar | 1 | 2 | 3 | 4 | 5 | 6 | ||
| 9.2.4.1 | A – 2.4.1 | Bereiche überspringbar | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 |
| 9.2.4.2 | A – 2.4.2 | Sinnvolle Dokumenttitel | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 |
| 9.2.4.3 | A – 2.4.3 | Schlüssige Reihenfolge bei Tastaturbedienung | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 |
| 9.2.4.4 | A – 2.4.4 | Aussagekräftige Linktexte | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 |
| 9.2.4.5 | AA – 2.4.5 | Alternative Zugangswege | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 |
| 9.2.4.6 | AA – 2.4.6 | Aussagekräftige Überschriften & Labels | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 |
| 9.2.4.7 | AA – 2.4.7 | Aktuelle Position des Fokus deutlich | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 |
| 9.2.5 Eingabemodalitäten | 1 | 2 | 3 | 4 | 5 | 6 | ||
| 9.2.5.1 | A – 2.5.1 | Alternativen für komplexe Zeiger-Gesten | ⚪ | ⚪ | ⚪ | ⚪ | ⚪ | ⚪ |
| 9.2.5.2 | A – 2.5.2 | Zeigergesten-Eingaben können abgebrochen oder widerrufen werden | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 |
| 9.2.5.3 | A – 2.5.3 | Sichtbare Beschriftung Teil des zugänglichen Namens | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 |
| 9.2.5.4 | A – 2.5.4 | Alternativen für Bewegungsaktivierung | ⚪ | ⚪ | ⚪ | ⚪ | ⚪ | ⚪ |
Verständlichkeit
| Prüfschritt | WCAG | Kriterium | Status | |||||
|---|---|---|---|---|---|---|---|---|
| 9.3.1 Lesbar | 1 Startseite |
2 Medienkompetenz |
3 Ansprechpartner |
4 Tag der offenen Tür |
5 Veranstaltungshinweise |
6 SMV |
||
| 9.3.1.1 | A – 3.1.1 | Hauptsprache angegeben | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 |
| 9.3.1.2 | AA – 3.1.2 | Anderssprachige Wörter ausgezeichnet | ⚪ | ⚪ | ⚪ | ⚪ | ⚪ | ⚪ |
| 9.3.2 Vorhersehbar | 1 | 2 | 3 | 4 | 5 | 6 | ||
| 9.3.2.1 | A – 3.2.1 | Keine unerwartete Kontextänderung bei Fokus | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 |
| 9.3.2.2 | A – 3.2.2 | Keine unerwartete Kontextänderung bei Eingabe | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 |
| 9.3.2.3 | AA – 3.2.3 | Konsistente Navigation | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 |
| 9.3.2.4 | AA – 3.2.4 | Konsistente Bezeichnung | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 |
| 9.3.3 Eingabeunterstützung | 1 | 2 | 3 | 4 | 5 | 6 | ||
| 9.3.3.1 | A – 3.3.1 | Fehlererkennung | ⚪ | ⚪ | ⚪ | ⚪ | ⚪ | ⚪ |
| 9.3.3.2 | A – 3.3.2 | Beschriftungen von Formularelementen vorhanden | ⚪ | ⚪ | ⚪ | ⚪ | ⚪ | ⚪ |
| 9.3.3.3 | AA – 3.3.3 | Hilfe bei Fehlern | ⚪ | ⚪ | ⚪ | ⚪ | ⚪ | ⚪ |
| 9.3.3.4 | AA – 3.3.4 | Fehlervermeidung wird unterstützt | ⚪ | ⚪ | ⚪ | ⚪ | ⚪ | ⚪ |
Robustheit
| Prüfschritt | WCAG | Kriterium | Status | ||||
|---|---|---|---|---|---|---|---|
| 9.4.1 Kompatibel | 1 | 2 | 3 | 4 | 5 | ||
| 9.4.1.1 | A – 4.1.1 | Korrekte Syntax | 🟡 | 🟡 | 🟡 | 🟡 | 🟡 |
| 9.4.1.2 | A – 4.1.2 | Name, Rolle, Wert verfügbar | 🟡 | 🟡 | 🟡 | 🟡 | 🟡 |
| 9.4.1.3 | AA – 4.1.3 | Statusmeldungen programmatisch verfügbar | ⚪ | ⚪ | ⚪ | ⚪ | ⚪ |
Bestehende Barrieren
Auf der Website bestehen aktuell mehrere Barrieren, die die vollständige Erfüllung einzelner WCAG-/BITV-Erfolgskriterien beeinträchtigen.
1) 🟡 Nicht abschaltbare Laufschrift (2.2.2 – A „Bewegte Inhalte abschaltbar“)
In den verwendeten Templates befindet sich eine kontinuierlich laufende Textanimation (Laufschrift), die derzeit nicht pausiert, gestoppt oder ausgeblendet werden kann. Obwohl andere bewegte Inhalte auf der Website bereits steuerbar sind, ist dieses Element noch nicht barrierefrei umgesetzt.
Damit ist das Erfolgskriterium 2.2.2 „Bewegte Inhalte abschaltbar“ nur teilweise erfüllt.
2) 🔴 Fehlende Alternativtexte & Schriftgrafiken (9.1.1.1b – A 1.1.1 / 9.1.4.5 – AA 1.4.5)
Auf der Seite „Veranstaltungshinweise“ treten zwei verbundene Barrieren auf:
Veranstaltungsflyer und Vorschaubilder besitzen keine oder unzureichende Alternativtexte. Dadurch können Screenreader-Nutzer*innen die Inhalte nicht erfassen.
Zentrale Veranstaltungsinformationen (z. B. Titel, Datum, Ort) liegen ausschließlich als Schriftgrafiken vor. Eingebetteter Bildtext kann nicht barrierefrei vergrößert, kontrastiert oder vorgelesen werden, da kein entsprechender HTML-Text vorhanden ist.
Beide Aspekte führen dazu, dass die Informationen für Nutzer*innen mit Sehbehinderungen nicht vollständig zugänglich sind.
3) 🟡 Korrekte Syntax (9.4.1.1 – A 4.1.1)
Die Seite enthält verschiedene HTML-Validierungsfehler, darunter:
verschachtelte oder unzulässige Strukturen (z. B. header-Elemente ineinander),
nicht erlaubte style-Elemente im Content,
doppelte ID-Attribute,
fehlerhafte oder veraltete Markup-Konventionen.
Die Seite bleibt nutzbar, erfüllt jedoch die Anforderungen an korrekte Syntax nur teilweise.
4) 🟡 Name, Rolle, Wert (9.4.1.2 – A 4.1.2)
Einige ARIA-Attribute werden nicht normgerecht eingesetzt, u. a.:
fehlerhafte oder unzulässige Rollen (z. B. role=“listitem“ auf article),
Einsatz nicht erlaubter Attribute wie aria-role,
nicht zulässige aria-label-Attribute auf generischen div-Elementen,
doppelte IDs, die Zuordnungen erschweren.
5) Startseite, Kunstwerke, 🟡 Impressionen und Bilder – Verbesserungsbedarf bei Bildbeschreibungen (WCAG 1.1.1)
Im Bereich „Impressionen und Bilder“ und „Kunstwerke“ – können die Inhalte durch geeignete Alternativtexte und ausführliche Bildbeschreibungen zugänglicher gemacht werden.
Einige Bilder enthalten noch keine oder nur sehr allgemeine Alt-Texte.
Teilweise fehlt ergänzender Kontext für komplexe Motive (z. B. Gruppenfotos, Szenen aus dem Schulalltag).
Bei dekorativen Bildern kann ein korrekt gesetztes alt=““ die Bedienung erleichtern.
Durch die Ergänzung angemessener Bildbeschreibungen wird die Zugänglichkeit für Nutzer*innen von Screenreadern deutlich verbessert.
Die meisten Bedienelemente sind korrekt ausgezeichnet, jedoch besteht Optimierungsbedarf, um die Anforderungen vollständig zu erfüllen.
Barrierefreiheit
Mit der Erfüllung der WCAG-Richtlinien besteht grundsätzlich die Annahme der Barrierefreiheit für Websites.
Die vorliegende Website entspricht überwiegend den Anforderungen der BITV 2.0 und WCAG 2.1 AA. Die verbleibenden Abweichungen betreffen vor allem technische Details, wirken sich nicht wesentlich auf die Bedienbarkeit aus und werden im Rahmen der laufenden Optimierung schrittweise behoben.
Durchsetzungsverfahren
Sollten Sie der Ansicht sein, dass Sie durch eine nicht ausreichende barrierefreie Gestaltung unserer Website benachteiligt sind, können Sie sich an die zuständige Durchsetzungsstelle wenden. Diese erreichen Sie unter:
Landeszentrum Barrierefreiheit
Schlichtungsstelle
Else-Josenhans-Straße 6
70173 Stuttgart
Telefon: 0711 123 39375
E-Mail: schlichtung@barrierefreiheit.bwl.de
Webseite:
Erstellung dieser Erklärung zur Barrierefreiheit
Diese Erklärung wurde am 09.08.2025 erstellt.
Die Erklärung wurde zuletzt am 27.11.2025 überprüft.