Zuletzt bearbeitet vor 2 Monaten
von Margit Link-Rodrigue

BITV/ContentDroplets: Unterschied zwischen den Versionen

VisuellWikitext
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(13 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 9: Zeile 9:
|-
|-
| Anhänge
| Anhänge
| Barriere:
| Barriere: Meldung für Leser, eine Datei hochzuladen
 
OOJS Kopf-/Fußzeilen nicht vollständig Screenreader-lesbar
* Meldung für Leser, eine Datei hochzuladen
* OOJS Kopf-/Fußzeilen nicht vollständig Screenreader-ready
|
|
| style="" class="" |teilweise erfüllt
| style="" class="" |teilweise erfüllt
Zeile 51: Zeile 49:
Barriere: geschlossene Aufgabe wird im Screenreader nicht vorgelesen
Barriere: geschlossene Aufgabe wird im Screenreader nicht vorgelesen
|
|
|teilweise erfüllt
|erfüllt
|
|
|-
|-
Zeile 58: Zeile 56:
Barriere: OOJS Kopf-/Fußzeilen nicht vollständig Screenreader-ready
Barriere: OOJS Kopf-/Fußzeilen nicht vollständig Screenreader-ready
|
|
|teilweise erfüllt
|teilweise
|
|
|-
|-
| Benutzerprofil
| 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
| Beobachtungsliste
Zeile 80: Zeile 78:
|-
|-
| BPMN-Diagramm  
| BPMN-Diagramm  
| (derzeit in Überarbeitung)
| (derzeit in kompletter Überarbeitung)
|
|
|nicht erfüllt
|nicht erfüllt
Zeile 131: Zeile 129:
| Diagramm  
| Diagramm  
| Ausgabe als PNG
| Ausgabe als PNG
|drawio Titel wird als Alternativtext gesetzt;  
|drawio Titel wird als Alternativtext gesetzt, kann nicht manuell gesetzt werden;  
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
|teilweise erfüllt
|
|38914
|-
|-
| Eingekreiste Zahl
| Eingekreiste Zahl
| Kreisformatierung ist dekorativ
| Kreisformatierung ist dekorativ
Barriere: Kreis wird im Hochkontrast-Modus nicht angezeigt.
|Farbkontrast berücksichtigen
|Farbkontrast berücksichtigen
|erfüllt
|eher erfüllt
|
|37374
|-
|-
| Entscheidung
| Entscheidung
Zeile 146: Zeile 145:
|
|
|eher nicht erfüllt
|eher nicht erfüllt
|#36935
|36935
|-
|-
|Entscheidungsübersicht
|Entscheidungsübersicht
Zeile 161: Zeile 160:
|-
|-
| Fortschritt
| Fortschritt
|  
| Prozentzahl wird korrekt vorgelesen. Im Hochkontrast-Modus wird die Zahl ohne Balken angezeigt.
|
|
|
|
|eher erfüllt
|37380
|-
|-
| Galerie  
| Galerie  
| Im Screenreader 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.
|alt-Text muss eingegeben werden
|alt-Text muss eingegeben werden
|eher erfüllt
|erfüllt
|
|
|-
|-
|Inhaltsfilter
|Inhaltsfilter
|keine Screenreader-Unterstützung
|Barriere: keine Screenreader-Unterstützung
|
|nicht erfüllt
|
|
|eher nicht erfüllt
|37379
|-
|-
| Karte
| Karte
| veraltete Erweiterung.  Warten auf Update. Zoom ist barrierefreie, Markierungen nicht.
| 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.
|teilweise erfüllt
|eher nicht erfüllt
|
|37358
<small>geschlossen</small>
|-
|-
| Kategorienbaum
| Kategorienbaum
|  
| Barriere: Baum nicht mit Tastatur aufklappbar. Wird nicht als Baum angekündigt.
|
|
|
|
|erfüllt
<small>ab 4.5.2</small>
|37405
<small>geschlossen</small>
|-
|-
| Kontrollkästchen
| Kontrolllliste
|
| Select-Box.
|
Barriere: Erstellt beim Navigieren durch die Optionen mit Screenreader (Pfeiltasten) unbeabsichtigt automatisch Seitenversionen.
|
|
|-
| Kontrollliste
|
|
|
|
|
|eher nicht erfüllt
|37403
|-
|-
| Letzte Änderungen
| Letzte Änderungen
Zeile 211: Zeile 208:
|-
|-
| Liste angemeldeter Besucher
| Liste angemeldeter Besucher
| Link mit Popup
| Link mit Hover-Funktion
keine Tastaturnavigation oder Screenreader-Unterstützung
Barriere: keine Tastaturnavigation oder Screenreader-Unterstützung
|
|nicht erfüllt
|
|
|erfüllt
<small>ab 4.5.2</small>
|37381
<small>geschlossen</small>
|-
|-
| Mathematische Formel  
| Mathematische Formel  
| basiert auf MathML (z.B. lesbar mit NVDA math plugin)
| 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]].
|erfüllt
|
|
|eher erfüllt
(erfüllt nach Anpassung)
|37347
|-
|-
| Meistbesuchte Seiten
| Meistbesuchte Seiten
Zeile 242: Zeile 243:
|-
|-
| Modal-Button
| Modal-Button
|  
| Barriere: kein Fokus über Tastatur; keine Fokusanzeige; Modalfeld herhält keinen Fokus
|
|
|
|
|erfüllt
<small>ab 4.5.2</small>
|37371
<small>geschlossen</small>
|-
|-
| Neue Benutzer
| Neue Benutzer
Zeile 254: Zeile 257:
|-
|-
| Notiz
| Notiz
| Redaktion: Überschrift, die die korrekte Betonung des Inhalts angibt, ist erforderlich (zum Beispiel: ''Hinweis:'')
|hervorgehobener Text
|
|Überschrift, die die korrekte Betonung des Inhalts angibt, ist erforderlich (zum Beispiel: ''Hinweis:'')
|erfüllt
|erfüllt
|
|
Zeile 261: Zeile 264:
| PDF Kein Export
| PDF Kein Export
| keine Auswirkung auf Webseiten-Inhalt
| keine Auswirkung auf Webseiten-Inhalt
keine Ankündigung in Screenreader
Barriere: keine Ankündigung im Screenreader; Falls einzelne Benutzer eine Ankündigung wünschen, kann dies über Benutzer- oder Gruppen common.js  erreicht werden.
|
|
|unklar
|erfüllt
|
|
|-
|-
| PDF Link
| PDF Link
| 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
|
|
Zeile 275: Zeile 277:
| PDF Seitenumbruch
| PDF Seitenumbruch
| 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
| Pro und Kontra
| Getestet: Farbkontrast, Screenreader-Ausgabe der Pros und Kontras. Zweispaltige Tabelle mit ungeordneter Liste als Spalteninhalt
| Zweispaltige Tabelle mit ungeordneter Liste als Spalteninhalt
|
|
|erfüllt
|erfüllt
Zeile 300: Zeile 304:
|-
|-
| Schaltfläche  
| 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")
|Auf aussagekräftige Beschriftung achten. (Nicht "Hier klicken", sondern konkrete Zweckangabe (zum Beispiel "Zum Formular wechseln")
|eher nicht erfüllt
|erfüllt
|
|
|-
|-
| style="width:190px;" |Seite erstellen
| style="width:190px;" |Seite erstellen
| style="width:380px;" |Eingabefeld: Farben, Tastaturunterstützung, Screenreader Ankündigung getestet.
| style="width:380px;" |Input-Feld und Schaltfläche vom Typ "submit"
|
|
|erfüllt
|erfüllt
Zeile 312: Zeile 316:
|-
|-
| Seitenzugriffsberechtigung
| Seitenzugriffsberechtigung
| Benachrichtigung
| wird als Benachrichtigung beim Laden der Seite angekündigt
|wird als Benachrichtigung beim Laden der Seite angekündigt
|
|erfüllt
|erfüllt
|
|
|-
|-
| Suchfeld
| 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  
| Symbol  
Zeile 336: Zeile 340:
|-
|-
| Unterschrift
| Unterschrift
| Tastaturnavigation; Ankündigung an Screenreader.
| Tastaturnavigation; Ankündigung an Screenreader
|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
Zeile 354: Zeile 358:
|-
|-
| Video
| 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
| Wichtige Meldung
Zeile 373: Zeile 382:
| Wortwolke
| Wortwolke
| verschiedene Ausgabeformate möglich
| verschiedene Ausgabeformate möglich
|Die Seiten müssen im Listenformat ausgegeben werden.
|Im Format "Text" oder "Liste" ausgeben
|erfüllt
|erfüllt
|
|
|}
|}

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“