Zu Hauptinhalt springen Zu ergänzendem Inhalt springen

Best Practices für die Entwicklung barrierefreier Apps

Analyse-Apps unterstützen mehrere Funktionen für Barrierefreiheit. App-Ersteller können auch zusätzliche Maßnahmen ergreifen, um die Barrierefreiheit zu verbessern und sicherzustellen, dass alle Benutzer auf die Informationen in ihren Analyse-Apps zugreifen können.

Analyse-Apps unterstützen die folgenden Funktionen für Barrierefreiheit:

Bei der Gestaltung von Apps für Barrierefreiheit sollten Sie einige Best Practices befolgen. Darüber hinaus gibt es spezifische App-Einstellungen, die Sie verwenden können, um die Barrierefreiheit Ihrer Apps zu verbessern.

Best Practices für die Gestaltung

Folgen Sie bei der Gestaltung den folgenden Best Practices für Barrierefreiheit:

  • Eine flache Arbeitsblattstruktur beibehalten

  • Zuerst eine Übersicht bereitstellen

  • Barrierefreie Farben verwenden

  • Visualisierungen im Hinblick auf ihre Barrierefreiheit auswählen

  • Storytelling vermeiden

Eine flache Arbeitsblattstruktur beibehalten

Verwenden Sie beim Hinzufügen von Visualisierungen zu Ihren Arbeitsblättern eine flache Struktur mit wenigen Spalten und Zeilen. Eine flache Struktur verbessert die Lesbarkeit für Ihre Benutzer. Außerdem wird dadurch die Tastaturnavigation erleichtert, da sich die Tastaturnavigation von links oben nach rechts unten bewegt.

Komplexe Arbeitsblatt-Layouts mit vielen Spalten und Zeilen sind nicht nur schwerer verständlich, sondern auch erschweren auch das Navigieren über die Tastatur. Wenn Sie ein Arbeitsblatt entwerfen, sollten Sie selbst versuchen, mit der Tastatur zu navigieren, um auszuprobieren, wie die Benutzer Ihre App wahrnehmen.

Flaches Arbeitsblatt-Layout

Komplexes Arbeitsblatt-Layout

Zuerst eine Übersicht bereitstellen

Geben Sie bei der Erstellung von Arbeitsblättern zuerst eine Übersicht und dann die Details an. So können die Benutzer die Informationen in Ihren Arbeitsblättern leichter erfassen. Beginnen Sie zum Beispiel mit Zusammenfassungen und KPIs in Ihren Arbeitsblättern und stellen Sie dann detailliertere Tabellen oder andere Visualisierungen zur Verfügung. Sie können die Details auch auf einem anderen Arbeitsblatt platzieren. Alternativ können Sie die Größe des Arbeitsblatts so ändern, dass es scrollbar ist, und zusätzliche Details weiter unten auf dem Blatt platzieren.

Weitere Informationen zum Ändern der Arbeitsblattgröße finden Sie unter Ändern von Arbeitsblatt-Layouts.

Passende Visualisierungen auswählen

Analyse-Apps bieten eine Reihe von Visualisierungen zur Verwendung in der Analyse. Einige Visualisierungen eignen sich bei der Entwicklung barrierefreier Apps besser als andere. Achten Sie bei der Auswahl der Visualisierungen auf folgende Punkte:

  • Diagramme mit Datenansicht verwenden

  • Das Tabellendiagramm aus dem Visualization Bundle verwenden

  • Die Verwendung von Kartendiagrammen vermeiden

  • Die Verwendung benutzerdefinierter Objekte vermeiden

Diagramme mit Datenansicht verwenden

Verwenden Sie bei der Gestaltung Ihrer App Diagramme mit Datenansicht. Mit der Datenansicht können Benutzer das Diagramm in eine Tabelle umwandeln und Werte prüfen und auswählen.

Ein Kreisdiagramm mit demselben Kreisdiagramm in der Datenansicht

Die Datenansicht ist in den folgenden Diagrammen verfügbar:

  • Balkendiagramm
  • Boxplot (mit einer oder mehreren Dimensionen)
  • Kombi-Diagramm
  • Verteilungsdiagramm
  • Histogramm
  • Liniendiagramm
  • Kreisdiagramm
  • Pivottabelle
  • Punktdiagramm
  • Baumkarte

