Wir stellen die neue Funktion „User Flow Analysis“ der DevTools-Erweiterung von axe vor

Harris Schneiderman

Von Harris Schneiderman

5. Juni 2024

Analyse des Nutzerflusses im Blog (1)

Heute geben wir die Beta-Version von „User Flow Analysis“ bekannt, einer neuen Funktion der axe DevTools-Erweiterung, mit der Sie gesamte Kundenpfade testen und einen einzigen Bericht erstellen können, in dem Probleme hinsichtlich der Barrierefreiheit automatisch dedupliziert werden.

Probieren Sie es jetzt aus: Neue Nutzer können sich für eine 14-tägige kostenlose Testversion anmelden, Nutzer, deren Testphase abgelaufen ist, können diese reaktivieren, und Kunden können die Dokumentation zur User-Flow-Analyse einsehen .

Unternehmen müssen heutzutage Nutzerabläufe innerhalb ihrer Anwendungen testen, die einen entscheidenden Teil der Customer Journey ausmachen, wie beispielsweise den Kaufprozess im E-Commerce, die Registrierung neuer Nutzer und den Ablauf einer Single-Page-Anwendung (SPA), bei der bestimmte Teile der Seite viele verschiedene Zustände aufweisen.

In der Vergangenheit war das Testen dieser komplexen Abläufe eine Herausforderung und sehr zeitaufwendig, da viele Barrierefreiheits-Tools für jeden einzelnen Seitenzustand separate Berichte erstellten.

Mit der User-Flow-Analyse können Sie nun einfach und schnell Benutzerabläufe, dynamische Inhalte und Interaktionen auf der Website testen. Es ist keine Einrichtung erforderlich – führen Sie einfach die gewünschten Benutzerinteraktionen durch, und die axe DevTools-Erweiterung erledigt den Rest. Die Funktion überwacht Ihre Seite auf Änderungen und startet Scans, sobald einzigartige Zustände erkannt werden. Nach Abschluss der Überprüfung fasst die axe DevTools-Erweiterung Barrierefreiheitsprobleme in einem einzigen, einheitlichen Bericht zusammen, mit dem Sie Barrierefreiheitsprobleme für interaktionsintensive Widgets oder mehrseitige Abläufe in Ihrer Anwendung bewerten und priorisieren können.

Die User-Flow-Analyse wurde entwickelt, um den Zeit- und Arbeitsaufwand für Barrierefreiheitstests deutlich zu reduzieren. Sie können Probleme schnell lokalisieren und beheben und so Ihren Entwicklungszyklus beschleunigen, ohne dabei Abstriche bei den Barrierefreiheitsstandards zu machen.

Sehen Sie sich dieses kurze Demo-Video an, um die Funktion „User Flow Analysis“ in Aktion zu erleben.

Analyse von Nutzerabläufen

Als Nutzer der axe DevTools-Erweiterung mit einem „Pro“-Tarif oder einer kostenlosen Testversion können Sie jeden einzelnen Zustand, in den Ihre App während der „Aufzeichnung“ einer neuen User-Flow-Analyse wechselt, automatisch analysieren.

Sobald das Ende eines Nutzerablaufs erreicht ist, können Sie die Analyse „beenden“ und einen Bericht mit den Ergebnissen aus jedem einzelnen Zustand des Nutzerablaufs erstellen.

So zeichnen Sie eine User-Flow-Analyse auf

  1. Klicken Sie auf dem Startbildschirm der Axe DevTools-Erweiterung auf „Scan User Flow“ (in der Beta-Version können bis zu 100 Zustände gescannt werden).
    Screenshot des Begrüßungsbildschirms der axe DevTools-Erweiterung, auf dem die neue Funktion „User Flow Analysis“ (Beta) sowie der Vollseiten- und der Teilseitenscan zu sehen sind.
  2. Ein erster, ganzseitiger Scan wird automatisch gestartet.
  3. Sobald der erste Scan abgeschlossen ist, wartet die User-Flow-Analyse auf Ihre Eingabe. Sie haben folgende Möglichkeiten:
    • Den Zustand der aktuellen Seite in beliebiger Weise ändern (Modalfenster öffnen, Dropdown-Menüs aufrufen, Akkordeons ausklappen, Formularsteuerelemente aktivieren usw.)
    • Zu verschiedenen Seiten navigieren
    • Formulare einreichen

    Screenshot der Funktion „User Flow Analysis“, die Seitenwechsel erkennt.

  4. Wenn Sie mit dem Scannen Ihres Ablaufs fertig sind, klicken Sie auf „Scannen beenden“.
    • Ihre Probleme werden anschließend dedupliziert, sodass Sie sich ausschließlich auf die einzigartigen Probleme konzentrieren können, die bei der Analyse des Benutzerablaufs festgestellt wurden.

    Screenshot der Funktion „User Flow Analysis“, mit der Duplikate in einem Barrierefreiheitsbericht gespeichert und entfernt werden.

  5. Klicken Sie auf „Bericht anzeigen“, um die spezifischen Probleme einzusehen, die in den einzelnen Phasen des aufgezeichneten Benutzerablaufs festgestellt wurden.
    Screenshot des Berichts, der die einzelnen Probleme anzeigt, die in den einzelnen Zuständen des aufgezeichneten Benutzerablaufs festgestellt wurden.

