Zuletzt bearbeitet vor einem Monat
von Margit Link-Rodrigue

BITV/ContentDroplets: Unterschied zwischen den Versionen

VisuellWikitext
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(23 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
SR=Screenreader
Ü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
!'''BITV/WCAG Status (nur Lesemodus!)'''
!Hinweis für Redakteure
!BITV Status  
(Lesemodus!)
!Ticket
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Anhänge
| Anhänge
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Tabelle
| Barriere: Meldung für Leser, eine Datei hochzuladen
 
OOJS Kopf-/Fußzeilen nicht vollständig Screenreader-lesbar
* Meldung für Leser, eine Datei hochzuladen (#36925)
|
* OOJS Kopf-/Fußzeilen nicht vollständig SR-ready
| style="" class="" |teilweise erfüllt
| style="" class="" |teilweise erfüllt
|36925
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Anzahl aller Benutzer
| Anzahl aller Benutzer
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |unformatierte Zahl
| unformatierte Zahl
|
|erfüllt
|erfüllt
|
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Anzahl aller Dateien
| Anzahl aller Dateien
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |unformatierte Zahl
| unformatierte Zahl
|
|erfüllt
|erfüllt
|
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Anzahl an Seiten
| Anzahl an Seiten
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |unformatierte Zahl
| unformatierte Zahl
|
|erfüllt
|erfüllt
|
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Anzahl an Zeichen
| Anzahl an Zeichen
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |unformatierte Zahl
| unformatierte Zahl
|
|erfüllt
|erfüllt
|
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Anzahl angemeldeter Benutzer
| Anzahl angemeldeter Benutzer
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |unformatierte Zahl
| unformatierte Zahl
|
|erfüllt
|erfüllt
|
|-
|-
|Aufgabenliste
|Aufgabenliste
|ungeordnete Liste
|ungeordnete Liste
geschlossene Aufgabe wird im SR nicht vorgelesen
Barriere: geschlossene Aufgabe wird im Screenreader nicht vorgelesen
|teilweise erfüllt
|
|erfüllt
|
|-
|-
|Aufgabenbericht
|Aufgabenbericht
|Tabelle (OOJS)
|Tabelle (OOJS)
OOJS Kopf-/Fußzeilen nicht vollständig SR-ready
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
|teilweise erfüllt
|37384
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Benutzerprofil
| Beobachtungsliste
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |
| ungeordnete Liste, Titellänge einstellbar
|
|
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Beobachtungsliste
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |ungeordnete Liste, Titellänge einstellbar
|erfüllt
|erfüllt
|
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Besuchte Seiten
| Besuchte Seiten
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |ungeordnete Liste, Titellänge einstellbar
| ungeordnete Liste, Titellänge einstellbar
|
|erfüllt
|erfüllt
|
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |BPMN-Diagramm  
| BPMN-Diagramm  
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |(derzeit in Überarbeitung)
| (derzeit in kompletter Überarbeitung)
|
|nicht erfüllt
|nicht erfüllt
|
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Bücherliste
| Bücherliste
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |ungeordnete Liste, Titellänge einstellbar
| ungeordnete Liste, Titellänge einstellbar
|
|erfüllt
|erfüllt
|
|-
|-
|Buch-Inhaltsverzeicnis
|Buch-Inhaltsverzeicnis
|mit Tastatur navigierbar
|
|
|erfüllt
|
|
|-
|-
|Buch-PDF-Link
|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 [[Referenz:Math#Unterst.C3.BCtzung des Hochkontrast-Modus|angepasst werden]].
|
|
|eher erfüllt
(erfüllt nach Anpassung)
|37347
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Chemische Formel
| Code
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |basiert auf MathML (z.B. lesbar mit NVDA math plugin)
| Ausgabe als Standard HTML <nowiki><pre>-Tag.</nowiki>
|entsprechende Kommentare müssen Start und Ende des Codeblocks kennzeichnen.
|erfüllt
|erfüllt
|
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Code
| Datenabfrage
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Ausgabe als standard HTML <nowiki><pre>-Tag.</nowiki>
| ungeordnete Liste
Redaktion: entsprechende Kommentare müssen Start und Ende des Codeblocks kennzeichnen.
|
|erfüllt
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Datenabfrage
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |ungeordnete Liste
|erfüllt
|erfüllt
|
|-
|-
|Datum  
|Datum  
|Textausgabe; wird als Datum erkannt
|Textausgabe; wird als Datum erkannt
|
|erfüllt
|erfüllt
|
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Diagramm  
| Diagramm  
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Ausgabe als PNG
| Ausgabe als PNG
Redaktion: drawio Titel wird als alt gesetzt; 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])
|drawio Titel wird als Alternativtext gesetzt, kann nicht manuell gesetzt werden;  
|erfüllt
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).
|teilweise erfüllt
|38914
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Eingekreiste Zahl
| Eingekreiste Zahl
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Kreisformatierung ist dekorativ
| Kreisformatierung ist dekorativ
Redaktion: Farbkontrast berücksichtigen
Barriere: Kreis wird im Hochkontrast-Modus nicht angezeigt.
|erfüllt
|Farbkontrast berücksichtigen
|eher erfüllt
|37374
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Entscheidung
| Entscheidung
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |wird im SR 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
|Tabelle mit Kopfleiste
|
|
|erfüllt
|
|
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Erfolgsmeldung
| Erfolgsmeldung
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |
| hervorgehobener Text
|Überschrift, die die korrekte Betonung des Inhalts angibt, ist erforderlich (zum Beispiel: ''Warnung!'')
|erfüllt
|
|
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Fortschritt
| Fortschritt
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |
| Prozentzahl wird korrekt vorgelesen. Im Hochkontrast-Modus wird die Zahl ohne Balken angezeigt.
|
|
|eher erfüllt
|37380
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Galerie  
| Galerie  
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Im SR 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.
Redaktion: alt-Text muss eingegeben werden
|alt-Text muss eingegeben werden
|eher erfüllt
|erfüllt
|
|-
|-
|Inhaltsfilter
|Inhaltsfilter
|keine SR Unterstützung
|Barriere: keine Screenreader-Unterstützung
|nicht erfüllt
|
|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
<small>geschlossen</small>
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Karte
| Kategorienbaum
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |
| Barriere: Baum nicht mit Tastatur aufklappbar. Wird nicht als Baum angekündigt.
|
|
|erfüllt
<small>ab 4.5.2</small>
|37405
<small>geschlossen</small>
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Kategorienbaum
| Kontrolllliste
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |
| Select-Box.
Barriere: Erstellt beim Navigieren durch die Optionen mit Screenreader (Pfeiltasten) unbeabsichtigt automatisch Seitenversionen.
|
|
|eher nicht erfüllt
|37403
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Kontrollkästchen
| Letzte Änderungen
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |
| ungeordnete Liste
|
|erfüllt
|
|
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Kontrolliste
| Liste angemeldeter Besucher
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |
| Link mit Hover-Funktion
Barriere: keine Tastaturnavigation oder Screenreader-Unterstützung
|
|
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Letzte Änderungen
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |ungeordnete Liste
|erfüllt
|erfüllt
<small>ab 4.5.2</small>
|37381
<small>geschlossen</small>
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Liste angemeldeter Besucher
| Mathematische Formel
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Link mit Popup
| basiert auf MathML (z.B. lesbar mit NVDA "math"-Plugin)
keine Tastatur- und SR-Unterstützung
Barriere: Formel im Hochkontrast-Modus nicht sichtbar. Dies kann aber [[Referenz:Math#Unterst.C3.BCtzung des Hochkontrast-Modus|angepasst werden]].
|nicht erfüllt
|
|eher erfüllt
(erfüllt nach Anpassung)
|37347
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Mathematische Formel
| Meistbesuchte Seiten
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |basiert auf MathML (z.B. lesbar mit NVDA math plugin)
| ungeordnete Liste
|
|erfüllt
|erfüllt
|
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Meistbesuchte Seiten
| Meldung
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |ungeordnete Liste
|hervorgehobener Text
|Überschrift, die die korrekte Betonung des Inhalts angibt, ist erforderlich (zum Beispiel: Neu!)
|erfüllt
|erfüllt
|-
|
| style="background-color:rgb(248, 249, 250);text-align:start;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;color:rgb(32, 33, 34);font-family:Lato, &quot;sans-serif&quot;;font-size:13.9995px;font-style:normal;font-variant-ligatures:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:2;text-indent:0px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;-webkit-text-stroke-width:0px;text-decoration-thickness:initial;text-decoration-style:initial;text-decoration-color:initial;" class="" |Meldung
| style="background-color:rgb(248, 249, 250);text-align:start;box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;color:rgb(32, 33, 34);font-family:Lato, &quot;sans-serif&quot;;font-size:13.9995px;font-style:normal;font-variant-ligatures:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;orphans:2;text-indent:0px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;-webkit-text-stroke-width:0px;text-decoration-thickness:initial;text-decoration-style:initial;text-decoration-color:initial;" class="" |wird im SR nicht als besonderer Inhalt angekündigt
(#36935)
|eher nicht erfüllt
|-
|-
| style="width:190px;" |Mitgliederliste
| style="width:190px;" |Mitgliederliste
|ungeordnete Liste
|ungeordnete Liste
|
|erfüllt
|erfüllt
|
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Modal-Button
| Modal-Button
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |
| Barriere: kein Fokus über Tastatur; keine Fokusanzeige; Modalfeld herhält keinen Fokus
|
|
|erfüllt
<small>ab 4.5.2</small>
|37371
<small>geschlossen</small>
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Neue Benutzer
| Neue Benutzer
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |ungeordnete Liste
| ungeordnete Liste
|
|erfüllt
|erfüllt
|
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Notiz
| Notiz
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |wird im SR nicht als besonderer Inhalt angekündigt
|hervorgehobener Text
(#36935)
|Überschrift, die die korrekte Betonung des Inhalts angibt, ist erforderlich (zum Beispiel: ''Hinweis:'')
|eher nicht erfüllt
|erfüllt
|
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |PDF Kein Export
| PDF Kein Export
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |keine Auswirkung auf Webseiten-Inhalt
| keine Auswirkung auf Webseiten-Inhalt
zusätzlich kann im globalen oder nutzerspezifischem CSS hier falls gewünscht eine Markierung erzeugt werden und die Hervorhebung des Abschnitts ( Rahmen, usw.) angepasst werden, zum Beispiel:
Barriere: keine Ankündigung im Screenreader; Falls einzelne Benutzer eine Ankündigung wünschen, kann dies über Benutzer- oder Gruppen common.js  erreicht werden.
<code>.bs-universalexport-exportexclude::before {content:"Web-Inhalt: "}</code><code>.bs-universalexport-exportexclude::after {content:" Ende Web-Inhalt"}</code>
|
|erfüllt
|erfüllt
|
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |PDF Link
| PDF Link
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |erzeugt einen Download-Link
| erzeugt einen Download-Link
Redaktion: auf korrekte Beschriftung des Links achten
|auf korrekte Beschriftung des Links achten
|erfüllt
|erfüllt
|
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |PDF Seitenumbruch
| PDF Seitenumbruch
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |keine Auswirkung auf Webseiten-Inhalt; SR-Seitenumbruchs-Marker wird vorgelesen
| keine Auswirkung auf Webseiten-Inhalt; SR-Seitenumbruchs-Marker wird vorgelesen
Kontrast nicht ausreichend (#36935)
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
| Zweispaltige Tabelle mit ungeordneter Liste als Spalteninhalt
|
|
|-
|erfüllt
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Pro und Kontra
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |
|
|
|-
|-
|QR Code
|QR Code
|Grafik wird korrekt als
"QR Code für <Seitenname>" vorgelesen
|
|
|erfüllt
|
|
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Schaltfläche
| Schaltfläche
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |
|
|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
|
|
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Seitenzugriffsberechtigung
| Seitenzugriffsberechtigung
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |
| wird als Benachrichtigung beim Laden der Seite angekündigt
|
|erfüllt
|
|
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Handbuch:Erweiterung/BlueSpiceTagSearch|Suchfeld]]
| Suchfeld
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |
| Barriere: Screenreader bekommt keine Rückmeldung, ob und wie viele Ergebnisse existieren; kürzlich angesehene Seiten werden nicht angekündigt
|
|
|teilweise erfüllt
|37379
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Symbol
| Symbol
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |
| dekorative Hintergrundgrafik
|Symbol kann nicht alleine stehen, da es von Screenreadern nicht berücksichtigt wird. Immer mit Text kombinieren!
|erfüllt
|
|
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Tipp
| Tipp
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |wird im SR nicht als besonderer Inhalt angekündigt
| hervorgehobener Text
(#36935)
|Überschrift, die die korrekte Betonung des Inhalts angibt, ist erforderlich (zum Beispiel: ''Warnung!'')
|eher nicht erfüllt
|erfüllt
|
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Unterschrift
| Unterschrift
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |
| Tastaturnavigation; Ankündigung an Screenreader
|Unterschriftenlisten benötigen eine Überschrift damit sie schnell gefunden werden können
|erfüllt
|
|
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Unterseiten
| Unterseiten
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |ungeordnete Liste
| ungeordnete Liste
|
|erfüllt
|erfüllt
|
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Verlinkungen auf diese Seite
| Verlinkungen auf diese Seite
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |ungeordnete Liste
| ungeordnete Liste
|
|erfüllt
|erfüllt
|
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Video
| Video
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |
| 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
| hervorgehobener Text
|Überschrift, die die korrekte Betonung des Inhalts angibt, ist erforderlich (zum Beispiel: ''Wichtig!'')
|erfüllt
|
|
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Wichtige Meldung
| Warnmeldung
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |wird im SR nicht als besonderer Inhalt angekündigt
| hervorgehobener Text
(#36935)
|Überschrift, die die korrekte Betonung des Inhalts angibt, ist erforderlich (zum Beispiel: ''Warnung!'')
|eher nicht erfüllt
|erfüllt
|
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Warnmeldung
| Wortwolke
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |wird im SR nicht als besonderer Inhalt angekündigt
| verschiedene Ausgabeformate möglich
(#36935)
|Im Format "Text" oder "Liste" ausgeben
|eher nicht erfüllt
|erfüllt
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Wortwolke
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |
|
|
|}
|}

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:
  • hat das Video Untertitel
  • ist in der Parserfunktion ein Titel angegeben?
 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

Tag: XML-Tags, welche beliebig parametrisiert werden können und eine vom Programmierer gewünschte Ausgabe produzieren. Fügt man beispielsweise das <bs:bookshelf>-Tag ein, dann erhält der Artikel die Kapitelnavigation des PDF-Buches, in dem der Artikel verlinkt ist.


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

Abgerufen von „https://de.wiki.bluespice.com/w/index.php?title=BITV/ContentDroplets&oldid=12036“