Synonyme: Verlaufsanzeige, Fortschrittsbalken, Progressbar
Siehe auch: Schieberegler, Grafik
Eine Fortschrittsanzeige dient der Anzeige, wie weit ein Prozess fortgeschritten ist (siehe DIN EN ISO 9241-161: 8.30). Der Fortschritt kann in Textform, grafisch (z. B. Fortschrittsbalken) oder aus einer Kombination von Grafik und Text angezeigt werden. Die Darstellung der Fortschrittsanzeige ändert sich automatisch, bis der Prozess abgeschlossen ist.
Darstellung
Permalink "Darstellung"| Nr. | Eigenschaft | Beschreibung | Klassifizierung | Referenz |
|---|---|---|---|---|
| 314 | Kontrast | Die Fortschrittsanzeige muss ein Kontrastverhältnis von mindestens 3:1 aufweisen. Dies gilt für den Kontrast der Fortschrittsanzeige zum Hintergrund sowie für die Kontraste innerhalb der Fortschrittsanzeige (zwischen dem gefüllten und nicht gefüllten Balken). | Muss | EN 301 549: 9.1.4.11, 11.1.4.11 |
| 315 | Kontrast | Text in und bei der Fortschrittsanzeige muss ein Kontrastverhältnis von mindestens 4,5:1 aufweisen. | Muss | EN 301 549: 9.1.4.3, 11.1.4.3 |
| 316 | Fokussichtbarkeit | Erhält die Fortschrittsanzeige den Tastaturfokus, dann muss der Fokusindikator sichtbar sein (siehe Fokusindikator). | Muss | EN 301 549: 9.2.4.7, 11.2.4.7 |
Bedienung
Permalink "Bedienung"| Nr. | Eigenschaft | Beschreibung | Klassifizierung | Referenz |
|---|---|---|---|---|
| 317 | Tastaturbedienung | In Anwendungen, die den virtuellen Cursor nicht unterstützen, muss die Fortschrittsanzeige mit Tastatur erreicht und verlassen werden können (siehe Tabelle Tastaturbedienung). Ausnahme: Die Fortschrittsanzeige wird so ausgezeichnet, dass deren Aktualisierungen ohne Fokussierung mit Assistenztechnologie wahrnehmbar sind. | Muss | EN 301 549: 9.1.1.1, 11.1.1.1 |
| 318 | Tastaturbedienung | In Anwendungen, die den virtuellen Cursor unterstützen, soll die Fortschrittsanzeige nicht den Fokus erhalten. | Soll | EN 301 549: 9.4.1.4, 11.2.4.3 |
Tastaturbedienung Fortschrittsanzeige
Permalink "Tastaturbedienung Fortschrittsanzeige"Hinweis: Die folgende Tabelle gilt nur, wenn die Fortschrittsanzeige mit der Tastatur erreichbar sein muss (siehe oben).
| Aktion | Taste | Klassifizierung |
|---|---|---|
| Fortschrittsanzeige fokussieren | TAB | Erforderlich |
| Fortschrittsanzeige verlassen | TAB | Erforderlich |
Programmierung/Schnittstellen
Permalink "Programmierung/Schnittstellen"| Nr. | Eigenschaft | Beschreibung | Klassifizierung | Referenz |
|---|---|---|---|---|
| 319 | Rolle | Die Rolle „Fortschrittsanzeige“ muss an die Accessibility API übermittelt werden (siehe Accessibility API). | Muss | EN 301 549: 11.5.2.5 |
| 320 | Name | Die Fortschrittsanzeige muss einen knappen und aussagekräftigen Accessible Name besitzen. Hinweis 1: Der Accessible Name muss visuell nicht sichtbar sein. Hinweis 2: Text, der den aktuellen Prozessschritt bezeichnet, ist nicht der Accessible Name, sondern der Wert der Fortschrittsanzeige. | Muss | EN 301 549: 9.2.4.6, 11.2.4.6, 9.4.1.2, 11.4.1.2, 11.5.2.5, 11.5.2.8 |
| 321 | Wert | Der Wert der Fortschrittsanzeige muss an die Accessibility API übermittelt werden (siehe Accessibility API). Hinweis: Der Wert der Fortschrittsanzeige wird meist in Prozent angegeben. Zusätzlich kann der aktuelle Prozessschritt in Textform angegeben werden (z. B. Name der Datei, die aktuell kopiert wird). | Muss | EN 301 549: 11.4.1.2, 11.5.2.7 |
| 322 | Desktop: Wertebereich | Minimal- und Maximalwert der Fortschrittsanzeige müssen an die Accessibility API übermittelt werden (siehe Accessibility API). | Muss | EN 301 549: 11.5.2.7 |
| 323 | Bedienung | In Anwendungen, die den virtuellen Cursor nicht unterstützen, muss die Fortschrittsanzeige mit Assistenztechnologie erreicht und verlassen werden können (siehe Accessibility API). Ausnahme: Die Fortschrittsanzeige wird so ausgezeichnet, dass deren Aktualisierungen ohne Fokussierung mit Assistenztechnologie wahrnehmbar sind. | Muss | EN 301 549: 9.1.1.1, 11.1.1.1 |
| 324 | Desktop: Position | Größe und Position der Fortschrittsanzeige müssen an die Accessibility API übermittelt werden (siehe Fokusindikator). | Muss | EN 301 549: 11.5.2.5, 11.5.2.13 |
Praxistipp Fortschrittsanzeige in Web-Anwendungen
Permalink "Praxistipp Fortschrittsanzeige in Web-Anwendungen"Screenreader-Ausgabe
Permalink "Screenreader-Ausgabe"Fortschrittsanzeige mit Wert:
- JAWS: [Beschriftung] Fortschrittsanzeige [Wert] Prozent
- NVDA: [Beschriftung] Fortschrittsbalken [Wert]
- Windows Sprachausgabe: [Beschriftung] [Wert in %] Prozent Statusleiste Aktueller Wert [Wert] Mindestwert [minimaler Wert] Höchstwert [maximaler Wert]
Fortschrittsanzeige ohne Wert:
- JAWS: [Beschriftung] Fortschrittsanzeige 0 Prozent
- NVDA: [Beschriftung] Beschäftigt-Status
- Windows Sprachausgabe: [Beschriftung] 0 Prozent Statusleiste Aktueller Wert 0 Mindestwert [minimaler Wert] Höchstwert [maximaler Wert]
Hinweise:
- JAWS gibt den Wert irreführend mit dem Zusatz „Prozent“ aus, ohne diesen in einen Prozentwert umzurechnen.
- Die Aktualisierung der Fortschrittsanzeige ist mit JAWS und der Windows Sprachausgabe nicht automatisch wahrnehmbar.
- NVDA gibt die Aktualisierung der Fortschrittsanzeige unabhängig von der Fokusposition automatisch mit kurzen Pieptönen aus, deren Tonhöhe die Höhe des Werts repräsentiert.
HTML
Permalink "HTML"Die Fortschrittsanzeige sollte mit dem HTML-Element <progress> umgesetzt werden.
Der aktuelle Wert wird mit dem value-Attribut gesetzt. Wird kein value-Attribut angegeben, handelt es sich um eine unbestimmte Fortschrittsanzeige, die lediglich anzeigt, dass ein Fortschritt passiert, ohne angeben zu können, wie weit dieser vorangeschritten ist.
Der maximale Wert wird mit dem max-Attribut gesetzt. Es sollte beachtet werden, dass dieser Wert mit vielen Assistenztechnologien nicht wahrnehmbar ist. Der minimale Wert ist immer 0.
Die Beschriftung sollte mit dem Element <label for=ID> mit der Fortschrittsanzeige verknüpft werden.
Das <progress>-Element kann gemäß HTML-Spezifikation unterschiedliche Kindelemente enthalten. Diese sind jedoch weder visuell wahrnehmbar noch werden sie von den Assistenztechnologien ausgegeben.
Weitere Informationen: 4.10.13 The progress element - HTML Standard (whatwg.org)
ARIA
Permalink "ARIA"Wird die Fortschrittsanzeige nicht mit dem HTML-Element umgesetzt, sollte u. a. Folgendes beachtet werden:
- Die Rolle wird mit
role=progressbarübermittelt. - Der aktuelle Wert kann mit
aria-valuenowangegeben werden. Wird der Wert nicht angegeben, handelt es sich um eine unbestimmte Fortschrittsanzeige. - Mit
aria-valuetextkann zusätzlich ein Wert in Textform angegeben werden, der dann von der Assistenztechnologie anstelle des Werts imaria-valuenowausgegeben werden soll. - Der minimale und der maximale Wert können mit
aria-valueminundaria-valuemaxangegeben werden. - Die Beschriftung kann per
aria-labeloderaria-labelledbyerfolgen. - Die Darstellung der Fortschrittsanzeige sollte im Hochkontrast-Modus von Windows überprüft werden.
Weitere Informationen: progressbar role - Accessible Rich Internet Applications (WAI-ARIA) 1.2 (w3.org) (Externer Link)
Informationen zu diesem Artikel
Gerne können Sie uns Feedback per E-Mail zu unserer Handreichung senden!