Zuletzt bearbeitet vor 2 Monaten
von Margit Link-Rodrigue

BITV/ContentDroplets: Unterschied zwischen den Versionen

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/WCAG Status  
!BITV Status  
(der Droplet-Ausgabe!)
(Lesemodus!)
!Ticket
|-
|-
| Anhänge
| Anhänge
| Tabelle
| Barriere:


* Meldung für Leser, eine Datei hochzuladen (#36925)
* 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 plugin)
| basiert auf MathML (z.B. lesbar mit NVDA "math"-Plugin)
|keine Farbinvertierung der Formel in Kontrast-Designs
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
(#36935)
|
|
|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:
  • Meldung für Leser, eine Datei hochzuladen
  • OOJS Kopf-/Fußzeilen nicht vollständig Screenreader-ready
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



Feedback zur Dokumentation ist im Community-Forum möglich.