-
Customer Experience -
Employee Experience -
Brand Experience -
Core XM -
Design XM
Tipps für barrierefreies Dashboard-Design (Studio)
Tipps für barrierefreies Dashboard Design in Studio
Qualtrics unterstützt Sie dabei, barrierefreie Inhalte für Ihre Dashboard-Betrachter zu erstellen und zu verwalten. Hier finden Sie einige Tipps zum Erstellen barrierefreier Dashboards in Studio!
Design für kleinere Dynpros
Studio-Dashboards skalieren reaktionsschnell für eine Vielzahl von Bildschirmgrößen, aber einige Layouts passen sich leichter an kleinere Ansichten an als andere. Wenn Sie Ihre Dashboards mit einem ein- oder zweispaltigen Layout entwerfen, können Sie sicherstellen, dass Inhalte nicht drastisch umgebrochen oder abgeschnitten werden.
Textalternativen für Bilder und Datenvisualisierungen verwenden
Textalternativen für Bilder bieten sehbehinderten oder nicht sehenden Benutzern eine Beschreibung aller visuellen Inhalte in Ihren Dashboards. Beim Bearbeiten Ihres Dashboards können Sie alten Bildtext und Beschreibungen sowohl zu Ihren Bild-Widgets als auch zu Datenvisualisierungen hinzufügen. Informationen zum Bearbeiten von Widget-Beschreibungen finden Sie unten im Abschnitt Visualisierungs-Widget-Beschreibung bearbeiten.
Gute Alt-Bildtitel sind spezifisch und prägnant. Beschreiben Sie das Bild, das Logo oder die Symbole so prägnant wie möglich und liefern Sie eine robuste Erklärung des Bildes für Benutzer, die sie nicht sehen können. Ein guter Alt-Bildtitel ist in der Regel weniger als 125 Zeichen lang. Informationen zum Hinzufügen von Alternativtext zur Beschreibung eines Bilds, um Benutzern, die auf ein Bildschirmausleseprogramm angewiesen sind, den Zugriff auf Ihr Dashboard zu erleichtern, finden Sie auf der Seite Bild-Widget.
Lange Beschreibungen für komplexe Bilder oder Datenvisualisierungen einschließen
Diagramme, Diagramme und Diagramme enthalten wesentliche Informationen, die nicht in einem kurzen Alt-Bildtitel übermittelt werden können. Zusätzlich zu einem beschreibenden Titel generiert XM Discover automatisch dynamische Langbeschreibungen für alle Widgets mit Ausnahme von Inhalt-Widget-Typen. Diese Beschreibungen fassen die wesentlichen Datenpunkte zusammen und weisen auf relevante Informationen hin, die die Visualisierung kommunizieren soll. Informationen zum Bearbeiten dieser Beschreibungen finden Sie unten im Abschnitt Bearbeiten einer Beschreibung für ein Visualisierungs-Widget.
Keine Bilder als Text verwenden
Wenn Text in ein Bild abgeflacht wird, kann er nicht von Bildschirmausleseprogrammen und anderen unterstützenden Technologien “gecrawlt” oder gelesen werden. Verwenden Sie anstelle von Bildern unser Textblock-Widget und die Überschriftenstile (H1, H2, H3 usw.), um eine semantische Struktur in den Inhalt in Ihren Dashboards einzubetten. Wenn Sie die Organisation eines Kategoriemodells oder einer Rubrik auf Ihrem Dashboard anzeigen möchten, verwenden Sie das Objekt-Viewer-Widget, anstatt Screenshots einzufügen.
Farbe, Größe und Position zum Übertragen von Informationen verwenden
Seien Sie nachdenklich in Ihrer Verwendung von Farbe, Größe und Position von Elementen, um Informationen zu vermitteln. Dashboard-Betrachter sollten in der Lage sein, Inhalte zu verstehen, ohne sich ausschließlich auf sensorische Merkmale zu verlassen.
Beispiel:
- Verweisen Sie Widgets nach Namen anstelle ihrer Position auf dem Dashboard (z.B. “das Widget auf der rechten Seite” ist für einen Benutzer mit einer visuellen Beeinträchtigung nicht aussagekräftig).
- Unterscheiden Sie Datenpunkte mit Beschriftungen und nicht nur mit Farbe.
Benutzerdefinierte Farbpaletten
Sie können die Farbpaletten erstellen und verwalten, die in Studio-Dashboards verwendet werden.
Musterfüllungen und Dunkelmodus
Benutzer mit verschiedenen Ebenen der visuellen Fähigkeit können Musterfüllungen anwenden oder ein Vorschaufarbschema für Dashboards und Bücher auswählen.
Bedingte Metrikfarben
Sie können Ihre Metrikfarben auf der Seite Studio-Metriken einfach aktualisieren. Beachten Sie beim Vornehmen von Änderungen, dass sich dies auf die Ansicht für alle Benutzer in Ihrer Organisation auswirkt. Für XM Discover-Kennzahlen wie Stimmung und Aufwand sind Symbole integriert, die die repräsentativen Farben ergänzen und die Abhängigkeit von Farbe als einzige Informationsquelle verringern.
Dashboards nicht überladen
Halten Sie Ihre Dashboards so einfach wie möglich, um sicherzustellen, dass der Inhalt und die Interaktivität für alle Benutzer verständlich und navigierbar sind.
Visualisierungs-Widget-Beschreibung bearbeiten
XM Discover generiert automatisch dynamische Langbeschreibungen für Visualisierungs-Widgets. Diese bearbeitbaren Beschreibungen fassen die wesentlichen Datenpunkte zusammen und weisen auf relevante Informationen hin, die die Visualisierung kommunizieren soll.
- Klicken Sie oben rechts auf dem entsprechenden Dashboard auf Bearbeiten.
- Klappen Sie das Aktionsmenü oben rechts im entsprechenden Widget auf, und klicken Sie auf Bearbeiten.
- Wählen Sie im Fenster Widget bearbeiten die Registerkarte Eigenschaften.
- Bearbeiten Sie die Beschreibung im Feld Beschreibung (bis zu 1.000 Zeichen).
Tipp: Informationen zu Beschreibungen finden Sie oben im Abschnitt Lange Beschreibungen für komplexe Bilder oder Datenvisualisierungen einschließen.Tipp: Tipps zum Schreiben barrierefreier Beschreibungen für interaktive Diagramme finden Sie im Highchart-Leitfaden zum Schreiben barrierefreier Beschreibungen für interaktive Diagramme.