Barrierefreiheitseinstellungen

Kurzübersicht

In diesem Artikel erfahren Sie, welche Einstellungen unterstützt werden, um Ihre WalkMe-Implementierungen für alle Ihre Benutzer zugänglich zu machen, und wie Sie sie während der Erstellung aktivieren und verwenden können. Für allgemeinere Informationen zur Barrierefreiheit in WalkMe und den von uns unterstützten Standards lesen Sie bitte den folgenden Artikel: Barrierefreiheit in WalkMe

Einstellungen

So aktivieren Sie die Barrierefreiheit:

1. Zum Admin-Center navigieren → Systeme
2. Klicken Sie auf das System, für das Sie die Barrierefreiheit aktivieren möchten
3. Öffnen Sie die Registerkarte Barrierefreiheit
4. Verwenden Sie den Schalter, um die Barrierefreiheit zu aktivieren
   • Aktivieren Sie das Kästchen, wenn die Barrierefreiheit automatisch in allen zukünftigen Systemen aktiviert werden soll, die mit diesem Konto erstellt werden

Allgemeine Navigation

• Tab – um durch Inhalte zu wechseln
• Tab+shift - um rückwärts zu gehen
• Enter - um zu klicken

Anpassbare Inhalte

WalkMe-Elemente sind mit ARIA-Tags und semantischem HTML-Markup versehen und unterstützen auf diese Weise Assistenzsysteme bei der Erkennung ihrer Struktur, Rollen und Funktionsweisen.

Tastaturzugänglichkeit

Die gesamte Funktionalität aller WalkMe-Komponenten ist über eine Tastaturschnittstelle zugänglich.

Verwenden Sie beispielsweise die TAB-Taste, um durch klickbare Elemente wie Launchers, Menüelemente und Schaltflächen zu navigieren, verwenden Sie die Eingabetaste, um auf Aktionsschaltflächen zu klicken und verwenden Sie die ESC-Taste, um Dialogfelder wie Sprechblasen, ShoutOuts und das WalkMe-Menü zu schließen.

Fokus-Reihenfolge und Fokus sichtbar

WalkMe legt eine vordefinierte Fokus-Reihenfolge für seine verschiedenen Elemente fest und zeigt einen sichtbaren Rahmen um die Elemente an, die den Fokus erhalten – dadurch entsteht ein einheitliches, vorhersehbares und logisches Benutzererlebnis.

Verfügbarkeit von Bildschirmlesegeräten

WalkMe setzt den Schwerpunkt auf die gängigste Sprachausgabe-Software auf dem Markt sowie auf deren übliche Browser-Kombinationen:

• VoiceOver (Safari)
• JAWS (Edge, Chrome, Firefox)
• NVDA (Edge, Chrome, Firefox)

Zugänglicher Text

Dies sind einige Tipps, wie Sie Ihre Inhalte formulieren können, um sie zugänglicher zu machen:

• Vermeiden Sie Akronyme und Redewendungen (können verwirrend sein, wenn sie von einem Bildschirmleser gelesen werden)
• Verwenden Sie aktive Stimme, wo möglich.
• Versuchen Sie, keine unvollständigen Sätze zu verwenden.
• Seien Sie konsistent
  

Wie zu verwenden

Barrierefreiheit für Smart Walk-Thrus

Aktivierung

Sobald Sie die Barrierefreiheit aktivieren, wird die Registerkarte Barrierefreiheit im Menü Schrittoptionen für Smart Walk-Thrus angezeigt.

Verwendung der Umschaltflächen „Balloon Focus“

Sprachausgabeprogramme sind in der Lage, Elemente auf der Benutzeroberfläche zu erkennen, die im Fokus sind, d. h. Elemente, die ausgewählt sind und mit denen der Benutzer möglicherweise interagieren möchte. So kann ein Sprachausgabeprogramm beispielsweise erkennen, dass ein bestimmtes Textfeld im Fokus ist, wodurch der Benutzer die Möglichkeit erhält, Eingaben vorzunehmen oder zu einem anderen Element zu wechseln. Dies wird bei den meisten Webbrowsern visuell als Umriss dargestellt. Zur Änderung des Elements, das sich im Fokus einer Sprachausgabe befindet, verwenden Benutzer häufig ihre Tastatur, um auf der Benutzeroberfläche zu navigieren.

