zum Hauptinhalt springen
Loading...
Skip to article
  • Qualtrics Platform
    Qualtrics Platform
  • Customer Journey Optimizer
    Customer Journey Optimizer
  • XM Discover
    XM Discover
  • Qualtrics Social Connect
    Qualtrics Social Connect

Tipps für barrierefreies Dashboard-Design (Studio)


Was this helpful?


This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

The feedback you submit here is used only to help improve this page.

That’s great! Thank you for your feedback!

Thank you for your feedback!


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.
Farbpaletten

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.

Tipp: Diese Einstellungen sind benutzerspezifisch. Andere Benutzer, die dasselbe Dashboard oder dieselbe Dokumentenmappe anzeigen, sehen die angewendeten Musterfüllungen oder das Vorschaufarbschema nicht.

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

Tipp: Die Option zum Bearbeiten einer Beschreibung ist für Inhalt-Widget-Typen nicht verfügbar.

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.

Tipp: 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.
  1. Klicken Sie oben rechts auf dem entsprechenden Dashboard auf Bearbeiten.
    Klicken Sie oben rechts auf dem entsprechenden Dashboard auf Bearbeiten.
  2. Klappen Sie das Aktionsmenü oben rechts im entsprechenden Widget auf, und klicken Sie auf Bearbeiten.
    Klappen Sie das Aktionsmenü oben rechts im entsprechenden Widget auf, und klicken Sie auf Bearbeiten.
  3. Wählen Sie im Fenster Widget bearbeiten die Registerkarte Eigenschaften.
    Wählen Sie im Fenster Widget bearbeiten die Registerkarte Eigenschaften. Bearbeiten Sie die Beschreibung im Feld Beschreibung.
  4. 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.

Viele Seiten dieses Portals wurden mithilfe maschineller Übersetzung aus dem Englischen übersetzt. Obwohl wir bei Qualtrics die bestmögliche maschinelle Übersetzung ausgewählt haben, um ein möglichst gutes Ergebnis zu bieten, ist maschinelle Übersetzung nie perfekt. Der englische Originaltext gilt als offizielle Version. Abweichungen zwischen dem englischen Originaltext und den maschinellen Übersetzungen sind nicht rechtlich bindend.