Aktualisierungen der Axe DevTools-Erweiterung: Testen Sie Ihre gesamte Seite mit „Multi-Run Intelligent Guided Testing“

Harris Schneiderman

Von Harris Schneiderman

8. September 2022

Veröffentlichung der axeDevTools-Erweiterung im September 2022

Mit der neuen Version der DevTools-Browsererweiterung von axe können Nutzer eine gesamte Seite einfacher testen, indem sie denselben „Intelligent Guided Test“ (IGT) mehrmals ausführen. Heutzutage enthält fast jede Seite auf jeder Website zumindest einige interaktive Elemente, dynamische Inhalte und in der Regel mehr als ein Formular oder einen modalen Dialog. Um all diese Elemente zu testen und die Ergebnisse zu speichern, mussten bisher für jedes Element völlig separate Tests eingerichtet werden.

Nun können Nutzer den gesamten Inhalt ihrer Seite in einem einzigen Testdurchlauf prüfen, was enorm viel Zeit und Aufwand spart und einen zentralen Überblick über alle Tests für komplexe Seiten bietet! Darüber hinaus enthält diese Version mehrere Verbesserungen der Benutzeroberfläche, darunter die Neuanordnung einiger Steuerelemente.

Was gibt’s Neues?

Verbesserte Benutzeroberfläche (UI) für Suchergebnisse

Wir haben den Bildschirm mit den Scan-Ergebnissen grundlegend überarbeitet. Sehen Sie sich dieses kurze Demo-Video an, um zu erfahren, was es Neues in der Erweiterung gibt.

  • Neue Registerkarten für „Übersicht“ und „Geführte Tests“.

Screenshot der neuen Registerkarten „Übersicht“ und „Geführte Tests“ in der Erweiterung „axe DevTools“.

  • Eine Schaltfläche „Ein-/Ausblenden“, um den Abschnitt „Testzusammenfassung“ ein- bzw. auszublenden.

Screenshot der neuen Schaltfläche „Toggle Collapse“ in der DevTools-Erweiterung von axe, mit der der Abschnitt „Testzusammenfassung“ ein- und ausgeblendet werden kann.

  • Der Schalter „Highlight“ wurde in die Akkordeon-Ansicht der Problemkategorie verschoben.
    • Vorher:

Screenshot, der zeigt, wo sich die „Highlight“-Funktion vor der neuesten Version der „axe DevTools“-Erweiterung befand.

    • Danach:

Screenshot, der zeigt, wo sich die „Highlight“-Funktion nach der neuesten Version der „axe DevTools“-Erweiterung nun befindet.

  • Die Problemkategorien wurden in ein Akkordeon-Menü verschoben, das sich ausklappen lässt, um alle Problemdetails anzuzeigen, einschließlich der Schaltflächen zum „Überprüfen“, zum Anzeigen von „Weitere Informationen“ und zum „Teilen eines Problems“.
    • Vorher:

Screenshot, der zeigt, wo sich die Funktionen „Prüfen“, „Weitere Informationen“ und „Problem melden“ vor der neuesten Version der Axe-DevTools-Erweiterung befanden.

    • Danach:

Screenshot, der zeigt, wo sich die Funktionen „Inspect“, „More Info“ und „Share Issue“ in der neuesten Version der Axe DevTools-Erweiterung nun befinden.

Testen mehrerer Komponenten oder Zustände

Vor dieser Version konnten Nutzer ein bestimmtes IGT nur einmal pro Test ausführen. Wenn Sie beispielsweise zwei Modals testen wollten, mussten Sie die Ergebnisse des ersten Modals löschen, um das zweite zu testen, oder einen komplett neuen Test starten. Dies verlangsamte den Testprozess und erschwerte es den Nutzern, Seiten und/oder Seitenzustände innerhalb eines gespeicherten Tests vollständig zu testen. Außerdem war es dadurch schwierig, alle Ergebnisse für die Seite zusammenzufassen, da diese in verschiedenen gespeicherten Tests enthalten waren.

Nun können Benutzer denselben IGT mehrfach ausführen und die Ergebnisse jedes Durchlaufs speichern! Dies kann besonders nützlich sein, um Tests in logische Abschnitte zu unterteilen (z. B. alle interaktiven Elemente in der Navigation im Vergleich zu allen interaktiven Elementen im Hauptinhalt) und gleichzeitig alle Probleme nachverfolgen und/oder exportieren zu können.

Screenshot des modalen Dialogfelds „Intelligent Guided Test“ mit einem laufenden und einem abgeschlossenen Durchlauf in der DevTools-Erweiterung von Axe.

So führen Sie einen IGT mehrmals durch:

  1. Navigieren Sie zu einem bereits gespeicherten Test oder starten Sie einen neuen Scan und klicken Sie auf „TEST SPEICHERN“
  2. Klicken Sie auf die Registerkarte „Geführte Tests“
  3. Suchen Sie das gewünschte IGT und klicken Sie auf die Schaltfläche „Start“ (z. B. „Start Modal Dialog Run“ für das IGT „Modal Dialog“).Screenshot der Registerkarte „Guided Test“, auf der in der DevTools-Erweiterung von axe die Option „Stat Modal Dialog Run“ hervorgehoben ist.
  4. Starten Sie den IGT und schließen Sie ihn entweder ab oder klicken Sie zu einem beliebigen Zeitpunkt während des IGT-Durchlaufs auf „Speichern und beenden“.
  5. Die Start-Schaltfläche bleibt in diesem IGT aktiv, sodass Benutzer einen neuen Durchlauf erstellen können, ohne den bestehenden löschen zu müssen

Fazit

Das Aufteilen der Tests einer komplexen Seite und das Testen mehrerer Instanzen von Komponenten wie Dialogfeldern und Formularen ist jetzt ganz einfach, wodurch Ihre Tests und die Verwaltung der Ergebnisse einfacher und effizienter werden!

Um eine Live-Demonstration der neuesten Updates der axe DevTools-Browsererweiterung zu sehen, nehmen Sie an diesem Webinar am 22. September teil.

Wir würden uns sehr über Ihr Feedback zu diesen neuen Funktionen freuen. Bitte senden Sie eine E-Mail an HelpDesk@deque.com, um uns Ihre Meinung mitzuteilen.

Falls Sie axe DevTools Pro derzeit noch nicht nutzen, melden Sie sich noch heute für Ihre kostenlose Testversion an (ohne Verpflichtung).

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.

Stichworte:  axe Axe-Browsererweiterung Axe DevTools

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.