Prüfbericht BIK BITV-Test + WCAG 2.2 (Web): Berufliche Schule Ankelmannstraße gemäß BITV 2.0 / EN 301 549 + WCAG 2.2
| Seite | erfüllt | nicht erfüllt | nicht anwendbar |
|---|---|---|---|
| Seite 1: Startseite | 31 Prüfschritte | 10 Prüfschritte | 63 Prüfschritte |
| Seite 2: Infos für Schüler und Schülerinnen | 29 Prüfschritte | 12 Prüfschritte | 63 Prüfschritte |
| Seite 3: Verkaufsflächen planen mit Legobausteinen | 31 Prüfschritte | 10 Prüfschritte | 63 Prüfschritte |
| Seite 4: Berufsqualifizierung im Einzelhandel | 34 Prüfschritte | 12 Prüfschritte | 58 Prüfschritte |
Projektdaten
- URL
- https://bs01.hamburg.de/
- Prüfzeitraum
- 16.09.2025 - 24.10.2025
- Datum Prüfbericht
- 24.10.2025
- Prüfstelle
- DIAS GmbH
- Prüfer*in
- Sonja Weckenmann
- Art des Tests
- Zur Veröffentlichung geeignet
- Ergebnis
- 0 von 4 der ausgewählten Seiten einer unabhängigen, repräsentativen Seitenauswahl wurden als BIK BITV-Test + WCAG 2.2 (Web)-konform bewertet.
- 4 Seiten nicht erfüllt
- Auftraggebende Organisation
- stilpunkt drei designbüro
- Umfang der Prüfung
- 4 Seiten sind eingehend zu prüfen.
- Standard
- BITV 2.0 (Mai 2019) / anzuwendender Standard EN 301 549 (PDF) / WCAG 2.2
- Prüfverfahren
- BIK BITV-Test (Web), gemäß EN 301 549 + WCAG 2.2
- Prüfumgebung
- Werkzeugliste BITV-Test (Web)
- Gültigkeit
- Das Prüfergebnis gilt nur für die geprüften Ansichten / Komponenten.
- Seitenauswahl
- Die Seitenauswahl wurde von der Prüfstelle durchgeführt und ist repräsentativ.
- Veröffentlichung
- Zur Veröffentlichung geeignet
Hinweis zur Konformitätsaussage
Grundlage für den BITV-Test (Web) ist die Barrierefreie-Informationstechnik-Verordnung (BITV 2.0) vom 21. Mai 2019 bzw. die in der BITV referenzierte EN 301 549 V3.2.1 (PDF). Die europäische Norm EN 301 549 enthält neben den WCAG 2.1-Kriterien für den Bereich Web weitere verpflichtende Anforderungen (siehe Annex A, Tabelle A.1 (PDF)). Diese werden seit 01.03.2021 im BITV-Test geprüft. Der BITV-Test + WCAG 2.2 (Web) prüft auch die sechs neuen Anforderungen der WCAG 2.2 (Konformitätsstufe AA), die aller Voraussicht nach in der nächsten Version der EN 301 549 enthalten sein werden. Hinsichtlich der Konformitätsaussage gilt zu beachten:
- Eine Webseite gilt als BITV- / EN 301 549-konform, wenn sie alle Anforderungen der BITV 2.0 / EN 301 549 für den Bereich Web erfüllt.
- Wird einer der Prüfschritte des BITV-/EN 301 549-Tests für eine Webseite als „nicht erfüllt“ oder als nur „teilweise erfüllt“ bewertet, so kann diese Seite nicht als BITV-konform gelten.
- Die Konformitätsaussage gilt nur für geprüfte Seiten. Es kann nicht ausgeschlossen werden, dass auf Seiten, die nicht Teil der Seitenauswahl sind, Mängel auftreten.
Hinweis zur Testauswertung
Die EN 301 549 formuliert für den Bereich Web 88 Anforderungen, die WCAG 2.2 formuliert sechs weitere Anforderungen auf Konformitätsstufe AA. Diese werden im BIK BITV-Test + WCAG 2.2 (Web) in 104 Prüfschritten geprüft. Die Anzahl der Prüfschritte weicht von der Anzahl der Anforderungen ab, da einzelnen Anforderungen mehrere Prüfschritten zugeordnet sind.
- Ist die Prüfung einer Anforderung auf mehrere Prüfschritte aufgeteilt, so werden bei der Auswertung die Ergebnisse einzelner Prüfschritte zusammengefasst.
- Wenn einer der Prüfschritte einer Anforderung „nicht erfüllt“ ist, ist auch die Anforderung „nicht erfüllt“, selbst wenn andere Prüfschritte dieser Anforderung erfüllt sind.
-
Seite 1 — StartseiteBerufliche Schule Anckelmannstraße Berufliche Schule Anckelmannstraße - BS01
-
Seite 2 — Infos für Schüler und SchülerinnenBerufliche Schule Anckelmannstraße Infos für Schülerinnen und Schüler - Berufliche Schule Anckelmannstraße
-
Seite 3 — Verkaufsflächen planen mit LegobausteinenBerufliche Schule Anckelmannstraße Verkaufsflächen planen mit Legobausteinen - Berufliche Schule Anckelmannstraße
-
Seite 4 — Berufsqualifizierung im EinzelhandelBerufliche Schule Anckelmannstraße Berufsqualifizierung im Einzelhandel - Berufliche Schule Anckelmannstraße
Ergebnisse im Überblick
| 5 Allgemeine Anforderungen | Seite 1 | Seite 2 | Seite 3 | Seite 4 |
|---|---|---|---|---|
| 5.2 Aktivierung von Barrierefreiheitsfunktionen | konform | |||
| 5.3 Biometrie | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 5.4 Erhaltung von Barrierefreiheitsinformationen bei Konvertierung | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 6 Zwei-Wege-Sprachkommunikation | Seite 1 | Seite 2 | Seite 3 | Seite 4 |
| 6.1 Audiobandbreite für Sprache | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 6.2.1.1 Textkommunikation in Echtzeit | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 6.2.1.2 Gleichzeitige Sprache und Text | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 6.2.2.1 Visuell unterscheidbare Anzeige von Textnachrichten | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 6.2.2.2 Programmatisch unterscheidbare Anzeige von Textnachrichten | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 6.2.2.3 Sprecheridentifizierung | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 6.2.2.4 Echtzeitindikation von Sprachkommunikation | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 6.2.3 Interoperabilität von Echtzeit-Textkommunikation | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 6.2.4 Reaktionsgeschwindigkeit der Echtzeit-Textkommunikation | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 6.3 Anrufer-Identifizierung | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 6.4 Alternativen zu sprachbasierten Diensten | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 6.5.2 Auflösung bei Videotelefonie | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 6.5.3 Bildwiederholfrequenz bei Videotelefonie | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 6.5.4 Synchronität bei Videotelefonie | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 6.5.5 Visuelle Anzeige von Audio-Aktivität | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 6.5.6 Sprecher-Anzeige für Gebärdensprachen-Kommunikation | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 7 Videofähigkeiten | Seite 1 | Seite 2 | Seite 3 | Seite 4 |
| 7.1.1 Wiedergabe von Untertiteln | nicht anwendbar | nicht anwendbar | nicht anwendbar | konform |
| 7.1.2 Synchrone Untertitel | nicht anwendbar | nicht anwendbar | nicht anwendbar | konform |
| 7.1.3 Erhaltung von Untertiteln | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 7.1.4 Untertitel-Anpassungen | nicht anwendbar | nicht anwendbar | nicht anwendbar | konform |
| 7.1.5 Gesprochene Untertitel | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 7.2.1 Wiedergabe von Audiodeskription | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 7.2.2 Synchrone Audiodeskription | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 7.2.3 Erhaltung von Audiodeskription | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 7.3 Bedienelemente für Untertitel und Audiodeskription | nicht anwendbar | nicht anwendbar | nicht anwendbar | konform |
| 9.1.1 Textalternativen | Seite 1 | Seite 2 | Seite 3 | Seite 4 |
| 9.1.1.1a Alternativtexte für Bedienelemente | nicht konform | nicht konform | nicht konform | nicht konform |
| 9.1.1.1b Alternativtexte für Grafiken und Objekte | konform | nicht konform | nicht konform | nicht konform |
| 9.1.1.1c Leere alt-Attribute für Layoutgrafiken | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 9.1.1.1d Alternativen für CAPTCHAs | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 9.1.2 Zeitbasierte Medien | Seite 1 | Seite 2 | Seite 3 | Seite 4 |
| 9.1.2.1 Alternativen für Audiodateien und stumme Videos | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 9.1.2.2 Aufgezeichnete Videos mit Untertiteln | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht konform |
| 9.1.2.3 Audiodeskription oder Volltext-Alternative für Videos | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 9.1.2.4 Videos (live) mit Untertiteln | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 9.1.2.5 Audiodeskription für Videos | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 9.1.3 Anpassbar | Seite 1 | Seite 2 | Seite 3 | Seite 4 |
| 9.1.3.1a HTML-Strukturelemente für Überschriften | nicht konform | nicht konform | konform | konform |
| 9.1.3.1b HTML-Strukturelemente für Listen | konform | konform | konform | nicht konform |
| 9.1.3.1c HTML-Strukturelemente für Zitate | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 9.1.3.1d Inhalt gegliedert | konform | konform | konform | konform |
| 9.1.3.1e Datentabellen richtig aufgebaut | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 9.1.3.1f Zuordnung von Tabellenzellen | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 9.1.3.1g Kein Strukturmarkup für Layouttabellen | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 9.1.3.1h Beschriftung von Formularelementen programmatisch ermittelbar | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 9.1.3.2 Sinnvolle Reihenfolge | konform | konform | konform | konform |
| 9.1.3.3 Ohne Bezug auf sensorische Merkmale nutzbar | konform | konform | konform | konform |
| 9.1.3.4 Keine Beschränkung der Bildschirmausrichtung | konform | konform | konform | konform |
| 9.1.3.5 Eingabefelder zu Nutzerdaten vermitteln den Zweck | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 9.1.4 Unterscheidbar | Seite 1 | Seite 2 | Seite 3 | Seite 4 |
| 9.1.4.1 Ohne Farben nutzbar | konform | konform | konform | konform |
| 9.1.4.2 Ton abschaltbar | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 9.1.4.3 Kontraste von Texten ausreichend | konform | konform | konform | konform |
| 9.1.4.4 Text auf 200% vergrößerbar | nicht konform | nicht konform | nicht konform | nicht konform |
| 9.1.4.5 Schriftgrafiken | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 9.1.4.10 Inhalte brechen um | nicht konform | nicht konform | nicht konform | nicht konform |
| 9.1.4.11 Kontraste von Grafiken und grafischen Bedienelementen ausreichend | konform | konform | konform | konform |
| 9.1.4.12 Textabstände anpassbar | konform | konform | konform | konform |
| 9.1.4.13 Eingeblendete Inhalte bedienbar | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 9.2.1 Tastaturbedienbar | Seite 1 | Seite 2 | Seite 3 | Seite 4 |
| 9.2.1.1 Ohne Maus nutzbar | konform | konform | konform | konform |
| 9.2.1.2 Keine Tastaturfalle | konform | konform | konform | konform |
| 9.2.1.4 Tastatur-Kurzbefehle abschaltbar oder anpassbar | konform | konform | konform | konform |
| 9.2.2 Ausreichend Zeit | Seite 1 | Seite 2 | Seite 3 | Seite 4 |
| 9.2.2.1 Zeitbegrenzungen anpassbar | konform | konform | konform | konform |
| 9.2.2.2 Bewegte Inhalte abschaltbar | konform | konform | konform | konform |
| 9.2.3 Anfälle | Seite 1 | Seite 2 | Seite 3 | Seite 4 |
| 9.2.3.1 Verzicht auf Flackern | konform | konform | konform | konform |
| 9.2.4 Navigierbar | Seite 1 | Seite 2 | Seite 3 | Seite 4 |
| 9.2.4.1 Bereiche überspringbar | nicht konform | nicht konform | nicht konform | nicht konform |
| 9.2.4.2 Sinnvolle Dokumenttitel | konform | konform | konform | konform |
| 9.2.4.3 Schlüssige Reihenfolge bei der Tastaturbedienung | konform | konform | nicht konform | konform |
| 9.2.4.4 Aussagekräftige Linktexte | nicht konform | nicht konform | nicht konform | nicht konform |
| 9.2.4.5 Alternative Zugangswege | konform | |||
| 9.2.4.6 Aussagekräftige Überschriften und Beschriftungen | nicht konform | nicht konform | nicht konform | nicht konform |
| 9.2.4.7 Aktuelle Position des Fokus deutlich | konform | nicht konform | konform | nicht konform |
| 9.2.4.11 Fokus nicht verdeckt (Minimum) | konform | konform | konform | konform |
| 9.2.5 Eingabemodalitäten | Seite 1 | Seite 2 | Seite 3 | Seite 4 |
| 9.2.5.1 Alternativen für komplexe Zeiger-Gesten | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 9.2.5.2 Zeigergesten-Eingaben können abgebrochen oder widerrufen werden | konform | konform | konform | konform |
| 9.2.5.3 Sichtbare Beschriftung Teil des zugänglichen Namens | nicht konform | nicht konform | konform | konform |
| 9.2.5.4 Alternativen für Bewegungsaktivierung | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 9.2.5.7 Ziehbewegungen | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 9.2.5.8 Zielgröße (Minimum) | konform | konform | konform | konform |
| 9.3.1 Lesbar | Seite 1 | Seite 2 | Seite 3 | Seite 4 |
| 9.3.1.1 Hauptsprache angegeben | konform | konform | konform | konform |
| 9.3.1.2 Anderssprachige Wörter und Abschnitte ausgezeichnet | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 9.3.2 Vorhersehbar | Seite 1 | Seite 2 | Seite 3 | Seite 4 |
| 9.3.2.1 Keine unerwartete Kontextänderung bei Fokus | konform | konform | konform | konform |
| 9.3.2.2 Keine unerwartete Kontextänderung bei Eingabe | konform | konform | konform | konform |
| 9.3.2.3 Konsistente Navigation | konform | |||
| 9.3.2.4 Konsistente Bezeichnung | konform | |||
| 9.3.2.6 Konsistente Hilfe | konform | |||
| 9.3.3 Eingabeunterstützung | Seite 1 | Seite 2 | Seite 3 | Seite 4 |
| 9.3.3.1 Fehlererkennung | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 9.3.3.2 Beschriftungen von Formularelementen vorhanden | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 9.3.3.3 Hilfe bei Fehlern | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 9.3.3.4 Fehlervermeidung wird unterstützt | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 9.3.3.7 Redundanter Eintrag | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 9.3.3.8 Zugängliche Authentifizierung (Minimum) | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 9.4.1 Kompatibel | Seite 1 | Seite 2 | Seite 3 | Seite 4 |
| 9.4.1.1 Korrekte Syntax | konform | konform | konform | konform |
| 9.4.1.2 Name, Rolle, Wert verfügbar | nicht konform | nicht konform | nicht konform | nicht konform |
| 9.4.1.3 Statusmeldungen programmatisch verfügbar | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 11.7 Benutzerpräferenzen | Seite 1 | Seite 2 | Seite 3 | Seite 4 |
| 11.7 Benutzerdefinierte Einstellungen | nicht konform | nicht konform | nicht konform | nicht konform |
| 11.8 Autorenwerkzeuge | Seite 1 | Seite 2 | Seite 3 | Seite 4 |
| 11.8.2 Barrierefreie Erstellung von Inhalten | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 11.8.3 Erhaltung von Barrierefreiheitsinformationen bei Transformation | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 11.8.4 Reparaturassistenz | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 11.8.5 Vorlagen | nicht anwendbar | nicht anwendbar | nicht anwendbar | nicht anwendbar |
| 12 Dokumentation und Support | Seite 1 | Seite 2 | Seite 3 | Seite 4 |
| 12.1.1 Dokumentation von Kompatibilität und Barrierefreiheit | nicht anwendbar | |||
| 12.1.2 Barrierefreie Dokumentation | nicht anwendbar | |||
| 12.2.2 Technischer Support | nicht anwendbar | |||
| 12.2.3 Effektive Kommunikation | nicht anwendbar | |||
| 12.2.4 Vom Support bereitgestellte Dokumentation | nicht anwendbar | |||
Ergebnisse nach Prüfschritten
-
Prüfschritte
-
- 4 Seiten erfüllt
-
Siehe 9.2.4.6 Die Textalternative des Leichte-Sprache-Icons sollte lauten "Auf leichte Sprache umstellen", statt "Auf einfache Sprache umstellen".
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 1 Seite erfüllt
- 3 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
- 1 Seite erfüllt
- 3 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 1 Seite erfüllt
- 3 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 1 Seite erfüllt
- 3 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 4 Seiten nicht erfüllt
-
-
Die Verwendung von Hintergrundgrafiken für die Teaserbilder („News“ und „Specials“) ist grenzwertig. Da sie als Hintergrundgrafiken technisch als dekorativ eingestuft werden, stehen sie Screenreader-Nutzenden nicht zur Verfügung. Da jedoch derzeit die gesamte Kachel verlinkt ist und ein vorgelesener Alternativtext bei der Navigation von Link zu Link das Nutzererlebnis eher beeinträchtigen würde, wird dieser Punkt hier nicht negativ bewertet. Spätestens auf der verlinkten Folgeseite, auf der das Foto groß dargestellt wird, muss jedoch ein Alternativtext bereitgestellt werden. die negative Bewertung bezieht sich auf den Umgang mit Copyright-Hinweisen bei Grafiken, die technisch als dekorative Grafiken umgesetzt wurden (siehe weiter unten).
Grundsätzlich ist bei solchen Kacheln die Umsetzung als sogenanntes "Card Pattern" zu empfehlen. Bei diesem Umsetzungsmuster wird beispielsweise nur die Überschrift verlinkt und die Klickfläche per CSS erweitert (siehe Artikel Card Pattern, insbesondere "The pseudo-content trick"). Ein beschreibender Alternativtext würde dann nicht stören.
Zum Copyright-Hinweis:
- Gilt für alle Kacheln, bei denen der Copyright-Hinweis in einem Link eingebunden ist, der auf eine andere Seite verweist oder eine vergrößerte Bildansicht öffnet (siehe Seite 3): Wenn die Hintergrundgrafiken beibehalten werden, sollte der Copyright-Hinweis für Screenreader-Nutzende mit
aria-hiddenausgeblendet werden. Es ist nicht sinnvoll, Screenreader-Nutzenden Copyright-Hinweise zu präsentieren, wenn die zugehörigen Bilder für sie ohnehin nicht wahrnehmbar sind. - Einzeln verlinkte Copyright-Hinweise (wie z. B. "© 1" (Startseite) oder "© 5" (Seite 2) - die sich auch auf dekorative Grafiken beziehen - müssen sowohl mit
tabindex="-1", als auch mitaria-hidden="true"versteckt werden (alternativ mitdisplay: none) - Die Links in der Copyright-Legende sollten dann aus der Tabreihenfolge genommen werden (oder für alle Nutzenden entfernt werden) und ebenfalls vor Screenreadernutzenden versteckt werden (letzteres gilt dann für den gesamten Bereich). Auch hier ist es nicht sinnvoll, dass die Hinweise auf Kacheln verweisen, die dekorative Bilder enthalten.
Für Grafiken mit Textalternative, empfielt es sich, einfach ein
title="BS 01"auf das Link- oder<img>-Element zu setzen. Betrifft z. B. die Grafiken auf Seite 3, die eine vergrößerte Ansicht öffnen. Hier muss ein beschreibender Alternativtext angeboten werden. - Gilt für alle Kacheln, bei denen der Copyright-Hinweis in einem Link eingebunden ist, der auf eine andere Seite verweist oder eine vergrößerte Bildansicht öffnet (siehe Seite 3): Wenn die Hintergrundgrafiken beibehalten werden, sollte der Copyright-Hinweis für Screenreader-Nutzende mit
-
-
nicht erfüllt
-
Das Logo "Filr" im Abschnitt "Digitalisierung ist verlinkt und benötigen einen Alternativtext (
alt="flir - BS01 hamburg.de") - Siehe auch Anmerkungen zu allen Seiten
-
-
nicht erfüllt
-
Die Bilder, die einen modalen Dialog mit einer vergrößerten Bildansicht öffnen, benötigen einen beschreibenden Alternativtext. Derzeit wird kein
alt-Attribut eingesetzt. Zusätzlich sollte mithilfe einestitle-Attributs auf die vergrößerte Bildansicht hingewiesen werden (title="Öffnet vergrößerte Bildansicht"). -
Das Schließen-Icon (✖) der vergrößerten Bildansicht hat keine Beschriftung (etwa
aria-label="Schließen"). - Siehe auch Anmerkungen zu allen Seiten
-
-
- 1 Seite erfüllt
- 3 Seiten nicht erfüllt
-
Keine Anmerkungen vorhanden
-
nicht erfüllt
-
Im Abschnitt "Schulsprecherteam" bzw. "Kontakt" werden im Kontext der Kontaktdaten Portrait-Fotos eingebunden. Diese haben derzeit keine Textalternative, bzw. es ist kein
alt-Attribut vorhanden (z. B.alt="Portrait Anne-Maria Darafarin"). Für die erste Platzhalter-Grafik (Kontakt Schulsprecherteam bzw. allgemeines Postfach) sollte das leerealt-Attribut (alt="") eingebunden werden. Damit wird die Grafik als "dekorativ" ausgezeichnet, Screenreader ignorieren die Grafik dann.
-
-
nicht erfüllt
-
Das große Bild im Inhaltsbereich benötigt einen beschreibenden Alternativtext (derzeit wird kein
alt-Attribut eingesetzt). Auch die Bilder in der vergrößerten Ansicht benötigen einen beschreibenden Alternativtext. Derzeit wird hier das leerealt-Attribut eingesetzt, was die Bilder für Screenreader als "dekorativ" kennzeichnet. Screenreader überspringen diese Grafiken. Dies macht in dem Dialog keinen Sinn, da dieser dann leer wäre.
-
-
nicht erfüllt
-
Im Abschnitt "Schulsprecherteam" bzw. "Kontakt" werden im Kontext der Kontaktdaten Portrait-Fotos eingebunden. Diese haben derzeit keine Textalternative, bzw. es ist kein
alt-Attribut vorhanden (z. B.alt="Portrait Anne-Maria Darafarin"). Für die erste Platzhalter-Grafik (Kontakt Schulsprecherteam bzw. allgemeines Postfach) sollte das leerealt-Attribut (alt="") eingebunden werden. Damit wird die Grafik als "dekorativ" ausgezeichnet, Screenreader ignorieren die Grafik dann. -
Für die Informationsgrafik im Bereich gibt es akutell den Alternativtext
alt="Übergänge in die BQ und aus der BQ heraus."Der Alternativtext ist nicht sehr aussagekräftig, die Abkürzung sollte vermieden werden. Es sollte knapp vermittelt werden, dass es sich um eine I über Berufsvorbereitung (AV-Dual) bis hin zur dualen Ausbildung, insbesondere in den Informationsgrafik handelt, z. B.alt="Die Informationsgrafik zeigt die möglichen Wege vom Schulabschluss bis hin zum Ausbildungsabschluss, insbesondere in den Berufen Verkäufer/in und Kauffrau/-mann im Einzelhandel."Der Inhalt der Grafik sollte ausführlich entweder im redaktionellen Text oder in einer Bildbeschreibung unterhalb der Grafik (ggf. als Ausklappbereich) zur Verfügung gestellt werden.
-
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 1 Seite nicht erfüllt
- 3 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht erfüllt
-
Automatisch erstellte Untertitel ohne Nachbearbeitung
Es sind derzeit nur automatisch erstellte Untertitel verfügbar. Diese sind nicht ausreichend, da sie punktuell das Gesagte nicht ausreichend präzise vermitteln. Die automatisch erstellten Untertitel sollten im Video Manager von YouTube nachbearbeitet werden.
-
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 2 Seiten erfüllt
- 2 Seiten nicht erfüllt
-
-
Die Überschrift "Image Copyright" ist mit
<h3>der vorherigen<h2>"Specials" untergeordnet. Die Copyright-Hinweise beziehen sich aber auf den gesamten Inhalt, die Überschrift sollte daher als<h2>ausgezeichnet sein. Sollten die Copyright-Hinweise vor Screenreadernutzenden verborgen werden (siehe 9.1.1.1a), ist dieser Punkt jedoch obsolet und kann vernachlässigt werden.1 Anhänge
-
-
-
Anmerkung ohne negative Bewertung: In der Regel nennt die
<h1>das Thema der Seite, es ist kein Fehler, sie wegzulassen, man könnte jedoch eine visuell verborgende Überschrift "Berufliche Schulen Ankelmann" anbieten und würde eine gewisse Konsistenz (analog zu den anderen Seiten) beibehalten. -
Der Text "Berufsschultage bestehende Klassen: Schuljahr 2025/2026" ist semantisch keine Überschrift. Die Auszeichnung als
<h1>sollte entfernt werden (stattdessen ist ein<p>-Elment einzusetzen). -
Die Überschriften der Flip-Kacheln sollten mit
<h3>ausgezeichnet sein. -
Im Bereich "Specials" handelt es sich bei den Texten nicht um Überschriften, es folgt kein Content. Die Überschriftenauszeichnung sollte entfernt werden, nur die Listenauszeichnung sollte bleiben.
- Siehe auch Anmerkungen zu allen Seiten
-
-
nicht erfüllt
-
Die Überschriften der Flip-Kacheln sollten mit
<h3>ausgezeichnet sein. - Siehe auch Anmerkungen zu allen Seiten
-
-
erfüllt
-
Geringfügig: Die Überschrift "Verkaufsflächen planen mit Legobausteinen" sollte zusammen mit "Allgemein Kaufmann/-frau im Einzelhandel und Verkäufer/-in" als
<h2>ausgezeichnet sein. Aktiuell folgen zwei<h1>-Überschriften aufeinander ("News" und "Verkaufsflächen planen mit Legobausteinen"). Das ist nach WCAG kein Fehler, aber nicht empfohlen. - Siehe auch Anmerkungen zu allen Seiten
-
-
erfüllt
-
Ohne Bewertung: Im Testzeitraum wurden hier Termine angezeigt, die bzgl. Überschriftenauszeichnung mangelhaft waren (siehe Screenshot: Sowohl das Datum, wie auch den Eintrag wurde jeweils als
<h3>ausgezeichnet). Die Termine gibt es jetzt nicht mehr, lediglich die Überschrift und eine leere Kacheln. Sollte es den Bereich hier nicht mehr geben, sollte er ganz entfernt werden.1 Anhänge
- Siehe auch Anmerkungen zu allen Seiten
-
-
- 3 Seiten erfüllt
- 1 Seite nicht erfüllt
-
-
Geringfügig: Die drei Links "Cafeteria", "Cloud", "Moodle" sollten als Liste ausgezeichnet sein.
-
Geringfügig: Die drei Links im Abschnitt "Specials" sollten als Liste (statt als Überschriften) ausgezeichnet sein (siehe 9.1.3.1a).
-
-
erfüllt
Keine Anmerkungen vorhanden
-
erfüllt
-
Die drei Bedienelemente, die eine vergrößerte Bildansicht öffnen, könnten als Liste ausgezeichnet werden (falls es Seiten gibt, wo sehr viele dieser Thumbnails eingebunden werden).
-
-
nicht erfüllt
-
Die Linkliste im Abschnitt "Downloads und Links" sollte als Liste ausgezeichnet sein (vergl. Seite 2, hier umgesetzt).
-
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten erfüllt
-
Keine Anmerkungen vorhanden
-
erfüllt
-
Anmerkung ohne negative Bewertung: Im Abschnitt "Schulsprecherteam und Verbindungslehrkräfte" (Seite 2) bzw. "Kontakt" (Seite 4) könnte die Position "Verbindungslehrkraft" (und vergleichbar) sowie e-mail-Adresse besser jeweils mit einem Absatzelement ausgezeichnet sein.
-
-
erfüllt
Keine Anmerkungen vorhanden
-
erfüllt
-
Anmerkung ohne negative Bewertung: Im Abschnitt "Schulsprecherteam und Verbindungslehrkräfte" (Seite 2) bzw. "Kontakt" (Seite 4) könnte die Position "Verbindungslehrkraft" (und vergleichbar) sowie e-mail-Adresse besser jeweils mit einem Absatzelement ausgezeichnet sein.
-
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten erfüllt
-
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
- 4 Seiten erfüllt
-
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
- 4 Seiten erfüllt
-
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 4 Seiten erfüllt
-
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten erfüllt
-
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
erfüllt
-
Geringfügig: In der Abfrage zur Zustimmung zum Datenschutz hat der Schalter "Ja, YouTube-Video laden"" auch bei Aktivierung der Kontrastansicht einen unzureichenden Kontraste (gemessen 4,0:1, erforderlich 4,5:1).
1 Anhänge
-
-
- 4 Seiten nicht erfüllt
-
-
Zoom auf 200%: Eingeblendete Navigation lässt sich nicht scrollen
Die Inhalte der eingeblendeten Navigation sind bei einer Browserfenstergröße von 1280x768px und Zoom auf 200% bgeschnitten. Lediglich die Seite im Hintergrund kann gescrollt werden. Es müsste beispielsweise ein Scollbalken für die Navigation bereitstehen, so dass auch Nutzende, die Zeigegeräte (nicht-Tastaturnutzende) nutzen, zu den Optionen gelangen können.
Hinweis: Auch ohne Zoom und bei einer großen Browserfenstergröße ist die Navigation unten abgeschnitten und für alle Nutzenden nicht vollständig bedienbar!
1 Anhänge
-
-
-
Geringfügig: Die Inhalte des Karussells sind bei Zoom auf 200% angeschnitten, aber mehr oder weniger noch nutzbar.
- Siehe auch Anmerkungen zu allen Seiten
-
-
nicht erfüllt
-
Geringfügig: Die Inhalte des Karussells sind bei Zoom auf 200% angeschnitten, aber mehr oder weniger noch nutzbar.
- Siehe auch Anmerkungen zu allen Seiten
-
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht erfüllt
-
-
Bei einer Veiwportbreite von 320 CSS-Pixeln kann die Navigation nicht vollständig in den sichtbaren Bereich gescrollt werden
Seiten-Inhalte sollen bei einer Browserfensterbreite von 320 CSS-Pixeln (bzw. bei einer Browserfensterbreite von 1280 CSS-Pixeln und 400% Zoomvergrößerung) so umbrechen, dass alle Informationen und Funktionen verfügbar sind. Die Navigation kann in dieser Ansicht nicht gescrollt werden. Mithilfe des Browser-Scrollbalkens kann lediglich die Seite im Hintergrund gescrollt werden. (siehe auch 9.1.4.4). Es müsste beispielsweise ein Scollbalken für die Navigation bereitstehen, so dass auch Nutzende, die Zeigegeräte (nicht-Tastaturnutzende) nutzen, zu den Optionen gelangen können.
-
-
- 4 Seiten erfüllt
-
Keine Anmerkungen vorhanden
-
erfüllt
-
Geringfügig, Icons im Bereich "Downloads und Links: Keine Auswirkung bei Umsschalten auf erhöhten Kontrast
Geringfügig: Die grafischen Elemente die Dowload-Links und externe Links in der Liste "Downloads"und auf Seite 4 "Downloads und Links") kennzeichnen, haben auch in der Kontrastansicht einen unzureichenden Kontrast. Auf den getesteten Seiten kommen nur Download-Links vor, daher wird mit "eher erfüllt" bewertet, aber da auf anderen Seiten auch ein anderes Symbol eingesetzt wird, sollte hier dennoch optimiert werden.
-
-
erfüllt
Keine Anmerkungen vorhanden
-
erfüllt
-
Geringfügig, Icons im Bereich "Downloads und Links: Keine Auswirkung bei Umsschalten auf erhöhten Kontrast
Geringfügig: Die grafischen Elemente die Dowload-Links und externe Links in der Liste "Downloads"und auf Seite 4 "Downloads und Links") kennzeichnen, haben auch in der Kontrastansicht einen unzureichenden Kontrast. Auf den getesteten Seiten kommen nur Download-Links vor, daher wird mit "eher erfüllt" bewertet, aber da auf anderen Seiten auch ein anderes Symbol eingesetzt wird, sollte hier dennoch optimiert werden.
-
-
- 4 Seiten erfüllt
-
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 4 Seiten erfüllt
-
-
Die Flip-Kacheln sind mit eingeschaltetem Screenreader nicht bedienbar. Siehe Bewertung bei 9.4.1.2.
-
-
erfüllt
-
Die Flip-Kacheln sind mit eingeschaltetem Screenreader nicht bedienbar. Siehe Bewertung bei 9.4.1.2.
-
-
erfüllt
-
Die erste und letzte vergrößerte Bildansicht ist so groß, dass der Schließen-Schalter nicht sichtbar ist. Man kann nur über den Zurück-Schalter des Browsers die Ansicht schleßen, das wissen jedoch nicht alle Nutzenden. Da dieses Problem alle Nutzenden betrifft, ist es nicht ein eindeutiges Problem der Barrierefreiheit und wird nur mit "eher erfüllt" bewertet.
1 Anhänge
-
-
erfüllt
Keine Anmerkungen vorhanden
-
- 4 Seiten erfüllt
-
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
- 4 Seiten erfüllt
-
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 4 Seiten erfüllt
-
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
- 4 Seiten erfüllt
-
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 4 Seiten erfüllt
-
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 4 Seiten nicht erfüllt
-
-
Wenn
<footer>auf der obersten Ebene eingesetzt wird (also nicht etwa innerhalb von<section>) gilt das Element als Landmark. Auf einer Seite darf es nur eine Footer-Landmark geben. Aktuell sind jedoch drei<footer>-Landmarks vorgesehen, diese sind zu einem Bereich zusammenzulegen. -
Geringfügig: Datenschutz-opt-out-message (im Footer): Das Bedienelement "Einstellungen zur Statistik" blendet Inhalt ein. Dieser Inhalt wird mithilfe eines
iframeseingebunden und hat keintitle-Attribut, das den Zweck oder Inhalt angibt (z. B. "Einstellungen zur Statistik").
-
-
- 4 Seiten erfüllt
-
-
Etwas kürzer für die Screenreader-Ausgabe wäre es, bei allen drei Seiten im Dokumenttitel den ersten Teil („Berufliche Schule Anckelmannstraße“) wegzulassen. Beispiel: Statt „Berufliche Schule Anckelmannstraße Infos für Schülerinnen und Schüler – Berufliche Schule Anckelmannstraße“ besser „Infos für Schülerinnen und Schüler – Berufliche Schule Anckelmannstraße“.
-
-
- 3 Seiten erfüllt
- 1 Seite nicht erfüllt
-
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
nicht erfüllt
-
Die drei kleineren Bilder öffnen einen Dialog mit einer vergrößerten Bildansicht. Der Fokus wird zwar auf einen Schließen-Schalter versetzt, schließt man den Dialog, ist er jedoch nicht auf dem auslösenden Element (so dass man den Dialog erneut öffnen könnte). Außerdem ist der Fokus nicht im Dialog eingesperrt, d.h. navigiert man über den Dialog hinaus, so verliert man den Fokus im Seitenhintergrund. Zur Umsetzung, siehe auch APG, Dialog (modal).
-
-
erfüllt
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht erfüllt
-
-
Die Sprunglinks im Bereich "Image Copyright" haben keine aussagekräftigen Linktexte, dadurch dass nur "↑ 1" verlinkt ist, statt "↑ 1 AdobeStock/Axel". Sollte der Bereich (siehe 9.1.1.1) vor Screenreadernutzenden verborgen werden und die Links aus der Fokusreihenfolge genommen werden, ist diese Anforderung in der Folge obsolet.
-
-
- 4 Seiten nicht erfüllt
-
-
Das verlinkte Icon, das auf die Leichte-Sprache-Seite verweist, hat aktuell die Textalternative
aria-label="Auf einfache Sprache umstellen", stattaria-label="Auf leichte Sprache umstellen". "Einfache Sprache" und "Leichte Sprache" sind zwei unterschiedliche Konzepte, daher sollte man hier präzise sein.
-
-
-
Ohne Bewertung, Ansicht für kleine Bildschirmgrößen: Die Schalter zum Navigieren des Karussells sind aktuell mit "Vorherige Veranstaltung" und "Nächste" beschriftet. Besser wäre eine konsistente Beschriftung für beide Schalter zu wählen.
- Siehe auch Anmerkungen zu allen Seiten
-
-
nicht erfüllt
-
Ohne Bewertung, Ansicht für kleine Bildschirmgrößen: Die Schalter zum Navigieren des Karussells sind aktuell mit "Vorherige Veranstaltung" und "Nächste" beschriftet. Besser wäre eine konsistente Beschriftung für beide Schalter zu wählen.
- Siehe auch Anmerkungen zu allen Seiten
-
-
- 2 Seiten erfüllt
- 2 Seiten nicht erfüllt
-
-
Geringfügig: Die Fokushervorhebung der Terminkacheln ist unzureichend. Die erste Kachel hat keine sichtbare Hervorhebung, die zweite und dritte Kachel hat nur zwischen den Kacheln nur noch den Rest des Fokusrahmens (eine senkrechte Linie) sichtbar. In der Ansicht für kleine Bildschirmgrößen gibt es für die Schaltflächen zum Blättern des Karussels keine Fokushervorhebung.
-
-
nicht erfüllt
-
Geringfügig: Die Fokushervorhebung der Terminkacheln ist unzureichend. Die erste Kachel hat keine sichtbare Hervorhebung, die zweite und dritte Kachel hat nur zwischen den Kacheln nur noch den Rest des Fokusrahmens (eine senkrechte Linie) sichtbar. In der Ansicht für kleine Bildschirmgrößen gibt es für die Schaltflächen zum Blättern des Karussels keine Fokushervorhebung.
-
Keine Fokushervorhebung auf den Ausklappelementen. Betrifft:
- Seite 2 "FAQs", "Was mache ich, wenn ..."
- Seite 4 "FAQs", "Zusätzliche Qualifikationen und Angebote"
-
-
erfüllt
Keine Anmerkungen vorhanden
-
nicht erfüllt
-
Keine Fokushervorhebung auf den Ausklappelementen. Betrifft:
- Seite 2 "FAQs", "Was mache ich, wenn ..."
- Seite 4 "FAQs", "Zusätzliche Qualifikationen und Angebote"
-
-
- 4 Seiten erfüllt
-
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten erfüllt
-
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
- 2 Seiten erfüllt
- 2 Seiten nicht erfüllt
-
-
Flip-Kachel:
aria-labelauf der Kachel mitrole="button"überschreibt die Überschrift (z. B. "Unsere Schule"). Die sichtbare Beschriftung ist nicht mehr Teil der programmatischen Beschriftung und das interaktive Element somit für Spracheingabenutzende nicht mehr verfügbar.
-
-
nicht erfüllt
-
Flip-Kachel:
aria-labelauf der Kachel mitrole="button"überschreibt die Überschrift (z. B. "Unsere Schule"). Die sichtbare Beschriftung ist nicht mehr Teil der programmatischen Beschriftung und das interaktive Element somit für Spracheingabenutzende nicht mehr verfügbar.
-
-
erfüllt
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten erfüllt
-
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 4 Seiten erfüllt
-
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 4 Seiten erfüllt
-
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
- 4 Seiten erfüllt
-
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
erfüllt
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 4 Seiten erfüllt
-
-
Kein Doctype (
<!DOCTYPE html>) angegeben. -
Doppelte
ID.
-
-
- 4 Seiten nicht erfüllt
-
-
Datenschutz-opt-out-message (im Footer): Das Bedienelement "Einstellungen zur Statistik" blendet Inhalt ein. Es sollte mit der Rolle
button(bestenfalls mit dem<button>-Element ausgezeichnet sein, alternativ mitrole="button"+ Sicherstellung der Tastaturbedienung mit Eingabe- und Leertaste). Zusätzlich muss mitaria-expandedder Zustand abgebildet werden (eingeklappt / ausgeklappt). -
Der Kontrastumschalter sollte mit der Rolle
button(bestenfalls mit dem<button>-Element ausgezeichnet sein, alternativ mitrole="button"+ Sicherstellung der Tastaturbedienung mit Eingabe- und Leertaste). Zusätzlich muss mitaria-pressedder Zustand (gedrückt / nicht gedrückt) abgebildet werden. -
Bzgl. "Suche" darf
role="search"nicht direkt auf das Link-Element gesetzt werden, da sonst die Link-Semantik überschrieben wird. Dies wurde im letzten Test falsch kommuniziert.role="search"sollte ersatzlos entfernt werden.
-
-
-
Die Flip-Kachel (
<div>-Container) ist derzeit mittabindex="0",role="button",aria-expandedundaria-label="Links zu diesem Thema"umgesetzt. Es ergeben sich dadurch mehrer Probleme:- Das
aria-labelüberschreibt sämtlichen Inhalt der Kachel, d.h. für jede Kachel ist nur noch eine gleichlautende Beschriftung ("Links zu diesem Thema") vorhanden. - Überschriften (siehe 1.3.1a geforderte Überschrift für den Titel) sind für Screenreadernutzende nicht mehr verfügbar
- Im umgedrehten Zustand sind alle Elemente Kind-Elemente eines Elements mit
role="button". Schalter dürfen jedoch keine interaktiven Elemente enthalten.
Schlussendlich ist der Schalter mit dem Screenreader nicht bedienbar (er ist mit der Tastatur nur bedienbar, wenn kein Screenreader genutzt wird). Die Kachel lässt sich durch erneutes Aktivieren nicht wieder zurückdrehen, sie wird erst durch Fokusverlust in den Ausgangszustand gedreht, was wohl akzeptabel ist.
Lösungsansätze:
- Die Kachel wird nicht explizit zum Umdrehen aktiviert, sondern bei Fokussierung der Überschrift wird der Inhalt der Rückseite angezeigt (eleganteste Lösung), siehe Praxisbeispiel
- Es wird ein Schalter angeboten, der explizit dazu da ist, die Kachel umzudrehen, siehe Paxisbeispiel mit Schalter. Es muss dann eine Beschriftung für den Schalter auf der Vorderseite und eine Beschriftung für den Schalter auf der Rückseite gefunden werden, der verständlich macht, was passiert.
aria-expandedkann dann entfernt werden. Auf entsprechendes Fokusmanagement ist zu achten: D.h. der Fokus muss nach Aktivieren des Schalters auf einen zweiten dann eingeblendeten Schalter (der Rückseite) versetzt werden, damit die neue Beschriftung (im Beispiel "Zurück zu ..." vom Screenreader ausgegeben wird.
- Das
-
Die "Termine" werden in der Ansicht für kleine Bildschirmgrößen als Karussell-Widget dargestellt, nicht aber in der Ansicht für große Bildschirmgrößen. In der Ansicht für große Bildschirmgrößen muss daher
role="group"undaria-label="Karussell"entfernt werden. Die ARIA-Attribute sind nur für die Ansicht für kleine Bildschirmgrößen sinnvoll. - Siehe auch Anmerkungen zu allen Seiten
-
-
nicht erfüllt
-
Die "Termine" werden in der Ansicht für kleine Bildschirmgrößen als Karussell-Widget dargestellt, nicht aber in der Ansicht für große Bildschirmgrößen. In der Ansicht für große Bildschirmgrößen muss daher
role="group"undaria-label="Karussell"entfernt werden. Die ARIA-Attribute sind nur für die Ansicht für kleine Bildschirmgrößen sinnvoll. - Siehe auch Anmerkungen zu allen Seiten
-
-
nicht erfüllt
-
Die verlinkten kleineren Bilder öffnen eine vergrößerte Bildansicht in einem modalen Dialog. Sie sollten mit der Rolle
button(bestenfalls mit dem<button>-Element ausgezeichnet sein, alternativ mitrole="button"+ Sicherstellung der Tastaturbedienung mit Eingabe- und Leertaste).Dies betrifft auch das Element zum Schlißen des Dialogs ("✖").
-
Die vergrößerte Bildansicht ist als modaler Dialog umgesetzt und sollte mit den entsprechenden ARIA-Attributen ausgezeichnet sein (
role="dialog",aria-modal="true",aria-label="Vergrößerte Bildansicht"(oder ähnliche Beschriftung). Siehe auch 9.2.4.3: Der Fokus muss im Dialog gehalten werden.Details zur Umsetzung zu modalen Dialogen, APG Dialog (modal)
- Siehe auch Anmerkungen zu allen Seiten
-
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 4 Seiten nicht erfüllt
-
-
Benutzerdefinierte Browsereinstellungen in Bezug auf geänderte Schriftgrößen werden für die einblendbare Navigation und die Navigation im Footer nicht übernommen. Die Schriftgröße muss in relativen Maßeinheiten angegeben werden.
Betrifft auf Seite 2 und 4 zusätzlich die Auslöser der Ausklappbereiche.
-
-
-
Prüfschritte
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
nicht anwendbar
Keine Anmerkungen vorhanden
-
-
Prüfschritte