Zuletzt bearbeitet vor 5 Tagen
von Margit Link-Rodrigue

BITV/ContentDroplets: Unterschied zwischen den Versionen

VisuellWikitext
Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
K ((Benutzername entfernt) (Logbucheinzelheiten entfernt))
 
(15 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
 
Ü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
!Hinweis für Redakteure
!Hinweis für Redakteure
!BITV/WCAG Status  
!BITV Status  
(nur Lesemodus!)
(Lesemodus!)
!Ticket
|-
|-
| Anhänge
| Anhänge
| 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 Screenreader-ready
|
|
| style="" class="" |teilweise erfüllt
| style="" class="" |teilweise erfüllt
|36925
|-
|-
| Anzahl aller Benutzer
| Anzahl aller Benutzer
Zeile 19: Zeile 19:
|
|
|erfüllt
|erfüllt
|
|-
|-
| Anzahl aller Dateien
| Anzahl aller Dateien
Zeile 24: Zeile 25:
|
|
|erfüllt
|erfüllt
|
|-
|-
| Anzahl an Seiten
| Anzahl an Seiten
Zeile 29: Zeile 31:
|
|
|erfüllt
|erfüllt
|
|-
|-
| Anzahl an Zeichen
| Anzahl an Zeichen
Zeile 34: Zeile 37:
|
|
|erfüllt
|erfüllt
|
|-
|-
| Anzahl angemeldeter Benutzer
| Anzahl angemeldeter Benutzer
Zeile 39: Zeile 43:
|
|
|erfüllt
|erfüllt
|
|-
|-
|Aufgabenliste
|Aufgabenliste
|ungeordnete Liste
|ungeordnete Liste
geschlossene Aufgabe wird im Screenreader nicht vorgelesen
Barriere: geschlossene Aufgabe wird im Screenreader nicht vorgelesen
|
|
|teilweise erfüllt
|teilweise erfüllt
|37382
|-
|-
|Aufgabenbericht
|Aufgabenbericht
|Tabelle (OOJS)
|Tabelle (OOJS)
OOJS Kopf-/Fußzeilen nicht vollständig Screenreader-ready
Barriere: OOJS Kopf-/Fußzeilen nicht vollständig Screenreader-ready
|
|
|teilweise erfüllt
|teilweise erfüllt
|37382
|-
|-
| 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 61: Zeile 69:
|
|
|erfüllt
|erfüllt
|
|-
|-
| Besuchte Seiten
| Besuchte Seiten
Zeile 66: Zeile 75:
|
|
|erfüllt
|erfüllt
|
|-
|-
| BPMN-Diagramm  
| BPMN-Diagramm  
Zeile 71: Zeile 81:
|
|
|nicht erfüllt
|nicht erfüllt
|
|-
|-
| Bücherliste
| Bücherliste
Zeile 76: Zeile 87:
|
|
|erfüllt
|erfüllt
|
|-
|-
|Buch-Inhaltsverzeicnis
|Buch-Inhaltsverzeicnis
Zeile 81: Zeile 93:
|
|
|erfüllt
|erfüllt
|
|-
|-
|Buch-PDF-Link
|Buch-PDF-Link
Zeile 86: Zeile 99:
|auf korrekte Beschriftung des Links achten
|auf korrekte Beschriftung des Links achten
|erfüllt
|erfüllt
|
|-
|-
| Chemische Formel  
| Chemische 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
|-
|-
| Code  
| Code  
Zeile 96: Zeile 113:
|entsprechende Kommentare müssen Start und Ende des Codeblocks kennzeichnen.
|entsprechende Kommentare müssen Start und Ende des Codeblocks kennzeichnen.
|erfüllt
|erfüllt
|
|-
|-
| Datenabfrage
| Datenabfrage
Zeile 101: Zeile 119:
|
|
|erfüllt
|erfüllt
|
|-
|-
|Datum  
|Datum  
Zeile 106: Zeile 125:
|
|
|erfüllt
|erfüllt
|
|-
|-
| Diagramm  
| Diagramm  
Zeile 112: Zeile 132:
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
|erfüllt
|
|-
|-
| 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
|erfüllt
|37374
|-
|-
| Entscheidung
| Entscheidung
| wird im Screenreader 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
|
|
|-
|-
Zeile 133: Zeile 157:
|Ü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
|
|-
|-
| Fortschritt
| Fortschritt
|  
| Prozentzahl wird korrekt vorgelesen.
|
Barriere: Screenreader: kein Label vorhanden; es wird nur die Prozentzahl vorgelesen; Kontrast zwischen Text und Hintergrund nicht ganz ausreichend
|
|Vor dem Balken eine Erklärung anfügen, was die Prozentzahl aussagt.
|teilweise 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.
|
Barriere: Zoom-Schaltflächen zeigen den Fokus nicht an, Markierungen nicht mit Tastatur bedienbar.
|
|
|teilweise erfüllt
|37358
|-
|-
| Kategorienbaum
| Kategorienbaum
|  
| Barriere: Baum nicht mit Tastatur aufklappbar. Wird nicht als Baum angekündigt.
|
|
|
|eher nicht erfüllt
|37405
|-
|-
| Kontrollkästchen
| Kontrolllliste
|
| Select-Box.
|
Barriere: Erstellt beim Navigieren durch die Optionen mit Screenreader (Pfeiltasten) unbeabsichtigt automatisch Seitenversionen.
|
|-
| Kontrollliste
|
|
|
|
|eher nicht erfüll
|37403
|-
|-
| Letzte Änderungen
| Letzte Änderungen
Zeile 175: Zeile 204:
|
|
|erfüllt
|erfüllt
|
|-
|-
| 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
|nicht erfüllt
|37381
|-
|-
| 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 191: Zeile 225:
|
|
|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, "sans-serif";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
|hervorgehobener Text
|hervorgehobener Text
|Überschrift, die die korrekte Betonung des Inhalts angibt, ist erforderlich (zum Beispiel: Neu!)
|Überschrift, die die korrekte Betonung des Inhalts angibt, ist erforderlich (zum Beispiel: Neu!)
|erfüllt
|erfüllt
|
|-
|-
| style="width:190px;" |Mitgliederliste
| style="width:190px;" |Mitgliederliste
Zeile 201: Zeile 237:
|
|
|erfüllt
|erfüllt
|
|-
|-
| Modal-Button
| Modal-Button
|  
| Barriere: kein Fokus über Tastatur; keine Fokusanzeige; Modalfeld herhält keinen Fokus
|
|
|
|nicht erfüllt
|37371
|-
|-
| Neue Benutzer
| Neue Benutzer
Zeile 211: Zeile 249:
|
|
|erfüllt
|erfüllt
|
|-
|-
| 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
|-
|-
| 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.
|
|erfüllt
|
|
|unklar
|-
|-
| 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
|-
|-
| 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
|  
| Zweispaltige Tabelle mit ungeordneter Liste als Spalteninhalt
|
|
|erfüllt
|
|
|-
|-
|QR Code
|QR Code
|Grafik
|Grafik wird korrekt als  
|wird korrekt als QR Code für <Seitenname> vorgelesen
"QR Code für <Seitenname>" vorgelesen
|
|erfüllt
|erfüllt
|
|-
|-
| Schaltfläche  
| Schaltfläche  
|
|
|
|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
|
|
|-
|-
| 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 274: Zeile 326:
|Symbol kann nicht alleine stehen, da es von Screenreadern nicht berücksichtigt wird. Immer mit Text kombinieren!
|Symbol kann nicht alleine stehen, da es von Screenreadern nicht berücksichtigt wird. Immer mit Text kombinieren!
|erfüllt
|erfüllt
|
|-
|-
| Tipp
| Tipp
Zeile 279: Zeile 332:
|Ü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
|
|-
|-
| 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
|
|-
|-
| Unterseiten
| Unterseiten
Zeile 289: Zeile 344:
|
|
|erfüllt
|erfüllt
|
|-
|-
| Verlinkungen auf diese Seite
| Verlinkungen auf diese Seite
Zeile 294: Zeile 350:
|
|
|erfüllt
|erfüllt
|
|-
|-
| 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 304: Zeile 367:
|Überschrift, die die korrekte Betonung des Inhalts angibt, ist erforderlich (zum Beispiel: ''Wichtig!'')
|Überschrift, die die korrekte Betonung des Inhalts angibt, ist erforderlich (zum Beispiel: ''Wichtig!'')
|erfüllt
|erfüllt
|
|-
|-
| Warnmeldung
| Warnmeldung
Zeile 309: Zeile 373:
|Ü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
|
|-
|-
| 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 28. Mai 2024, 12:06 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

teilweise erfüllt 37382
Aufgabenbericht Tabelle (OOJS)

Barriere: OOJS Kopf-/Fußzeilen nicht vollständig Screenreader-ready

teilweise erfüllt 37382
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 Ü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

Barriere: Kreis wird im Hochkontrast-Modus nicht angezeigt.

Farbkontrast berücksichtigen 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.

Barriere: Screenreader: kein Label vorhanden; es wird nur die Prozentzahl vorgelesen; Kontrast zwischen Text und Hintergrund nicht ganz ausreichend

Vor dem Balken eine Erklärung anfügen, was die Prozentzahl aussagt. teilweise 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 veraltete Erweiterung. Warten auf Update.

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

teilweise erfüllt 37358
Kategorienbaum Barriere: Baum nicht mit Tastatur aufklappbar. Wird nicht als Baum angekündigt. eher nicht erfüllt 37405
Kontrolllliste Select-Box.

Barriere: Erstellt beim Navigieren durch die Optionen mit Screenreader (Pfeiltasten) unbeabsichtigt automatisch Seitenversionen.

eher nicht erfüll 37403
Letzte Änderungen ungeordnete Liste erfüllt
Liste angemeldeter Besucher Link mit Hover-Funktion

Barriere: keine Tastaturnavigation oder Screenreader-Unterstützung

nicht erfüllt 37381
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 nicht erfüllt 37371
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=10617“
Keine Kategorien vergebenBearbeiten

Diskussionen