Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
Zeile 4: | Zeile 4: | ||
! 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 | * Meldung für Leser, eine Datei hochzuladen | ||
* OOJS Kopf-/Fußzeilen nicht vollständig Screenreader-ready | * OOJS Kopf-/Fußzeilen nicht vollständig Screenreader-ready | ||
| | | | ||
| style="" class="" |teilweise erfüllt | | style="" class="" |teilweise erfüllt | ||
|36925 | |||
|- | |- | ||
| Anzahl aller Benutzer | | Anzahl aller Benutzer | ||
Zeile 19: | Zeile 21: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Anzahl aller Dateien | | Anzahl aller Dateien | ||
Zeile 24: | Zeile 27: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Anzahl an Seiten | | Anzahl an Seiten | ||
Zeile 29: | Zeile 33: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Anzahl an Zeichen | | Anzahl an Zeichen | ||
Zeile 34: | Zeile 39: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Anzahl angemeldeter Benutzer | | Anzahl angemeldeter Benutzer | ||
Zeile 39: | Zeile 45: | ||
| | | | ||
|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 | ||
| | | | ||
|teilweise erfüllt | |teilweise 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 erfüllt | |teilweise erfüllt | ||
| | |||
|- | |- | ||
| Benutzerprofil | | Benutzerprofil | ||
| | | | ||
| | |||
| | | | ||
| | | | ||
Zeile 61: | Zeile 71: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Besuchte Seiten | | Besuchte Seiten | ||
Zeile 66: | Zeile 77: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| BPMN-Diagramm | | BPMN-Diagramm | ||
Zeile 71: | Zeile 83: | ||
| | | | ||
|nicht erfüllt | |nicht erfüllt | ||
| | |||
|- | |- | ||
| Bücherliste | | Bücherliste | ||
Zeile 76: | Zeile 89: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
|Buch-Inhaltsverzeicnis | |Buch-Inhaltsverzeicnis | ||
Zeile 81: | Zeile 95: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
|Buch-PDF-Link | |Buch-PDF-Link | ||
Zeile 86: | Zeile 101: | ||
|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]]. | |||
| | |||
|eher erfüllt | |eher erfüllt | ||
(erfüllt nach Anpassung) | |||
|37347 | |||
|- | |- | ||
| Code | | Code | ||
Zeile 96: | Zeile 115: | ||
|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 121: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
|Datum | |Datum | ||
Zeile 106: | Zeile 127: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Diagramm | | Diagramm | ||
Zeile 112: | Zeile 134: | ||
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 | |erfüllt | ||
| | |||
|- | |- | ||
| Eingekreiste Zahl | | Eingekreiste Zahl | ||
Zeile 117: | Zeile 140: | ||
|Farbkontrast berücksichtigen | |Farbkontrast berücksichtigen | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| 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 | ||
Zeile 128: | Zeile 152: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Erfolgsmeldung | | Erfolgsmeldung | ||
Zeile 133: | Zeile 158: | ||
|Ü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 | ||
| | | | ||
| | |||
| | | | ||
| | | | ||
Zeile 145: | Zeile 172: | ||
|alt-Text muss eingegeben werden | |alt-Text muss eingegeben werden | ||
|eher erfüllt | |eher erfüllt | ||
| | |||
|- | |- | ||
|Inhaltsfilter | |Inhaltsfilter | ||
Zeile 150: | Zeile 178: | ||
| | | | ||
|nicht erfüllt | |nicht erfüllt | ||
| | |||
|- | |- | ||
| Karte | | Karte | ||
Zeile 155: | Zeile 184: | ||
| | | | ||
|teilweise erfüllt | |teilweise erfüllt | ||
| | |||
|- | |- | ||
| Kategorienbaum | | Kategorienbaum | ||
| | | | ||
| | |||
| | | | ||
| | | | ||
Zeile 163: | Zeile 194: | ||
| Kontrollkästchen | | Kontrollkästchen | ||
| | | | ||
| | |||
| | | | ||
| | | | ||
Zeile 168: | Zeile 200: | ||
| Kontrollliste | | Kontrollliste | ||
| | | | ||
| | |||
| | | | ||
| | | | ||
Zeile 175: | Zeile 208: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Liste angemeldeter Besucher | | Liste angemeldeter Besucher | ||
Zeile 181: | Zeile 215: | ||
| | | | ||
|nicht erfüllt | |nicht erfüllt | ||
| | |||
|- | |- | ||
| Mathematische Formel | | Mathematische Formel | ||
Zeile 186: | Zeile 221: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Meistbesuchte Seiten | | Meistbesuchte Seiten | ||
Zeile 191: | Zeile 227: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Meldung | | Meldung | ||
Zeile 196: | Zeile 233: | ||
|Ü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 239: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Modal-Button | | Modal-Button | ||
| | | | ||
| | |||
| | | | ||
| | | | ||
Zeile 211: | Zeile 251: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Notiz | | Notiz | ||
Zeile 216: | Zeile 257: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| PDF Kein Export | | PDF Kein Export | ||
Zeile 222: | Zeile 264: | ||
| | | | ||
|unklar | |unklar | ||
| | |||
|- | |- | ||
| PDF Link | | PDF Link | ||
Zeile 228: | Zeile 271: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| PDF Seitenumbruch | | PDF Seitenumbruch | ||
Zeile 234: | Zeile 278: | ||
| | | | ||
|teilweise erfüllt | |teilweise erfüllt | ||
| | |||
|- | |- | ||
|PDF Vorschau | |PDF Vorschau | ||
| | |||
| | | | ||
| | | | ||
Zeile 244: | Zeile 290: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
|QR Code | |QR Code | ||
Zeile 250: | Zeile 297: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Schaltfläche | | Schaltfläche | ||
Zeile 255: | Zeile 303: | ||
|Auf aussagekräftige Beschriftung achten. (Nicht "Hier klicken", sondern konkrete Zweckangabe (zum Beispiel "Zum Formular wechseln") | |Auf aussagekräftige Beschriftung achten. (Nicht "Hier klicken", sondern konkrete Zweckangabe (zum Beispiel "Zum Formular wechseln") | ||
|eher nicht erfüllt | |eher nicht erfüllt | ||
| | |||
|- | |- | ||
| style="width:190px;" |Seite erstellen | | style="width:190px;" |Seite erstellen | ||
Zeile 260: | Zeile 309: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Seitenzugriffsberechtigung | | Seitenzugriffsberechtigung | ||
Zeile 265: | Zeile 315: | ||
|wird als Benachrichtigung beim Laden der Seite angekündigt | |wird als Benachrichtigung beim Laden der Seite angekündigt | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Suchfeld | | Suchfeld | ||
| | | | ||
| | |||
| | | | ||
| | | | ||
Zeile 275: | Zeile 327: | ||
|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 280: | Zeile 333: | ||
|Ü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 | ||
Zeile 285: | Zeile 339: | ||
|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 290: | Zeile 345: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Verlinkungen auf diese Seite | | Verlinkungen auf diese Seite | ||
Zeile 295: | Zeile 351: | ||
| | | | ||
|erfüllt | |erfüllt | ||
| | |||
|- | |- | ||
| Video | | Video | ||
| | | | ||
| | |||
| | | | ||
| | | | ||
Zeile 305: | Zeile 363: | ||
|Ü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 310: | Zeile 369: | ||
|Ü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 | ||
Zeile 315: | Zeile 375: | ||
|Die Seiten müssen im Listenformat ausgegeben werden. | |Die Seiten müssen im Listenformat ausgegeben werden. | ||
|erfüllt | |erfüllt | ||
| | |||
|} | |} |
Version vom 24. Mai 2024, 11:56 Uhr
Überprüfung der Inhaltsausgabe für die BITV-Vorgaben.
Droplet | Bemerkungen | Hinweis für Redakteure | BITV Status
(Lesemodus!) |
Ticket |
---|---|---|---|---|
Anhänge | Barriere:
|
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 |
teilweise erfüllt | ||
Aufgabenbericht | Tabelle (OOJS)
Barriere: OOJS Kopf-/Fußzeilen nicht vollständig Screenreader-ready |
teilweise erfüllt | ||
Benutzerprofil | ||||
Beobachtungsliste | ungeordnete Liste, Titellänge einstellbar | erfüllt | ||
Besuchte Seiten | ungeordnete Liste, Titellänge einstellbar | erfüllt | ||
BPMN-Diagramm | (derzeit in Ü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;
benötigt longdesc (WAI) oder andere Textalternative (zum Beispiel eine Tabelle für die Inhalte eines Flussdiagramms). |
erfüllt | |
Eingekreiste Zahl | Kreisformatierung ist dekorativ | Farbkontrast berücksichtigen | erfüllt | |
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 | ||||
Galerie | 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 | eher erfüllt | |
Inhaltsfilter | keine Screenreader-Unterstützung | nicht erfüllt | ||
Karte | veraltete Erweiterung. Warten auf Update. Zoom ist barrierefreie, Markierungen nicht. | teilweise erfüllt | ||
Kategorienbaum | ||||
Kontrollkästchen | ||||
Kontrollliste | ||||
Letzte Änderungen | ungeordnete Liste | erfüllt | ||
Liste angemeldeter Besucher | Link mit Popup
keine Tastaturnavigation oder Screenreader-Unterstützung |
nicht erfüllt | ||
Mathematische Formel | basiert auf MathML (z.B. lesbar mit NVDA math plugin) | erfüllt | ||
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 | ||||
Neue Benutzer | ungeordnete Liste | erfüllt | ||
Notiz | Redaktion: Überschrift, die die korrekte Betonung des Inhalts angibt, ist erforderlich (zum Beispiel: Hinweis:) | erfüllt | ||
PDF Kein Export | keine Auswirkung auf Webseiten-Inhalt
keine Ankündigung in Screenreader |
unklar | ||
PDF Link | erzeugt einen Download-Link
Redaktion: auf korrekte Beschriftung des Links achten |
erfüllt | ||
PDF Seitenumbruch | keine Auswirkung auf Webseiten-Inhalt; SR-Seitenumbruchs-Marker wird vorgelesen
Kontrast nicht ausreichend (#36935) |
teilweise erfüllt | ||
PDF Vorschau | ||||
Pro und Kontra | Getestet: Farbkontrast, Screenreader-Ausgabe der Pros und Kontras. 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 | Link wird als Schaltfläche angekündigt; derzeit keine Fokushervorhebung | Auf aussagekräftige Beschriftung achten. (Nicht "Hier klicken", sondern konkrete Zweckangabe (zum Beispiel "Zum Formular wechseln") | eher nicht erfüllt | |
Seite erstellen | Eingabefeld: Farben, Tastaturunterstützung, Screenreader Ankündigung getestet. | erfüllt | ||
Seitenzugriffsberechtigung | Benachrichtigung | wird als Benachrichtigung beim Laden der Seite angekündigt | erfüllt | |
Suchfeld | ||||
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 | ||||
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 | Die Seiten müssen im Listenformat ausgegeben werden. | erfüllt |