axe DevTools-Erweiterung

Um sich mit der axe DevTools Browser-Erweiterung besser vertraut zu machen, sehen Sie sich das Erste Schritte mit dem axe DevTools Browser-Erweiterungsvideo unten an:

Erfahren Sie mehr mit unserer axe DevTools-Erweiterung Video-Playlist

Installation

Die axe DevTools Browser-Erweiterung ist für Google Chrome und Microsoft Edge verfügbar. Eine eingeschränkte Version ist auch für Mozilla Firefox verfügbar. Derzeit ist die „Pro“-Funktionalität (Speichern, Exportieren, Intelligente Geführte Tests, Nutzungsberichte usw.) nur in den Chrome- und Edge-Versionen verfügbar. Um die Erweiterung zu installieren, besuchen Sie eine der unten aufgeführten Seiten mit dem jeweiligen Browser, klicken Sie auf die Schaltfläche Installieren und folgen Sie den Anweisungen.

• Google Chrome
• Microsoft Edge
• Mozilla Firefox

Erste Schritte

Öffnen der axe DevTools-Erweiterung

Um auf die axe DevTools-Erweiterung zuzugreifen, müssen Sie zunächst die Entwickler-Tools Ihres Browsers öffnen. Dazu klicken Sie mit der rechten Maustaste auf eine beliebige Stelle auf einer Seite und wählen „Untersuchen“. Alternativ können Sie die Entwickler-Tools mit den folgenden Tastenkombinationen öffnen:

• Windows: ctrl + shift + i
• MacOS: cmd + option + i

Sobald die Entwickler-Tools des Browsers geöffnet sind, navigieren Sie zum Tab „axe DevTools“.

Konto erstellen & Anmelden

Um alle Vorteile der axe DevTools-Browsererweiterung nutzen zu können, muss ein „Pro“-Abonnement oder eine Testversion erstellt werden, zusammen mit einem axe-Konto.

Um ein Konto zu erstellen, gehen Sie zur Tarifseite und wählen Sie eine Testversion oder kaufen Sie direkt. Sie können dann ein Konto erstellen, indem Sie ein Google- oder GitHub-Konto verbinden oder das Anmeldeformular ausfüllen. Danach müssen Sie Ihre E-Mail-Adresse verifizieren, indem Sie auf den Link klicken, den Sie direkt nach der Anmeldung per E-Mail erhalten.

Sobald Sie ein Konto und eine Testversion oder ein Abonnement haben, können Sie sich bei der Erweiterung anmelden, indem Sie den Link „Anmelden“ oben rechts anklicken. Wenn die Anmeldung von der Erweiterung aus gestartet wird, wird ein neuer Tab geöffnet, in dem Sie den Anmeldeprozess abschließen können. Sobald die Anmeldung abgeschlossen ist, werden Sie zurück zum Erweiterungstab weitergeleitet.

Nun sind Sie mit allen KI-gestützten Funktionen der axe DevTools-Browsererweiterung ausgestattet! Um anzufangen, können Sie sich gerne selbst in der Erweiterung umsehen und die Dokumentation zu den vielen großartigen Funktionen, die die axe DevTools-Erweiterung bietet, weiter lesen:

• Auf Barrierefreiheitsprobleme scannen
• Konfiguration der axe DevTools-Browsererweiterung
• Intelligente geführte Tests
• Teilen
• Exportieren
• Verbleibende (manuelle) Tests

Verfügbarkeit der Funktionen

Alle Benutzer

• Vollständiger Seitenscan
  • Scanbericht mit detaillierter Aufschlüsselung jedes Problems, Hervorhebung, Inspektion, Element-CSS-Selektor, Element-Quellcode, wie man das Problem behebt, Regel-Hilfeseite
• Einstellungen
  • Aussehen
    • Sprache
    • Hervorhebungs-Thema
    • Erweiterungs-Thema
  • Regeln und Probleme
    • Best Practices
    • Barrierefreiheitsstandard auswählen

Benutzer mit axe DevTools-Erweiterung (Pro) oder axe DevTools für Web-Abonnement

Alle oben aufgeführten Funktionen sowie:

• Teilweiser Seitenscan
• Nutzerflussanalyse
• Tests speichern
• Intelligentes geführtes Testen
• Exportieren
• Geteilte Test- und Fehlerberichte
• Verbleibende Test-Checkliste
• Manuelle Fehlererfassung
• Offline-Modus
• Automatischer Farbkonstrastlöser
• Einstellungen
  • Regeln und Probleme
    • axe-core-Version auswählen
    • Überprüfungsoptionen
    • Verhalten des Farbkontrast-Tools
    • Experimentelle Regeln
  • Screenshot-Einstellungen
  • Exporteinstellungen
  • Servereinstellungen
  • Offline-Modus (nur für Unternehmen)

Häufig gestellte Fragen

Wie führe ich einen Scan durch?

Ein Scan durchzuführen ist einfach! Schauen Sie in die Scannen nach Barrierefreiheitsproblemen Dokumentation, um mehr zu erfahren.

Was sind „Intelligente Geführte Tests“ und wie benutze ich sie?

Intelligente Geführte Tests, oder IGTs, führen Sie durch die Prüfung der komplexeren Bereiche der Barrierefreiheit, ohne dass Vorkenntnisse oder Expertise erforderlich sind. Schauen Sie in die Intelligenter Geführter Test Dokumentation, um mehr zu erfahren.

Kann ich Daten exportieren?

Ja! Es gibt eine Reihe von Exportformaten, die ausführlich in der Daten exportieren Dokumentation beschrieben werden.

Kann ich Ergebnisse teilen?

Das Teilen von Ergebnissen ist einfach mit der axe DevTools-Erweiterung. Sie können vollständige Testergebnisse, Gruppen von Problemen und sogar einzelne Probleme teilen. Schauen Sie in die Ergebnisse teilen Dokumentation, um mehr zu erfahren.

Wie kann ich die „Auf bestimmten Seiten“-Einstellung des Browsers nutzen?

Wenn Sie die „Auf bestimmten Seiten“-Einstellung des Browsers nutzen, achten Sie darauf, https://*.deque.com/* zur Liste hinzuzufügen, zusätzlich zu den anderen URLs, die Sie scannen möchten. Andernfalls können Probleme beim Einloggen und bei der Nutzung anderer Funktionen auftreten.

Administratoren

Die axe DevTools-Erweiterung beinhaltet mehrfache Abonnementbereitstellung, wodurch die Benutzeranpassung und -verwaltung einfach und unkompliziert wird.

Benutzerverwaltung

Administratoren können Benutzer auf der „BENUTZERVERWALTUNG“-Seite verwalten. Schauen Sie in die Benutzerverwaltung im axe Account-Portal Dokumentation, um mehr zu erfahren.

Konfiguration für die gesamte Organisation

Administratoren können Einstellungen wie axe-core-Versionen, Standards für Barrierefreiheitstests und mehr für die gesamte Organisation mit axe-Konfiguration konfigurieren.

Konfiguration nach Richtlinien

Die axe DevTools-Erweiterung kann durch Richtlinien konfiguriert werden, was Administratoren ermöglicht, die Konfigurationsoptionen der Erweiterung präzise zu steuern. Erfahren Sie mehr über die Richtlinienkonfiguration hier.