Aktualisierungen bei Axe DevTools: Neue interaktive Elemente „Intelligent Guided Test™“ (IGT) und „What’s Left to Test“

Preety Kumar

Von Preety Kumar

29. Juni 2021

Interaktive Elemente IGT

Ahoi! Die Version 4.11.0 der Browser-Erweiterung „axe DevTools“ hält einige spannende Neuerungen bereit. Diese Version erhöht die Testabdeckung und liefert eine klare Antwort auf eine der am häufigsten gestellten Fragen: „Was muss noch getestet werden?“

„Interaktive Elemente“ (IGT) ersetzt „Schaltflächen und Links“

Wir haben den Anwendungsbereich erheblich erweitert, daher ist es an der Zeit für eine Namensänderung. Dieses IGT umfasst nun alle interaktiven Elemente, nicht mehr nur Schaltflächen und Links.

Mit der Browser-Erweiterung „axe DevTools“ können Sie alle relevanten Widget-Rollen der Benutzeroberfläche auswählen, wie z. B. Benachrichtigungen, Raster, Menüs, Fortschrittsbalken, Bildlaufleisten und vieles mehr. Unsere Heuristiken erkennen und klassifizieren diese Widget-Typen automatisch auf Ihrer Seite. Die automatische Klassifizierung entlastet Sie erheblich und beschleunigt Ihren Testprozess. Das IGT identifiziert den Namen, die Rolle und den Zustandswert der von unserem Heuristik-Algorithmus gefundenen Elemente, sodass Sie diese überprüfen und Lücken schnell erkennen können. Im folgenden Screenshot sehen Sie beispielsweise eine erkannte „menuitem“-Rolle, bei der Sie die Richtigkeit des Namens leicht überprüfen können.

Screenshot der barrierefreien Fragen zu Namen und Rollen im neuen IGT für interaktive Elemente.

Der „Intelligent Guided Test“ für interaktive Elemente zeigt nun auch den Namen, die Rolle und den Zustandswert in jedem Zustand eines interaktiven Elements an. Wenn beispielsweise das Menü aufgeklappt ist und der Wert nicht den Zustand „aufgeklappt“ widerspiegelt, werden Sie auf diese Abweichung hingewiesen. Während Sie die verschiedenen Zustände jedes Elements durchlaufen, können Sie nun überprüfen, ob der Zustandswert tatsächlich den aktuellen Zustand widerspiegelt. Der folgende Screenshot zeigt die verschiedenen Zustände, die Sie durchlaufen können, um die Richtigkeit der Zustände zu überprüfen.

Screenshot der Elementzustände im neuen IGT für interaktive Elemente.

Jetzt können Sie alle interaktiven Elemente/Widgets auf Ihrer Seite in jedem Zustand testen!

Auf dem Weg zu 100 %: Was muss noch getestet werden?

Ach, die immer wiederkehrende Frage: „Wie hoch ist die Testabdeckung durch automatisierte und intelligent gesteuerte Tests mit axe DevTools Pro bieten?“ Wir haben mit vielen von euch gesprochen und erfahren, dass das, was ihr wirklich wusstet: „Was bleibt noch zu testen, wenn ich mit automatisierten Tests und IGT fertig bin?“ Das erfahrt ihr jetzt mit nur einem Klick. „Was bleibt noch zu testen?“ ist Teil dieser Version! 

Screenshot der neuen DevTools Pro-Funktion „Was muss noch getestet werden?“.

Nachdem Sie Ihre IGTs abgeschlossen haben, klicken Sie auf den Link, um zu einer übersichtlichen, leicht verständlichen Anleitung zu gelangen, die Ihnen erklärt, wie Sie alle verbleibenden WCAG 2.1-Konformitätstests durchführen. Sie können nun 100 % der Prüfpunkte der Stufen A und AA für den aktuellen Zustand Ihrer Seite in axe DevTools Pro einsehen und beheben! 

Screenshot von „Page State Tests“, der Ihnen nach Abschluss der automatisierten Tests und des IGT dabei hilft, eine umfassende Testabdeckung zu erreichen.

