Zuletzt bearbeitet vor einem Monat
von Margit Link-Rodrigue

BITV/ContentDroplets: Unterschied zwischen den Versionen

VisuellWikitext
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
RedaktionSR=Screenreader
 
{| 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
Zeile 11: Zeile 11:


* 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
Zeile 42: Zeile 42:
|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
Zeile 48: Zeile 48:
|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
Zeile 109: Zeile 109:
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Diagramm  
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Diagramm  
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Ausgabe als PNG
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Ausgabe als PNG
|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
|-
|-
Zeile 118: Zeile 119:
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Entscheidung
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |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
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |wird im Screenreader nicht als Entscheidung angekündigt
(#36935)
(#36935)
|
|
Zeile 129: Zeile 130:
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Erfolgsmeldung
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Erfolgsmeldung
| 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;" |hervorgehobener Text
|Ü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
Zeile 245: Zeile 246:
|-
|-
|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  
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Schaltfläche  
Zeile 260: Zeile 261:
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Seitenzugriffsberechtigung
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Seitenzugriffsberechtigung
| 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;" |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;" |Suchfeld
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Suchfeld
Zeile 270: Zeile 271:
|-
|-
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Symbol  
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Symbol  
| 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;" |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
| style="box-sizing:border-box;border:1px solid rgb(162, 169, 177);break-inside:avoid;padding:8px;" |Tipp

Version vom 6. Mai 2024, 16:00 Uhr

Droplet Bemerkungen Hinweis für Redakteure BITV/WCAG Status

(nur Lesemodus!)

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) 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
Kontrolliste
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
QR Code Grafik wird korrekt als QR Code für <Seitenname> vorgelesen erfüllt
Schaltfläche
Seite erstellen
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=BITV/ContentDroplets&oldid=10344“