Zuletzt bearbeitet vor 2 Monaten
von Margit Link-Rodrigue

BITV/ContentDroplets: Unterschied zwischen den Versionen

Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 167: Zeile 167:
|-
|-
| 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.
Zeile 175: Zeile 175:
|-
|-
|Inhaltsfilter
|Inhaltsfilter
|keine Screenreader-Unterstützung
|Barriere: keine Screenreader-Unterstützung
|
|
|nicht erfüllt
|nicht erfüllt
Zeile 181: Zeile 181:
|-
|-
| Karte
| Karte
| veraltete Erweiterung.  Warten auf Update. Zoom ist barrierefreie, Markierungen nicht.
| veraltete Erweiterung.  Warten auf Update.
Barriere: Zoom-Schaltflächen zeigen den Fokus nicht an, Markierungen nicht mit Tastatur bedienbar.
|
|
|teilweise erfüllt
|teilweise erfüllt
Zeile 198: Zeile 199:
|
|
|-
|-
| Kontrollliste
| Kontrolllliste
|  
|  
|
|
Zeile 218: Zeile 219:
|-
|-
| 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)
|
|
|-
|-
Zeile 242: Zeile 245:
|-
|-
| Modal-Button
| Modal-Button
|  
| Barriere: kein Fokus über Tastatur; keine Fokusanzeige; Modalfeld herhält keinen Fokus
|
|
|
|nicht erfüllt
|
|
|-
|-
Zeile 254: Zeile 257:
|-
|-
| Notiz
| Notiz
| Redaktion: Überschrift, die die korrekte Betonung des Inhalts angibt, ist erforderlich (zum Beispiel: ''Hinweis:'')
|
|
|Ü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
|
|
|unklar
|unklar
Zeile 268: Zeile 271:
| 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 287: Zeile 289:
|-
|-
| 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 302:
|-
|-
| 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 314:
|-
|-
| 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
|
|

Version vom 24. Mai 2024, 12:01 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 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 eher erfüllt
Inhaltsfilter Barriere: keine Screenreader-Unterstützung nicht erfüllt
Karte veraltete Erweiterung. Warten auf Update.

Barriere: Zoom-Schaltflächen zeigen den Fokus nicht an, Markierungen nicht mit Tastatur bedienbar.

teilweise erfüllt
Kategorienbaum
Kontrollkästchen
Kontrolllliste
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)

Barriere: Formel im Hochkontrast-Modus nicht sichtbar. Dies kann aber angepasst werden.

eher erfüllt

(erfüllt nach Anpassung)

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 nicht erfüllt
Neue Benutzer ungeordnete Liste erfüllt
Notiz Ü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

unklar
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 (#36935)

teilweise erfüllt
PDF Vorschau
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
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.