Sollten Sie Fehler feststellen, können Sie diese ganz einfach melden, indem Sie auf den Link zum jeweiligen Prüfpunkt klicken (z. B.: 2.2.2 oben). Es öffnet sich ein Fenster mit allen Details zum Fehler. Klicken Sie unten auf „Kopieren und schließen“ – die Details werden dann in Ihre Zwischenablage kopiert. Sie können diesen Fehler nun in axe Auditor oder direkt in JIRA melden – oder beides!

Screenshot des Beispiel-Checkpoint-Links 2.2.2: Content-Carousel-Unstoppable.

Führen Sie als Nächstes Ihre Tests für Elemente durch, die pro Seite nur einmal getestet werden müssen.

Screenshot von „Seitentests“, der Ihnen bei der Erreichung einer umfassenden Testabdeckung hilft.

Und führen Sie abschließend Ihre Website-Tests durch, um eine Abdeckung von 100 % für Ihre App oder Website zu erreichen.

Screenshot von „Site Tests“, der Ihnen bei der Erreichung einer umfassenden Testabdeckung hilft.

Axe-core 4.2.2

Diese Version enthält ein Update der Regel-Engine auf „ axe-core “ 4.2.2, einschließlich Fehlerbehebungen. Weitere Informationen finden Sie unter den Blogbeitrag zu axe-core 4.2. Hier sind jedoch einige nennenswerte Fehlerbehebungen:

  • IGTs starten/fahren nicht fort, wenn DevTools angedockt/abgedockt werden
  • Die Auswahl nach Bereich funktioniert in vielen Fällen nicht ordnungsgemäß
  • Bewährte Verfahren werden nicht aus den Ergebnissen herausgefiltert

Denken Sie daran: Wenn Sie axe DevTools Pro derzeit noch nicht nutzen, können Sie barrierefreiere Nutzererlebnisse schaffen und einer Abdeckung von 100 % näher kommen! Melden Sie sich noch heute für eine kostenlose Testversion an.

Preety Kumar

Preety Kumar

Preety ist Geschäftsführerin von Deque und gründete Deque mit der Vision, den Zugang zum Web sowohl aus Nutzer- als auch aus technologischer Perspektive zu vereinheitlichen. Unter Preetys Führung Deque zu einem Marktführer im Bereich der Barrierefreiheit von Informationen entwickelt und betreut Unternehmens- und Regierungskunden mit den höchsten Standards in der Informationstechnologie, darunter das Ministerium für Veteranenangelegenheiten, das Bildungsministerium, Humana, Intuit, HSBC, Target und andere. Sie arbeitete mit der Web Accessibility Initiative des W3C zusammen und ist nominiertes Mitglied des Strategic Management Council des Accessibility Forum: einer von der GSA geförderten Gruppe mit Vertretern aus der IT-Branche, der Wissenschaft, Regierungsbehörden und Behindertenverbänden, die durch gegenseitige Zusammenarbeit die Barrierefreiheit von Informationen fördert.

Stichworte:  axe Axe-Browsererweiterung

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

Warum eindeutige ID-Attribute wichtig sind

LeeAmador – Vorschaubild
19. Oktober 2023 Von Lee Amador

Mehrdeutige IDs: Harmloser Mitläufer oder Katastrophenquelle? Ein wenig Hintergrundinformation: Doppelte IDs gehören zu den häufigsten Verstößen gegen WCAG 4.1.1, die bei automatisierten Barrierefreiheitstests gemeldet werden…

Artikel lesen
frustriert

Deque Kostenlose Testversion des axe DevTools Linter jetzt verfügbar

Logo von Deque
26. April 2023 Von Deque Systems

Erkennen Sie Barrierefreiheitsprobleme bereits während der Programmierung und blockieren Sie automatisch jeden Pull-Request, der nicht barrierefrei ist – mit dem axe DevTools Linter. HERNDON, VA – 26. April 2023 –…

Artikel lesen
axeDevToolsLinterBlog