Keine Bearbeitungszusammenfassung Markierung: 2017-Quelltext-Bearbeitung |
Keine Bearbeitungszusammenfassung |
||
(19 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
Überprüfung der Inhaltsausgabe für die [https://www.bundesfachstelle-barrierefreiheit.de/DE/Fachwissen/Informationstechnik/EU-Webseitenrichtlinie/BGG-und-BITV-2-0/Die-neue-BITV-2-0/die-neue-bitv-2-0_node.html BITV-Vorgaben]. | |||
{| class="wikitable sortable" style="width: 100%;" | {| class="wikitable sortable" style="width: 100%;" | ||
! style="background-color:rgb(234, 236, 240);text-align:center;box-sizing:border-box;border:1px solid rgb(162, 169, 177);padding:8px;" class="" |Droplet | ! style="background-color:rgb(234, 236, 240);text-align:center;box-sizing:border-box;border:1px solid rgb(162, 169, 177);padding:8px;" class="" |Droplet | ||
! style="background-color:rgb(234, 236, 240);text-align:center;box-sizing:border-box;border:1px solid rgb(162, 169, 177);padding:8px;" class="" |Bemerkungen | ! style="background-color:rgb(234, 236, 240);text-align:center;box-sizing:border-box;border:1px solid rgb(162, 169, 177);padding:8px;" class="" |Bemerkungen | ||
!Hinweis für Redakteure | !Hinweis für Redakteure | ||
!BITV | !BITV Status | ||
( | (Lesemodus!) | ||
!Ticket | |||
|- | |- | ||
| Anhänge | | Anhänge | ||
| | | Barriere: Meldung für Leser, eine Datei hochzuladen | ||
OOJS Kopf-/Fußzeilen nicht vollständig Screenreader-lesbar | |||
| | | | ||
| style="" class="" |teilweise erfüllt | | style="" class="" |teilweise erfüllt | ||
|36925 | |||
|- | |- | ||
| Anzahl aller Benutzer | | Anzahl aller Benutzer | ||
Zeile 19: | Zeile 19: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Anzahl aller Dateien | | Anzahl aller Dateien | ||
Zeile 24: | Zeile 25: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Anzahl an Seiten | | Anzahl an Seiten | ||
Zeile 29: | Zeile 31: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Anzahl an Zeichen | | Anzahl an Zeichen | ||
Zeile 34: | Zeile 37: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Anzahl angemeldeter Benutzer | | Anzahl angemeldeter Benutzer | ||
Zeile 39: | Zeile 43: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
|Aufgabenliste | |Aufgabenliste | ||
|ungeordnete Liste | |ungeordnete Liste | ||
geschlossene Aufgabe wird im Screenreader nicht vorgelesen | Barriere: geschlossene Aufgabe wird im Screenreader nicht vorgelesen | ||
| | |||
|erfüllt | |||
| | | | ||
|- | |- | ||
|Aufgabenbericht | |Aufgabenbericht | ||
|Tabelle (OOJS) | |Tabelle (OOJS) | ||
OOJS Kopf-/Fußzeilen nicht vollständig Screenreader-ready | Barriere: OOJS Kopf-/Fußzeilen nicht vollständig Screenreader-ready | ||
| | |||
|teilweise | |||
| | | | ||
|- | |- | ||
| Benutzerprofil | | Benutzerprofil | ||
| | | Barriere: Onlinestatus wird nicht angekündigt; Watch-Link nicht mit Tastatur bedienbar; Watch-Statusänderung nicht angekündigt; Zeitstempel ist nicht bezeichnet | ||
| | |Hinweis: Benutzername wird als Unterüberschrift 1 (h3) in die Seite eingebunden. | ||
| | |teilweise erfüllt | ||
|37384 | |||
|- | |- | ||
| Beobachtungsliste | | Beobachtungsliste | ||
Zeile 61: | Zeile 69: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Besuchte Seiten | | Besuchte Seiten | ||
Zeile 66: | Zeile 75: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| BPMN-Diagramm | | BPMN-Diagramm | ||
| (derzeit in Überarbeitung) | | (derzeit in kompletter Überarbeitung) | ||
| | | | ||
|nicht erfüllt | |nicht erfüllt | ||
| | |||
|- | |- | ||
| Bücherliste | | Bücherliste | ||
Zeile 76: | Zeile 87: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
|Buch-Inhaltsverzeicnis | |Buch-Inhaltsverzeicnis | ||
Zeile 81: | Zeile 93: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
|Buch-PDF-Link | |Buch-PDF-Link | ||
Zeile 86: | Zeile 99: | ||
|auf korrekte Beschriftung des Links achten | |auf korrekte Beschriftung des Links achten | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Chemische Formel | | Chemische Formel | ||
| basiert auf MathML (z.B. lesbar mit NVDA math | | basiert auf MathML (z.B. lesbar mit NVDA "math"-Plugin) | ||
Barriere: Formel im Hochkontrast-Modus nicht sichtbar. Dies kann aber [[Referenz:Math#Unterst.C3.BCtzung des Hochkontrast-Modus|angepasst werden]]. | |||
| | | | ||
|erfüllt | |eher erfüllt | ||
(erfüllt nach Anpassung) | |||
|37347 | |||
|- | |- | ||
| Code | | Code | ||
Zeile 96: | Zeile 113: | ||
|entsprechende Kommentare müssen Start und Ende des Codeblocks kennzeichnen. | |entsprechende Kommentare müssen Start und Ende des Codeblocks kennzeichnen. | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Datenabfrage | | Datenabfrage | ||
Zeile 101: | Zeile 119: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
|Datum | |Datum | ||
Zeile 106: | Zeile 125: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Diagramm | | Diagramm | ||
| Ausgabe als PNG | | Ausgabe als PNG | ||
|drawio Titel wird als Alternativtext gesetzt; | |drawio Titel wird als Alternativtext gesetzt, kann nicht manuell gesetzt werden; | ||
benötigt longdesc ([https://www.w3.org/WAI/tutorials/images/complex/#approach-1-a-text-link-to-the-long-description-adjacent-to-the-image WAI]) oder andere Textalternative (zum Beispiel eine Tabelle für die Inhalte eines Flussdiagramms). | benötigt longdesc ([https://www.w3.org/WAI/tutorials/images/complex/#approach-1-a-text-link-to-the-long-description-adjacent-to-the-image WAI]) oder andere Textalternative (zum Beispiel eine Tabelle für die Inhalte eines Flussdiagramms). | ||
|erfüllt | |teilweise erfüllt | ||
|38914 | |||
|- | |- | ||
| Eingekreiste Zahl | | Eingekreiste Zahl | ||
| Kreisformatierung ist dekorativ | | Kreisformatierung ist dekorativ | ||
Barriere: Kreis wird im Hochkontrast-Modus nicht angezeigt. | |||
|Farbkontrast berücksichtigen | |Farbkontrast berücksichtigen | ||
|erfüllt | |eher erfüllt | ||
|37374 | |||
|- | |- | ||
| Entscheidung | | Entscheidung | ||
| wird im Screenreader nicht als Entscheidung angekündigt | | Barriere: wird im Screenreader nicht als Entscheidung angekündigt; Kontrast des Entscheidungs-Symbols nicht ganz ausreichend | ||
| | | | ||
|eher nicht erfüllt | |eher nicht erfüllt | ||
|36935 | |||
|- | |- | ||
|Entscheidungsübersicht | |Entscheidungsübersicht | ||
|Tabelle mit Kopfleiste | |||
| | | | ||
| | |erfüllt | ||
| | | | ||
|- | |- | ||
Zeile 133: | Zeile 157: | ||
|Überschrift, die die korrekte Betonung des Inhalts angibt, ist erforderlich (zum Beispiel: ''Warnung!'') | |Überschrift, die die korrekte Betonung des Inhalts angibt, ist erforderlich (zum Beispiel: ''Warnung!'') | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Fortschritt | | Fortschritt | ||
| | | Prozentzahl wird korrekt vorgelesen. Im Hochkontrast-Modus wird die Zahl ohne Balken angezeigt. | ||
| | | | ||
|eher erfüllt | |||
|37380 | |||
|- | |- | ||
| Galerie | | Galerie | ||
| Im Screenreader wird die Bildbeschreibung nicht als solche angekündigt. | | Barriere: Im Screenreader wird die Bildbeschreibung nicht als solche angekündigt. | ||
(erst ab MW 1.4x über figcaption implementiert) | (erst ab MW 1.4x über figcaption implementiert) | ||
Die korrekte Reihenfolge zwischen Bild und Beschreibung ermöglicht dennoch die korrekte Zuordnung von Bildern und deren Beschreibung. | Die korrekte Reihenfolge zwischen Bild und Beschreibung ermöglicht dennoch die korrekte Zuordnung von Bildern und deren Beschreibung. | ||
|alt-Text muss eingegeben werden | |alt-Text muss eingegeben werden | ||
| | |erfüllt | ||
| | |||
|- | |- | ||
|Inhaltsfilter | |Inhaltsfilter | ||
|keine Screenreader-Unterstützung | |Barriere: keine Screenreader-Unterstützung | ||
| | | | ||
|nicht erfüllt | |eher nicht erfüllt | ||
|37379 | |||
|- | |- | ||
| Karte | | Karte | ||
| | | Barriere: Zoom-Schaltflächen zeigen den Fokus nicht an, Markierungen nicht mit Tastatur bedienbar. | ||
| | |Erweiterung Maps erlaubt auch Google-Maps. Benutzung muss von Autoren evaluiert werden. | ||
| | |eher nicht erfüllt | ||
|37358 | |||
<small>geschlossen</small> | |||
|- | |- | ||
| Kategorienbaum | | Kategorienbaum | ||
| | | Barriere: Baum nicht mit Tastatur aufklappbar. Wird nicht als Baum angekündigt. | ||
| | | | ||
|erfüllt | |||
<small>ab 4.5.2</small> | |||
|37405 | |||
<small>geschlossen</small> | |||
|- | |- | ||
| | | Kontrolllliste | ||
| Select-Box. | |||
Barriere: Erstellt beim Navigieren durch die Optionen mit Screenreader (Pfeiltasten) unbeabsichtigt automatisch Seitenversionen. | |||
|- | |||
| | | | ||
|eher nicht erfüllt | |||
|37403 | |||
|- | |- | ||
| Letzte Änderungen | | Letzte Änderungen | ||
Zeile 175: | Zeile 205: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Liste angemeldeter Besucher | | Liste angemeldeter Besucher | ||
| Link mit | | Link mit Hover-Funktion | ||
keine Tastaturnavigation oder Screenreader-Unterstützung | Barriere: keine Tastaturnavigation oder Screenreader-Unterstützung | ||
| | | | ||
| | |erfüllt | ||
<small>ab 4.5.2</small> | |||
|37381 | |||
<small>geschlossen</small> | |||
|- | |- | ||
| Mathematische Formel | | Mathematische Formel | ||
| basiert auf MathML (z.B. lesbar mit NVDA math | | basiert auf MathML (z.B. lesbar mit NVDA "math"-Plugin) | ||
Barriere: Formel im Hochkontrast-Modus nicht sichtbar. Dies kann aber [[Referenz:Math#Unterst.C3.BCtzung des Hochkontrast-Modus|angepasst werden]]. | |||
| | | | ||
|erfüllt | |eher erfüllt | ||
(erfüllt nach Anpassung) | |||
|37347 | |||
|- | |- | ||
| Meistbesuchte Seiten | | Meistbesuchte Seiten | ||
Zeile 191: | Zeile 228: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Meldung | |||
|hervorgehobener Text | |hervorgehobener Text | ||
|Überschrift, die die korrekte Betonung des Inhalts angibt, ist erforderlich (zum Beispiel: Neu!) | |Überschrift, die die korrekte Betonung des Inhalts angibt, ist erforderlich (zum Beispiel: Neu!) | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| style="width:190px;" |Mitgliederliste | | style="width:190px;" |Mitgliederliste | ||
Zeile 201: | Zeile 240: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Modal-Button | | Modal-Button | ||
| | | Barriere: kein Fokus über Tastatur; keine Fokusanzeige; Modalfeld herhält keinen Fokus | ||
| | | | ||
|erfüllt | |||
<small>ab 4.5.2</small> | |||
|37371 | |||
<small>geschlossen</small> | |||
|- | |- | ||
| Neue Benutzer | | Neue Benutzer | ||
Zeile 211: | Zeile 254: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Notiz | | Notiz | ||
| | |hervorgehobener Text | ||
|Überschrift, die die korrekte Betonung des Inhalts angibt, ist erforderlich (zum Beispiel: ''Hinweis:'') | |||
|erfüllt | |||
| | | | ||
|- | |- | ||
| PDF Kein Export | | PDF Kein Export | ||
| keine Auswirkung auf Webseiten-Inhalt | | keine Auswirkung auf Webseiten-Inhalt | ||
keine Ankündigung | Barriere: keine Ankündigung im Screenreader; Falls einzelne Benutzer eine Ankündigung wünschen, kann dies über Benutzer- oder Gruppen common.js erreicht werden. | ||
| | |||
|erfüllt | |||
| | | | ||
|- | |- | ||
| PDF Link | | PDF Link | ||
| erzeugt einen Download-Link | | erzeugt einen Download-Link | ||
|auf korrekte Beschriftung des Links achten | |||
|erfüllt | |||
| | | | ||
|- | |- | ||
| PDF Seitenumbruch | | PDF Seitenumbruch | ||
| keine Auswirkung auf Webseiten-Inhalt; SR-Seitenumbruchs-Marker wird vorgelesen | | keine Auswirkung auf Webseiten-Inhalt; SR-Seitenumbruchs-Marker wird vorgelesen | ||
Kontrast nicht ausreichend | Kontrast nicht ausreichend | ||
| | | | ||
|teilweise erfüllt | |teilweise erfüllt | ||
|36935 | |||
|- | |- | ||
|PDF Vorschau | |PDF Vorschau | ||
| | |Barriere: keine Screenreader-Unterstützung. Keine Tastaturnavigation; | ||
| | Falls dieses Droplet genutzt wird, muss zusätzlich ein Download-Link zur Verfügung gestellt werden! | ||
|PDF-Download Link für barrierefreie PDFs zur Verfügung stellen, um diese zum Beispiel im Acrobat Reader zu öffnen. | |||
|erfüllt | |||
(alternativer Download-Link) | |||
| | | | ||
|- | |- | ||
| Pro und Kontra | | Pro und Kontra | ||
| | | Zweispaltige Tabelle mit ungeordneter Liste als Spalteninhalt | ||
| | | | ||
|erfüllt | |||
| | | | ||
|- | |- | ||
|QR Code | |QR Code | ||
|Grafik | |Grafik wird korrekt als | ||
"QR Code für <Seitenname>" vorgelesen | |||
| | |||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Schaltfläche | | Schaltfläche | ||
| | | | ||
|Auf aussagekräftige Beschriftung achten. (Nicht "Hier klicken", sondern konkrete Zweckangabe (zum Beispiel "Zum Formular wechseln") | |||
|erfüllt | |||
| | | | ||
|- | |- | ||
| style="width:190px;" |Seite erstellen | | style="width:190px;" |Seite erstellen | ||
| style="width:380px;" | | | style="width:380px;" |Input-Feld und Schaltfläche vom Typ "submit" | ||
| | | | ||
|erfüllt | |||
| | | | ||
|- | |- | ||
| Seitenzugriffsberechtigung | | Seitenzugriffsberechtigung | ||
| wird als Benachrichtigung beim Laden der Seite angekündigt | |||
|wird als Benachrichtigung beim Laden der Seite angekündigt | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Suchfeld | | Suchfeld | ||
| | | Barriere: Screenreader bekommt keine Rückmeldung, ob und wie viele Ergebnisse existieren; kürzlich angesehene Seiten werden nicht angekündigt | ||
| | | | ||
|teilweise erfüllt | |||
|37379 | |||
|- | |- | ||
| Symbol | | Symbol | ||
Zeile 274: | Zeile 331: | ||
|Symbol kann nicht alleine stehen, da es von Screenreadern nicht berücksichtigt wird. Immer mit Text kombinieren! | |Symbol kann nicht alleine stehen, da es von Screenreadern nicht berücksichtigt wird. Immer mit Text kombinieren! | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Tipp | | Tipp | ||
Zeile 279: | Zeile 337: | ||
|Überschrift, die die korrekte Betonung des Inhalts angibt, ist erforderlich (zum Beispiel: ''Warnung!'') | |Überschrift, die die korrekte Betonung des Inhalts angibt, ist erforderlich (zum Beispiel: ''Warnung!'') | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Unterschrift | | Unterschrift | ||
| Tastaturnavigation; Ankündigung an Screenreader | | Tastaturnavigation; Ankündigung an Screenreader | ||
|Unterschriftenlisten benötigen eine Überschrift damit sie schnell gefunden werden können | |Unterschriftenlisten benötigen eine Überschrift damit sie schnell gefunden werden können | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Unterseiten | | Unterseiten | ||
Zeile 289: | Zeile 349: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Verlinkungen auf diese Seite | | Verlinkungen auf diese Seite | ||
Zeile 294: | Zeile 355: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Video | | Video | ||
| | | Natives html video-Tag. | ||
| | Barriere: Nach Bestätigung der Datenschutzhinweises kein Fokus auf die Play-Schaltfläche; fehlender Video-Titel (kann mit #ev-Parserfunktion umgesetzt werden) | ||
| | |#ev-Parserfunktion nutzen und prüfen: | ||
* hat das Video Untertitel | |||
* ist in der Parserfunktion ein Titel angegeben? | |||
|eher erfüllt | |||
(alternative Parser-Funktion) | |||
|35098 | |||
|- | |- | ||
| Wichtige Meldung | | Wichtige Meldung | ||
Zeile 304: | Zeile 372: | ||
|Überschrift, die die korrekte Betonung des Inhalts angibt, ist erforderlich (zum Beispiel: ''Wichtig!'') | |Überschrift, die die korrekte Betonung des Inhalts angibt, ist erforderlich (zum Beispiel: ''Wichtig!'') | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Warnmeldung | | Warnmeldung | ||
Zeile 309: | Zeile 378: | ||
|Überschrift, die die korrekte Betonung des Inhalts angibt, ist erforderlich (zum Beispiel: ''Warnung!'') | |Überschrift, die die korrekte Betonung des Inhalts angibt, ist erforderlich (zum Beispiel: ''Warnung!'') | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Wortwolke | | Wortwolke | ||
| verschiedene Ausgabeformate möglich | | verschiedene Ausgabeformate möglich | ||
| | |Im Format "Text" oder "Liste" ausgeben | ||
|erfüllt | |erfüllt | ||
| | |||
|} | |} |
Aktuelle Version vom 8. Oktober 2024, 10:45 Uhr
Überprüfung der Inhaltsausgabe für die BITV-Vorgaben.
Droplet | Bemerkungen | Hinweis für Redakteure | BITV Status
(Lesemodus!) |
Ticket |
---|---|---|---|---|
Anhänge | Barriere: Meldung für Leser, eine Datei hochzuladen
OOJS Kopf-/Fußzeilen nicht vollständig Screenreader-lesbar |
teilweise erfüllt | 36925 | |
Anzahl aller Benutzer | unformatierte Zahl | erfüllt | ||
Anzahl aller Dateien | unformatierte Zahl | erfüllt | ||
Anzahl an Seiten | unformatierte Zahl | erfüllt | ||
Anzahl an Zeichen | unformatierte Zahl | erfüllt | ||
Anzahl angemeldeter Benutzer | unformatierte Zahl | erfüllt | ||
Aufgabenliste | ungeordnete Liste
Barriere: geschlossene Aufgabe wird im Screenreader nicht vorgelesen |
erfüllt | ||
Aufgabenbericht | Tabelle (OOJS)
Barriere: OOJS Kopf-/Fußzeilen nicht vollständig Screenreader-ready |
teilweise | ||
Benutzerprofil | Barriere: Onlinestatus wird nicht angekündigt; Watch-Link nicht mit Tastatur bedienbar; Watch-Statusänderung nicht angekündigt; Zeitstempel ist nicht bezeichnet | Hinweis: Benutzername wird als Unterüberschrift 1 (h3) in die Seite eingebunden. | teilweise erfüllt | 37384 |
Beobachtungsliste | ungeordnete Liste, Titellänge einstellbar | erfüllt | ||
Besuchte Seiten | ungeordnete Liste, Titellänge einstellbar | erfüllt | ||
BPMN-Diagramm | (derzeit in kompletter Überarbeitung) | nicht erfüllt | ||
Bücherliste | ungeordnete Liste, Titellänge einstellbar | erfüllt | ||
Buch-Inhaltsverzeicnis | mit Tastatur navigierbar | erfüllt | ||
Buch-PDF-Link | Link-Bezeichnung ist frei wählbar (.z.B. "Handbuch herunterladen"). | auf korrekte Beschriftung des Links achten | erfüllt | |
Chemische Formel | basiert auf MathML (z.B. lesbar mit NVDA "math"-Plugin)
Barriere: Formel im Hochkontrast-Modus nicht sichtbar. Dies kann aber angepasst werden. |
eher erfüllt
(erfüllt nach Anpassung) |
37347 | |
Code | Ausgabe als Standard HTML <pre>-Tag. | entsprechende Kommentare müssen Start und Ende des Codeblocks kennzeichnen. | erfüllt | |
Datenabfrage | ungeordnete Liste | erfüllt | ||
Datum | Textausgabe; wird als Datum erkannt | erfüllt | ||
Diagramm | Ausgabe als PNG | drawio Titel wird als Alternativtext gesetzt, kann nicht manuell gesetzt werden;
benötigt longdesc (WAI) oder andere Textalternative (zum Beispiel eine Tabelle für die Inhalte eines Flussdiagramms). |
teilweise erfüllt | 38914 |
Eingekreiste Zahl | Kreisformatierung ist dekorativ
Barriere: Kreis wird im Hochkontrast-Modus nicht angezeigt. |
Farbkontrast berücksichtigen | eher erfüllt | 37374 |
Entscheidung | Barriere: wird im Screenreader nicht als Entscheidung angekündigt; Kontrast des Entscheidungs-Symbols nicht ganz ausreichend | eher nicht erfüllt | 36935 | |
Entscheidungsübersicht | Tabelle mit Kopfleiste | erfüllt | ||
Erfolgsmeldung | hervorgehobener Text | Überschrift, die die korrekte Betonung des Inhalts angibt, ist erforderlich (zum Beispiel: Warnung!) | erfüllt | |
Fortschritt | Prozentzahl wird korrekt vorgelesen. Im Hochkontrast-Modus wird die Zahl ohne Balken angezeigt. | eher erfüllt | 37380 | |
Galerie | Barriere: Im Screenreader wird die Bildbeschreibung nicht als solche angekündigt.
(erst ab MW 1.4x über figcaption implementiert) Die korrekte Reihenfolge zwischen Bild und Beschreibung ermöglicht dennoch die korrekte Zuordnung von Bildern und deren Beschreibung. |
alt-Text muss eingegeben werden | erfüllt | |
Inhaltsfilter | Barriere: keine Screenreader-Unterstützung | eher nicht erfüllt | 37379 | |
Karte | Barriere: Zoom-Schaltflächen zeigen den Fokus nicht an, Markierungen nicht mit Tastatur bedienbar. | Erweiterung Maps erlaubt auch Google-Maps. Benutzung muss von Autoren evaluiert werden. | eher nicht erfüllt | 37358
geschlossen |
Kategorienbaum | Barriere: Baum nicht mit Tastatur aufklappbar. Wird nicht als Baum angekündigt. | erfüllt
ab 4.5.2 |
37405
geschlossen | |
Kontrolllliste | Select-Box.
Barriere: Erstellt beim Navigieren durch die Optionen mit Screenreader (Pfeiltasten) unbeabsichtigt automatisch Seitenversionen. |
eher nicht erfüllt | 37403 | |
Letzte Änderungen | ungeordnete Liste | erfüllt | ||
Liste angemeldeter Besucher | Link mit Hover-Funktion
Barriere: keine Tastaturnavigation oder Screenreader-Unterstützung |
erfüllt
ab 4.5.2 |
37381
geschlossen | |
Mathematische Formel | basiert auf MathML (z.B. lesbar mit NVDA "math"-Plugin)
Barriere: Formel im Hochkontrast-Modus nicht sichtbar. Dies kann aber angepasst werden. |
eher erfüllt
(erfüllt nach Anpassung) |
37347 | |
Meistbesuchte Seiten | ungeordnete Liste | erfüllt | ||
Meldung | hervorgehobener Text | Überschrift, die die korrekte Betonung des Inhalts angibt, ist erforderlich (zum Beispiel: Neu!) | erfüllt | |
Mitgliederliste | ungeordnete Liste | erfüllt | ||
Modal-Button | Barriere: kein Fokus über Tastatur; keine Fokusanzeige; Modalfeld herhält keinen Fokus | erfüllt
ab 4.5.2 |
37371
geschlossen | |
Neue Benutzer | ungeordnete Liste | erfüllt | ||
Notiz | hervorgehobener Text | Überschrift, die die korrekte Betonung des Inhalts angibt, ist erforderlich (zum Beispiel: Hinweis:) | erfüllt | |
PDF Kein Export | keine Auswirkung auf Webseiten-Inhalt
Barriere: keine Ankündigung im Screenreader; Falls einzelne Benutzer eine Ankündigung wünschen, kann dies über Benutzer- oder Gruppen common.js erreicht werden. |
erfüllt | ||
PDF Link | erzeugt einen Download-Link | auf korrekte Beschriftung des Links achten | erfüllt | |
PDF Seitenumbruch | keine Auswirkung auf Webseiten-Inhalt; SR-Seitenumbruchs-Marker wird vorgelesen
Kontrast nicht ausreichend |
teilweise erfüllt | 36935 | |
PDF Vorschau | Barriere: keine Screenreader-Unterstützung. Keine Tastaturnavigation;
Falls dieses Droplet genutzt wird, muss zusätzlich ein Download-Link zur Verfügung gestellt werden! |
PDF-Download Link für barrierefreie PDFs zur Verfügung stellen, um diese zum Beispiel im Acrobat Reader zu öffnen. | erfüllt
(alternativer Download-Link) |
|
Pro und Kontra | Zweispaltige Tabelle mit ungeordneter Liste als Spalteninhalt | erfüllt | ||
QR Code | Grafik wird korrekt als
"QR Code für <Seitenname>" vorgelesen |
erfüllt | ||
Schaltfläche | Auf aussagekräftige Beschriftung achten. (Nicht "Hier klicken", sondern konkrete Zweckangabe (zum Beispiel "Zum Formular wechseln") | erfüllt | ||
Seite erstellen | Input-Feld und Schaltfläche vom Typ "submit" | erfüllt | ||
Seitenzugriffsberechtigung | wird als Benachrichtigung beim Laden der Seite angekündigt | erfüllt | ||
Suchfeld | Barriere: Screenreader bekommt keine Rückmeldung, ob und wie viele Ergebnisse existieren; kürzlich angesehene Seiten werden nicht angekündigt | teilweise erfüllt | 37379 | |
Symbol | dekorative Hintergrundgrafik | Symbol kann nicht alleine stehen, da es von Screenreadern nicht berücksichtigt wird. Immer mit Text kombinieren! | erfüllt | |
Tipp | hervorgehobener Text | Überschrift, die die korrekte Betonung des Inhalts angibt, ist erforderlich (zum Beispiel: Warnung!) | erfüllt | |
Unterschrift | Tastaturnavigation; Ankündigung an Screenreader | Unterschriftenlisten benötigen eine Überschrift damit sie schnell gefunden werden können | erfüllt | |
Unterseiten | ungeordnete Liste | erfüllt | ||
Verlinkungen auf diese Seite | ungeordnete Liste | erfüllt | ||
Video | Natives html video-Tag.
Barriere: Nach Bestätigung der Datenschutzhinweises kein Fokus auf die Play-Schaltfläche; fehlender Video-Titel (kann mit #ev-Parserfunktion umgesetzt werden) |
#ev-Parserfunktion nutzen und prüfen:
|
eher erfüllt
(alternative Parser-Funktion) |
35098 |
Wichtige Meldung | hervorgehobener Text | Überschrift, die die korrekte Betonung des Inhalts angibt, ist erforderlich (zum Beispiel: Wichtig!) | erfüllt | |
Warnmeldung | hervorgehobener Text | Überschrift, die die korrekte Betonung des Inhalts angibt, ist erforderlich (zum Beispiel: Warnung!) | erfüllt | |
Wortwolke | verschiedene Ausgabeformate möglich | Im Format "Text" oder "Liste" ausgeben | erfüllt |