Aktualisierungen der Axe DevTools-Erweiterung: Neue Funktion für Screenshots bei Barrierefreiheitsproblemen

Harris Schneiderman

Von Harris Schneiderman

9. Dezember 2021

DevTools-Funktion zum Erstellen von Screenshots

Die Browser-Erweiterung „axe DevTools“ in der Version 4.19.0 enthält einige großartige Neuerungen.

Der Schwerpunkt dieser Version liegt auf der Erstellung von Screenshots zu Fehlern. Wenn Pro-Nutzer Fehler weitergeben, die durch automatisierte Analysen oder einen unserer „Intelligent Guided Tests™“ (IGTs) entdeckt wurden, erstellt die Erweiterung nun einen Screenshot des betreffenden Elements und speichert ihn, um Kontext und Einblicke in den Fehler zu liefern!

Darüber hinaus wird die Version 4.19 einige wichtige Fehlerbehebungen sowie ein Upgrade auf die Version 4.3.5 von „ axe-core “ enthalten.

Vorstellung der Screenshots zur aktuellen Ausgabe

Das Hervorheben eines Barrierefreiheitsproblems ist eine hervorragende Möglichkeit, das zugehörige HTML-Element im Kontext der gesamten Seite zu betrachten. Was aber, wenn Sie ein Problem speichern und später darauf zurückkommen möchten? Was, wenn Sie diesen aufschlussreichen Kontext mit einem Kollegen in Ihrem Team teilen möchten? Mit unserer neuen Funktion zum Erstellen von Screenshots von Problemen ist das möglich!

Jedes Mal, wenn Sie einen automatisierten Scan oder einen IGT ausführen, erstellt die Browser-Erweiterung „axe DevTools“ automatisch einen Screenshot des Problems für Sie. Bei automatisierten Problemen wird die gesamte Seite erfasst und das betreffende Element auf dieser Seite hervorgehoben. Bei IGT-Problemen wird ein Screenshot nur des betreffenden Elements erstellt. Wenn Sie ein Problem teilen, wird der zugehörige Screenshot mitgesendet.

Sehen Sie sich ein kurzes Demo-Video an, um mehr über diese neue Funktion zu erfahren.

Verwaltung Ihrer Daten

Um diese neue Funktion zu unterstützen, erfasst und speichert unsere Erweiterung, wie zu erwarten, zusätzliche Daten (den Screenshot). Der Screenshot ist ausschließlich im Zusammenhang mit Ihrem freigegebenen Ticket sichtbar, und wir werden Ihre Daten unter keinen Umständen an Dritte weitergeben.

Deaktivierung von Screenshots

Wir raten zwar davon ab, die Screenshot-Funktion zu deaktivieren, doch wenn Sie sich mit dieser Funktion nicht wohlfühlen, können Sie sie in den Einstellungen deaktivieren. Dadurch werden jedoch alle Screenshots deaktiviert, einschließlich unserer IGT-Optimierungen durch maschinelles Lernen, die Ihnen viel Zeit sparen.

So deaktivieren Sie alle Screenshot-Funktionen:

  • Klicken Sie auf das Optionsmenü in der oberen rechten Ecke der Axe DevTools-Erweiterung
  • Wählen Sie „Einstellungen“ aus
  • Klicken Sie auf „Erweitert“
  • Deaktivieren Sie das Kontrollkästchen „Screenshots aktivieren“
  • Klicken Sie auf „SPEICHERN“.

Screenshot der Option „Erweiterte Einstellungen“, in der Sie die Screenshot-Funktion in den Axe DevTools aktivieren bzw. deaktivieren können

Konfiguration vor Ort/in der privaten Cloud

Wenn Sie eine lokal installierte Instanz des axe DevTools-Servers nutzen, muss die Screenshot-Funktion installiert und aktiviert werden. Bitte wenden Sie sich an helpdesk@deque.com, wenn Sie diese großartige neue Funktion aktivieren lassen möchten.

Fazit

Wie immer ist es unser Ziel, das Testen der Barrierefreiheit für alle einfacher und effizienter zu gestalten. Sie und Ihre Teamkollegen werden den Kontext, den diese brandneue Screenshot-Funktion für Issues bietet, sicherlich zu schätzen wissen. Viel Spaß mit der neuen und verbesserten Ansicht für gemeinsam genutzte Issues und viel Erfolg beim A11y-Testen!

Denken Sie daran: Wenn Sie axe DevTools Pro derzeit noch nicht nutzen, können Sie es kostenlos testen (keine Zahlung erforderlich).

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.