Weitere Informationen finden Sie unter Datenvisualisierungen anzeigen.

Das Tabellendiagramm aus dem Visualization Bundle verwenden

Das Tabellendiagramm aus dem Visualization Bundle bietet eine verbesserte Navigationserfahrung im Vergleich zur aktuellen Tabellenvisualisierung. Wenn Sie einer barrierefreien App Tabellen hinzufügen, verwenden Sie dieses Diagramm anstelle der standardmäßigen Tabellenvisualisierung.

Weitere Informationen finden Sie unter Tabellendiagramm.

Die Verwendung von Kartendiagrammen vermeiden

Im Kartendiagramm ist keine Tastaturnavigation möglich. Wenn Sie barrierefreie Apps entwickeln, sollten Sie alternative Möglichkeiten zur Darstellung Ihrer geografischen Daten in Betracht ziehen.

Die Verwendung benutzerdefinierter Objekte vermeiden

Abgesehen vom Tabellendiagramm bieten die Diagramme im Dashboard Bundle oder im Visualization Bundle möglicherweise weniger gute Barrierefreiheit als andere Diagramme. Sie werden nicht für die Verwendung in barrierefreien Apps empfohlen. Wenn Sie Erweiterungen verwenden, sollten Sie diese testen, um sicherzustellen, dass sie für Ihre Benutzer barrierefrei sind.

Barrierefreie Farben verwenden

Das Farbspektrum von Personen mit farbbasierten Sehproblemen ist stärker eingeschränkt. Sie könnten die Visualisierung anders als von Ihnen beabsichtigt interpretieren. Manche Benutzer haben zum Beispiel Schwierigkeiten mit roten und grünen Farbtönen in Ihren Visualisierungen. Linien, Balken und Segmente lassen sich möglicherweise schlecht unterscheiden, wenn die Farben nicht genug Kontrast aufweisen.

Vorzugsweise sollten Sie in Ihrer App ein einfaches Farbschema verwenden. Die Standard-Farbschemas für Apps haben jeweils 12 Farben, die miteinander kontrastieren. Wenn möglich, sollten nicht mehr als drei bis fünf Farben verwendet werden, oder sogar ein Farbschema, das auf einer einzigen Farbe basiert. Sie können Ihre eigenen benutzerdefinierten Farbschemas erstellen und diese in allen Ihren barrierefreien Apps verwenden. Weitere Informationen finden Sie unter Erstellen von benutzerdefinierten Formatvorlagen.

Sie können auch einige Farben unabhängig von Formatvorlagen manuell festlegen. Für Dimensionen können Sie Farben zu Werten in Masterdimensionen zuweisen. Weitere Informationen finden Sie unter Zuweisen von Farben zu Master-Dimensionswerten. Sie können auch die Farbverwendung nach Formeln festlegen. Weitere Informationen finden Sie unter Farbgebung nach Formel. Weitere Informationen zu den Farboptionen für Visualisierungen finden Sie unter Farbige Kennzeichnung einer Visualisierung.

Hinzufügen von Formen als Leistungsindikatoren in KPIs

Sie haben die Möglichkeit, Formen als Leistungsindikatoren in KPIs hinzuzufügen. Diese bieten Kontext und machen Ihre KPIs leichter verständlich. Nutzen Sie beispielsweise einen leeren roten Kreis, um auf schlechte Ergebnisse hinzuweisen, einen gefüllten grünen Kreis für gute Ergebnisse und ein Dreieck als Warnsymbol, das nur angezeigt wird, wenn der KPI-Status inakzeptabel ist. Weitere Informationen finden Sie unter Hinzufügen von Formen zu KPIs.

KPI mit Formen für Leistungsindikatoren

Ein KPI verwendet ein nach unten zeigendes Dreieck für ein negatives Ergebnis und ein nach oben zeigendes Dreieck für ein positives Ergebnis.

Storytelling vermeiden

Storys sind für die Präsentation von Erkenntnissen zwar nützlich, aber Arbeitsblätter sind für Tastaturnavigation und Bildschirmleser besser zugänglich. In Apps, die für Barrierefreiheit ausgelegt sind, sollten Sie Arbeitsblätter für die Präsentation der Erkenntnisse verwenden.

Einstellungen für barrierefreie Apps