In Anlehnung an bewährte Verfahren fokussiert WalkMe die Sprachausgabe auf Sprechblasen, wenn diese auf dem Bildschirm erscheinen. Der Tastaturfokus ist ebenfalls an die Sprechblase und das jeweils ausgewählte Element gebunden, sodass der Benutzer leicht mit der Anleitung auf dem Bildschirm interagieren kann. Dadurch wird dem Endbenutzer ein ähnliches Erlebnis wie dem visuellen Benutzer geboten. Falls Sie jedoch wünschen, dass es mithilfe der Sprachausgabe und der Tastaturnavigation möglich sein soll, durch alle interaktiven Elemente und Felder zu navigieren und den gesamten Kontext der Benutzeroberfläche bereitzustellen, können Sie die Standardeinstellungen ändern.

Mit der Funktion „Balloon Focus“ können Sie festlegen, wie Sprachausgabeprogramme den Fokus auf Oberflächenelemente legen und diese steuern, wenn WalkMe-Sprechblasen auf dem Bildschirm erscheinen.

• Auto-focus grab: Wenn Sie diesen Umschalter auf „OFF“ stellen, wird das Verhalten der jeweiligen Sprechblase, den Fokus auf sich zu lenken, aufgehoben und der Fokus bleibt nicht automatisch erhalten, wenn die Sprechblase erscheint (nur wenn sie mit der Tabulatortaste angewählt wird).
• Focus lock: Standardmäßig wird der Tastaturfokus um die Sprechblase und ihre erfassten Elemente fixiert und die Tastaturbenutzer können nicht davon weg navigieren. Wenn Sie diesen Umschalter auf „OFF“ stellen, wird dieses Verhalten für die betreffende Sprechblase deaktiviert und der Tastaturbenutzer kann zum Rest der Seite navigieren. „Focus lock“ bedeutet nicht, dass der Benutzer einen Walk-Thru nicht beenden kann; diese Option ist jederzeit durch Klicken auf die ESC-Taste verfügbar.

Verwenden Sie die Escape-Schaltfläche, um einen Smart Walk-Thru zu beenden oder eine Sprechblase zu schließen (wenn die Sprechblase geschlossen wird, wird der Fokus auf das letzte fokussierte Element auf der Seite zurückgesetzt).

Spotlight wird nicht unterstützt, wenn Sie die Umschaltflächen „Balloon Focus“ verwenden. Wenn diese Option aktiviert ist, wird die folgende Warnung angezeigt und die Umschaltflächen werden deaktiviert, da der Fokus auf der betreffenden Sprechblase gesperrt und beibehalten wird:

Verwendung der ARIA-Konfiguration (derzeit nur aria-label)

Aria-Labels stellen einen alternativen Text zur Verfügung, der den Zweck, die Struktur, die Rolle und die Funktionsweise von Elementen der Benutzeroberfläche für assistierende Technologien erläutert. Zum Beispiel könnte mit dem Symbol „X“ ein Popup-Fenster geschlossen werden. Dieses Element verfügt über keine geeignete Beschriftung für ein Sprachausgabeprogramm und daher kann dem Element im HTML-Code ein Aria-Label hinzugefügt werden, damit die Sprachausgabe es als „Schließen“ identifizieren kann.

In Übereinstimmung mit der WCAG 2.0 Guideline 1.3.1 (Referenz) sind die WalkMe-Elemente mit ARIA-Tags und semantischem HTML-Markup versehen, um assistierende Technologien zu unterstützen. Im Konfigurationsbereich können Sie benutzerdefinierte Aria-Labels für Sprechblasen erstellen.

• Default: Aria-Label der Sprechblase wird standardmäßig auf den Titel der Sprechblase gesetzt. Falls der Titel nicht verfügbar ist, wird Aria-Label auf „Guidance Balloon“ oder ein anderes von Ihnen gewähltes Label zurückgreifen.
• Custom: Verwenden Sie diese Option, falls Sie ein anderes Aria-Label als das Standard-Label festlegen möchten. Dies kann z. B. erforderlich sein, wenn der Titel der Sprechblase auf eine andere visuelle Darstellung auf der Seite angewiesen ist, um verstanden zu werden, weil das Label für Benutzer, die Sprachausgaben nutzen, möglicherweise nicht deutlich genug ist.

