Handbuch:Erweiterung/ContentDroplets/BITV: Unterschied zwischen den Versionen

VisuellWikitext
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(8 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/WCAG Status  
(der Droplet-Ausgabe!)
|-
|-
| 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
| Tabelle


* Meldung für Leser, eine Datei hochzuladen (#36925)
* Meldung für Leser, eine Datei hochzuladen (#36925)
* OOJS Kopf-/Fußzeilen nicht vollständig SR-ready
* OOJS Kopf-/Fußzeilen nicht vollständig Screenreader-ready
|
| style="" class="" |teilweise erfüllt
| style="" class="" |teilweise erfüllt
|-
|-
| 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
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 SR-ready
OOJS Kopf-/Fußzeilen nicht vollständig Screenreader-ready
|
|teilweise erfüllt
|teilweise erfüllt
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Benutzerprofil
| Benutzerprofil
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |
|  
|
|
|
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Beobachtungsliste
| Beobachtungsliste
| 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;" |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 Ü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
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Chemische Formel  
| Chemische Formel  
| 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)
| basiert auf MathML (z.B. lesbar mit NVDA math plugin)
|erfüllt
|keine Farbinvertierung der Formel in Kontrast-Designs
|eher erfüllt
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Code  
| Code  
| 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>
| Ausgabe als Standard HTML <nowiki><pre>-Tag.</nowiki>  
Redaktion: entsprechende Kommentare müssen Start und Ende des Codeblocks kennzeichnen.  
|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;" |Datenabfrage
| Datenabfrage
| 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
|-
|-
|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;  
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
|-
|-
| 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
|Farbkontrast berücksichtigen
|erfüllt
|erfüllt
|-
|-
| 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
| wird im Screenreader nicht als Entscheidung angekündigt
(#36935)
(#36935)
|
|eher nicht erfüllt
|eher nicht erfüllt
|-
|-
Zeile 105: Zeile 127:
|
|
|
|
|
|-
| Erfolgsmeldung
| 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;" |Erfolgsmeldung
| Fortschritt
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |
|  
|
|
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Fortschritt
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |
|
|
|-
|-
| 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.
| 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
|eher erfüllt
|-
|-
|Inhaltsfilter
|Inhaltsfilter
|keine SR Unterstützung
|keine Screenreader-Unterstützung
|
|nicht erfüllt
|nicht erfüllt
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Karte
| Karte
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |
|  
|
|
|
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Kategorienbaum
| Kategorienbaum
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |
|  
|
|
|
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Kontrollkästchen
| Kontrollkästchen
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |
|  
|
|
|
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Kontrolliste
| Kontrollliste
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |
|  
|
|
|
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Letzte Änderungen
| Letzte Änderungen
| 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;" |Liste angemeldeter Besucher
| Liste angemeldeter Besucher
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Link mit Popup
| Link mit Popup
keine Tastatur- und SR-Unterstützung
keine Tastaturnavigation oder Screenreader-Unterstützung
|
|nicht erfüllt
|nicht erfüllt
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Mathematische Formel  
| Mathematische Formel  
| 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)
| basiert auf MathML (z.B. lesbar mit NVDA math plugin)
|
|erfüllt
|erfüllt
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Meistbesuchte Seiten
| Meistbesuchte Seiten
| 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="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
| 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
|hervorgehobener Text
(#36935)
|Überschrift, die die korrekte Betonung des Inhalts angibt, ist erforderlich (zum Beispiel: Neu!)
|eher nicht erfüllt
|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;" |
|  
|
|
|
|-
|-
| 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
| Redaktion: Überschrift, die die korrekte Betonung des Inhalts angibt, ist erforderlich (zum Beispiel: ''Hinweis:'')
(#36935)
|
|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:
keine Ankündigung in Screenreader
<code>.bs-universalexport-exportexclude::before {content:"Web-Inhalt: "}</code><code>.bs-universalexport-exportexclude::after {content:" Ende Web-Inhalt"}</code>
|
|erfüllt
|unklar
|-
|-
| 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
Redaktion: 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
| keine Auswirkung auf Webseiten-Inhalt; SR-Seitenumbruchs-Marker wird vorgelesen
|erfüllt
Kontrast nicht ausreichend (#36935)
|
|teilweise erfüllt
|-
|-
|PDF Vorschau
|PDF Vorschau
|
|
|
|
|
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Pro und Kontra
| Pro und Kontra
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |
| Getestet: Farbkontrast, Screenreader-Ausgabe der Pros und Kontras. Zweispaltige Tabelle mit ungeordneter Liste als Spalteninhalt
|
|
|erfüllt
|-
|-
|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;" |
| 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
|-
|-
| style="width:190px;" |Seite erstellen
| style="width:190px;" |Seite erstellen
| style="width:380px;" |
| style="width:380px;" |Eingabefeld: Farben, Tastaturunterstützung, Screenreader Ankündigung getestet.
|
|
|erfüllt
|-
| Seitenzugriffsberechtigung
| Benachrichtigung
|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;" |Seitenzugriffsberechtigung
| Suchfeld
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |
|  
|
|
|
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |[[Handbuch:Erweiterung/BlueSpiceTagSearch|Suchfeld]]
| 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;" |Symbol
| Tipp
| 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;" |Tipp
| Unterschrift
| 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
| Tastaturnavigation; Ankündigung an Screenreader.
(#36935)
|Unterschriftenlisten benötigen eine Überschrift damit sie schnell gefunden werden können
|eher nicht erfüllt
|erfüllt
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Unterschrift
| Unterseiten
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |
| ungeordnete Liste
|
|
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Unterseiten
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |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;" |
|  
|
|
|
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Wichtige Meldung
| Wichtige Meldung
| 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: ''Wichtig!'')
|eher nicht erfüllt
|erfüllt
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Warnmeldung
| 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;" |Wortwolke
| Wortwolke
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |
| verschiedene Ausgabeformate möglich
|
|Die Seiten müssen im Listenformat ausgegeben werden.
|erfüllt
|}
|}

Aktuelle Version vom 6. Mai 2024, 17:54 Uhr

Überprüfung der Inhaltsausgabe für die BITV-Vorgaben.

Droplet Bemerkungen Hinweis für Redakteure BITV/WCAG Status

(der Droplet-Ausgabe!)

Anhänge Tabelle
  • Meldung für Leser, eine Datei hochzuladen (#36925)
  • OOJS Kopf-/Fußzeilen nicht vollständig Screenreader-ready
 teilweise erfüllt
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

geschlossene Aufgabe wird im Screenreader nicht vorgelesen

teilweise erfüllt
Aufgabenbericht Tabelle (OOJS)

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) keine Farbinvertierung der Formel in Kontrast-Designs eher erfüllt
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 wird im Screenreader nicht als Entscheidung angekündigt

(#36935)

eher nicht erfüllt
Entscheidungsübersicht
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
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

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=Handbuch:Erweiterung/ContentDroplets/BITV&oldid=10355“
Keine Kategorien vergebenBearbeiten

Diskussionen