Analyse-Apps verfügen über eine Reihe von Einstellungen, mit denen Sie die Barrierefreiheit Ihrer Apps verbessern können.

Arbeitsblatt-Einstellungen

Es gibt mehrere Einstellungen, die Sie in Ihren Arbeitsblättern ändern können, um die Barrierefreiheit zu verbessern:

  • Den Titelkontrast des Arbeitsblatts verbessern

  • Das Daraufzeigen-Menü deaktivieren

Verbessern des Titelkontrasts des Arbeitsblatts

Sie können die Sichtbarkeit von Arbeitsblatttiteln verbessern, indem Sie sie so gestalten, dass sie einen Kontrast zu Ihren Arbeitsblättern bilden.

  1. Klicken Sie in der App-Navigationsleiste auf den App-Titel.

  2. Klicken Sie auf Einstellungen, um die Einstellungen zu öffnen.

  3. Passen Sie unter Design des Arbeitsblatttitels Ihre Farbeinstellungen an, um den Kontrast zu verbessern.

Deaktivieren des Daraufzeigen-Menüs

Wenn Sie das Daraufzeigen-Menü deaktivieren, können Sie die Navigation reibungsloser gestalten. Es kommt nicht zu Funktionsverlust, da die Optionen auch über das Kontextmenü und die Tastaturkürzel verfügbar sind.

  1. Klicken Sie in der App-Navigationsleiste auf den App-Titel.

  2. Klicken Sie auf Einstellungen, um die Einstellungen zu öffnen.

  3. Deaktivieren Sie unter Darstellung die Option Draufzeigen-Menü für Visualisierungen anzeigen.

Diagrammeinstellungen

Einige Diagramme verfügen über Optionen, mit denen sich die Barrierefreiheit für Benutzer verbessern lässt. Sie haben folgende Möglichkeiten:

  • Textbeschreibungen bereitstellen

  • Dimensionswerte in Visualisierungen begrenzen

  • Formen zu KPIs hinzufügen

Bereitstellen von Textbeschreibungen

Visualisierungen verfügen über Felder für Titel, Untertitel und Fußnoten. Genaue Textbeschreibungen helfen Ihren Benutzern bei der Navigation durch Ihre Visualisierungen und liefern den Kontext zu Ihren Arbeitsblättern. Ohne Kontext kann es länger dauern, bis die Benutzer die Informationen, die sie interessieren, in Ihren Arbeitsblättern finden. Titel, Untertitel und Fußnoten können auch von Screenreadern gelesen werden.

Wenn Sie im Standardbearbeitungsmodus eine Visualisierung auswählen, finden Sie Titel, Untertitel und Fußnoten in den Eigenschaften unter Präsentation > Bezeichnungen.

Im erweiterten Bearbeitungsmodus finden Sie Titel, Untertitel und Fußnoten im Eigenschaftsfenster unter Darstellung > Allgemein.

Dimensionswerte in Visualisierungen begrenzen

Wenn Sie mit nominalen Daten in Dimensionen arbeiten, versuchen Sie, Hierarchien zu finden oder Aggregierungen vorzunehmen, wenn die Anzahl der Kategorien größer als 10 ist. Wenn Sie z.B. die 10 wichtigsten Werte anzeigen und den Rest als „Sonstige“ kategorisieren, sind Ihre Daten leichter verständlich und können besser vorgelesen werden. Wenn Sie vollständige Details angeben müssen, können Sie diese am Ende des Arbeitsblatts oder auf anderen Arbeitsblättern einfügen.

  1. Klicken Sie im Bearbeitungsmodus auf Erweiterte Optionen.

  2. Wählen Sie eine Visualisierung aus.

  3. Wählen Sie im Eigenschaftsfenster unter Daten eine Dimension aus.

  4. Wählen Sie unter Beschränkung eine der folgenden Beschränkungen aus:

    • Feste Anzahl: zum Anzeigen der oberen oder unteren Werte. Legen Sie die Anzahl der Werte fest. Zum Festlegen der Anzahl können Sie auch eine Formel verwenden. Klicken Sie zum Öffnen des Formel-Editors auf Formel.

    • Genauer Wert: zum Festlegen des genauen Werts für die Beschränkung mit den Operatoren. Zum Festlegen der Anzahl können Sie auch eine Formel verwenden. Klicken Sie zum Öffnen des Formel-Editors auf Formel.

    • Relativer Wert: zum Festlegen des relativen Werts für die Beschränkung in Prozent mit den Operatoren. Zum Festlegen der Anzahl können Sie auch eine Formel verwenden. Klicken Sie zum Öffnen des Formel-Editors auf Formel.