Verwendung von barrierefreiem Capture (Accessible Capture)

In bestimmten Fällen werden die erfassten Elemente aus ästhetischen Gründen ausgewählt, obwohl sie nicht unbedingt die Elemente sind, mit denen der Benutzer interagieren muss. In solchen Fällen wird der Fokus um das falsche Element herum fixiert. Accessible Capture ändert die erfassten Elemente nur für die Tastaturnavigation, wenngleich das Element optisch gesehen an der gleichen Stelle bleibt.

• Standard: Verwenden Sie das Element, das zu Beginn vom Walk-Thru Builder erfasst wurde
• Bildschirmelement: Verwenden Sie diese Option, um Elemente mithilfe des Erfassungsmodus erneut auszuwählen.
  • Hinweis: Diese Funktion verfügt nicht über die Elementpräzision und andere erweiterte Optionen, die in anderen Teilen des Systems zu finden sind.
• jQuery: Verwenden Sie diese Option, um Elemente mithilfe von jQuery erneut auszuwählen.

Bild- und Textalternativen

WalkMe bietet eine intuitive Benutzeroberfläche im Rich Text Editor zum Hinzufügen von „Alt“-Tags für Bilder und „Title“-Tags für Videos und iFrames:

• Standard: Wird ein Text hinzugefügt, wird nach den bewährten Praktiken der Barrierefreiheit der standardmäßige leere „“-Wert zu den Alt-Tags und „ohne Titel“ zu Titeln hinzugefügt
• BBCode: „Alt“- oder „Title“-Tags können auch manuell als Teil des BBCode hinzugefügt werden

Zugänglichkeit für Launcher

• Beschreibung: Screen Reader lesen die Beschreibung des Launchers
  • Es gibt eine Option, um den Text eines Launchers zu ändern, indem Sie seine Bildbeschreibung ändern.
  • Wenn wir beispielsweise ein neues Bild in „My Gallery“ hinzufügen, haben wir die Option, das Feld „Alt Text“ zu ändern
    
  • Dies wird im aria-label-Attribut angezeigt
    

Barrierefreiheit für SmartTips

• Bildschirmlesegeräte lesen den Tooltip des SmartTip
• Achten Sie auf die Tabulatorreihenfolge und stellen Sie sicher, dass Sie die Tabulatorreihenfolge der Seite verstehen, bevor Sie SmartTips erstellen

Barrierefreiheit für ShoutOuts

• ShoutOut erhält den Tastaturfokus unabhängig davon, ob die Überlagerung aktiviert oder deaktiviert ist
• Durch Drücken der Tabulatortaste im ShoutOut werden fokussierbare Elemente durchlaufen
• Erstellen Sie Ihre Shoutouts in der gewünschten Reihenfolge. Wenn Sie 3 Schaltflächen erstellen und sie später neu anordnen, behalten sie die ursprüngliche Reihenfolge der Registerkarten bei.

Testen der Barrierefreiheit

Allgemeine Navigationen

• Um durch die Website und die WalkMe-Elemente zu navigieren, verwenden Sie die Tab-Taste auf Ihrer Tastatur.

• Navigieren Sie in Menüpunkten mit den Pfeiltasten der Tastatur, nicht mit der Tabulatortaste

• Um auf Website- oder WalkMe-Elemente zu klicken, verwenden Sie die Eingabetaste auf Ihrer Tastatur
• Während Sie durch Elemente navigieren, hören Sie eine Stimme, die den Namen und den Zweck dieses Elements beschreibt

SmartTips testen

Das Tabulatorfahren durch SmartTips sollte sich so verhalten, als würden Sie mit der Maus über sie fahren.

• Bewegen Sie den Mauszeiger über das Feld SmartTip: Sie hören eine Erklärung über das Feld, gefolgt vom Text des Tooltips
• Bewegen Sie den Mauszeiger über das SmartTip-Symbol: Sie hören das Wort „anklickbar“, gefolgt vom Text der QuickInfo

Launcher testen

• Das Navigieren durch Startprogramme mit der Tabulatortaste sollte so funktionieren, als würden Sie mit der Maus darüber fahren
• Sie hören den Aufforderungstext des Startprogramms, gefolgt vom Tooltip-Text des Startprogramms