Teilen Sie uns Ihr Feedback mit, um die Zukunft der User-Flow-Analyse mitzugestalten

Wir veröffentlichen diese Funktion als Beta-Version, um herauszufinden, wie wir diese Art des Testens am besten in bestehende Konzepte der axe DevTools-Erweiterung, wie beispielsweise „Intelligent Guided Testing“, integrieren können. Teilen Sie uns daher bitte in unserer Umfrage Ihre Meinung mit. Solange wir kein Feedback von unseren Nutzern erhalten und deren Bedürfnisse nicht verstehen, bleibt diese Funktion im Beta-Status. Dank der umfangreichen Vorarbeiten, die wir in die Entwicklung dieser Funktion gesteckt haben, sind bereits weitere Verbesserungen für diese leistungsstarke Funktion geplant – bleiben Sie also gespannt!

Harris Schneiderman

Harris Schneiderman

Harris Schneiderman ist Webentwickler und setzt sich leidenschaftlich für digitale Gleichberechtigung ein. Er arbeitet bei Deque Systems als Senior Product Manager für axe DevTools und entwickelt dort großartige Webanwendungen. Er ist der Autor von Cauldron (der Musterbibliothek vonDeque) und Dragon Drop und fungiert als leitender Entwickler von axe DevTools Pro. Auch wenn er nicht arbeitet, findet er noch Zeit, an zahlreichen Open-Source-Projekten mitzuwirken.

Erhalten Sie Blog-Beiträge direkt in Ihren Posteingang

Kein Geschwafel, sondern echte Erkenntnisse zum Thema Barrierefreiheit von qualifizierten Experten.

Sie erklären sich damit einverstanden, dass Deque Informationen gemäß den Bestimmungen in DequeDatenschutzerklärungbeschrieben, Informationen von Deque entgegennimmt, nutzt und weitergibt. Sie können Ihre Einwilligung jederzeit widerrufen, indem Sie uns kontaktieren.

Mehr zu diesem Thema

Neu im Axe MCP Server: Mehr automatisierte Abdeckung und optimierte Entwickler-Workflows

Automatisierte Barrierefreiheitsprüfungen helfen Teams dabei, Probleme bereits in einer frühen Phase des Entwicklungsablaufs zu erkennen und den manuellen Aufwand zu reduzieren. Einige der komplexesten Barrierefreiheitsprüfungen erforderten jedoch bislang geführte oder manuelle Tests. Mit den neuesten Updates für den Axe MCP Server können Ihre Entwickler nun noch mehr Barrierefreiheitsprüfungen direkt in ihren Programmierabläufen automatisieren.

Artikel lesen
Abbildung, die veranschaulicht, wie der Axe MCP Server zur Durchführung von zwei Aufgaben verwendet wird: Analyse auf Barrierefreiheitsprobleme mit einem erweiterten Regelsatz und Ausführung von IGT-Tastaturtests

Ich bin eine Führungskraft im Bereich Technik. Wie fange ich mit dem Thema Barrierefreiheit an?

Dylan Barrell
28. April 2026 Von Dylan Barrell

Wo sollten Sie als Führungskraft im technischen Bereich, die zum ersten Mal für die digitale Barrierefreiheit zuständig ist, ansetzen? Dieser dreistufige, 90-tägige Plan hilft Ihnen beim Einstieg.

Artikel lesen
Ein leitender Ingenieur bei der Arbeit an seinem Schreibtisch. Das Bild ist von Sprechblasen umgeben, in denen die Begriffe „Compliance“, „Werkzeuge und Tests“, „Entwicklerschulung“ und „Strategie“ zu lesen sind.