Zahlen abkürzen

Das Lesen, Hören und Verstehen von langen Zahlen kann eine Herausforderung sein. Wenn möglich, kürzen Sie Ihre Zahlen ab, um die Anzahl der Ziffern und Dezimalstellen gering zu halten.

Sie können Funktionen wie Ceil und Round verwenden, um Zahlen zu runden. Wenn Sie zum Beispiel Messwerte auf Millionen mit einer Dezimalstelle runden möchten, können Sie =Round(Sum(Sales)/1000000, 0.1) verwenden.

Weitere Informationen finden Sie unter:

Hinzufügen von Formen zu KPIs

Wenn Sie für Ihre KPIs bedingte Farben verwenden, können Sie zusätzlich zur Farbe auch Symbole hinzufügen. Symbole können verwendet werden, um zusätzliche Leistungsindikatoren zu liefern.

  1. Wählen Sie eine KPI-Visualisierung aus und wechseln Sie zum Eigenschaftsfenster im erweiterten Bearbeitungsmodus.

  2. Wählen Sie Darstellung aus und erweitern Sie Farbe.

  3. Deaktivieren Sie bei Bedarf Bibliotheksfarben und aktivieren Sie Bedingte Farben.

  4. Klicken Sie auf Grenze hinzufügen, um einen neuen Grenzwert zu erstellen. Einem einzelnen KPI-Diagramm können mehrere Grenzwerte hinzugefügt werden.

  5. Geben Sie einen Wert für den Grenzwert an oder geben Sie eine Formel über den Formel-Editor ein.

  6. Klicken Sie auf der Farbleiste Wert auf den zu ändernden Bereich des KPI.

  7. Wählen Sie unter Farben eine vordefinierte Farbe aus oder nutzen Sie eine benutzerdefinierte.

  8. Wechseln Sie bei Bedarf zu Symbole, um das Symbol auszuwählen, das angezeigt werden soll, wenn Ihr KPI innerhalb des angegebenen Grenzwerts liegt.

Dynamische Titel verwenden

Verwenden Sie bei der Erstellung von Visualisierungen dynamische Titel, um die zentralen Informationen des Diagramms zu erfassen. Anstatt nur einen allgemeinen Titel zu verwenden, können Sie eine Formel für den Titel erstellen, die dynamisch Informationen auf der Grundlage der Auswahl des Benutzers liefert.

Durch die Verwendung der Aggregierung mit Auswahlformeln in Kombination mit max(), min(), rank() und correl() zur Erstellung der Titel können Sie dynamischere, anschaulichere Diagramme präsentieren.

Diese Visualisierung hat zum Beispiel einen statischen Titel.

Statischer Titel

Ein Liniendiagramm mit dem statischen Titel „Umsatz pro Jahr“ zeigt einen steigenden Umsatztrend zwischen 2018 und 2021.

Wenn dem Titel und dem Untertitel dynamische Formeln hinzugefügt werden, drückt das Diagramm Informationen dynamischer aus und bietet den Benutzern mehr Informationen.

Dynamische Titel und Untertitel

Liniendiagramm mit dem dynamischen Titel „Umsatzanstieg um 3,2% im letzten Zeitraum“

Der Vorteil der dynamischen Titel ist, dass sie sich je nach Auswahl des Benutzers ändern. In der Visualisierung unten wurden die drei umsatzstärksten Länder ausgewählt, wodurch sich der Titel und der Untertitel der Visualisierung ändern.

Dynamische Titel und Untertitel nach Auswahlen

Der dynamische Titel des Liniendiagramms wurde in „Umsatzrückgang um 6,4% im letzten Zeitraum“ geändert.

Hat diese Seite Ihnen geholfen?

Wenn Sie Probleme mit dieser Seite oder ihren Inhalten feststellen – einen Tippfehler, einen fehlenden Schritt oder einen technischen Fehler –, teilen Sie uns bitte mit, wie wir uns verbessern können!