Verwenden des Axe Linter-Plugins mit JetBrains IDEs
Informationen zur Verwendung des Plugins mit IntelliJ IDEA Ultimate und WebStorm
Mit dem axe DevTools Linter-Plugin für JetBrains IDEs (derzeit werden nur IntelliJ IDEA Ultimate und WebStorm unter Linux, macOS und Windows unterstützt) können Sie Ihren Code in der IDE auf Zugänglichkeitsprobleme überprüfen. Sie können React (JSX), React Native, Angular, Vue, HTML und Markdown auf häufige Zugänglichkeitsmängel überprüfen.
Die Community Edition von IntelliJ IDEA wird nicht unterstützt, da sie LSP (Language Server Protocol) nicht unterstützt. Nur IntelliJ IDEA Ultimate Edition oder WebStorm unterstützen LSP. LSP erfordert außerdem Version 2023.2 oder höher von IntelliJ IDEA Ultimate oder WebStorm.
Übersicht über die Verwendung
Das Plugin hebt Zugänglichkeitsfehler in der IDE mit einer roten Wellenlinie hervor und bietet einen Tooltip, der auf den Fehler hinweist. Der Tooltip enthält einen Link zu Deque University , wo Sie weitere Informationen zum angegebenen Barrierefreiheitsfehler finden. Die Barrierefreiheitsfehler werden auch im Probleme-Toolfenster in der IDE angezeigt, wie unten in WebStorm dargestellt:
Ähnlich verhält es sich mit dem folgenden Screenshot für IntelliJ, der zwei Zugänglichkeitsfehler zeigt (einen falsch geschriebenen Wert für das Attribut lang und ein leeres Überschriftenelement):
Weitere Informationen zu den vom Plugin durchgeführten Barrierefreiheitsprüfungen finden Sie unter Barrierefreiheitsregeln.
Loslegen
Sie können das Plugin mit Ihrem Agora-Konto aus dem Agora-Repository von Deque herunterladen.
Sie müssen über ein Deque Agora-Konto verfügen, um das Plugin herunterzuladen. Wenn Sie Hilfe benötigen, wenden Sie sich direkt an Ihren Deque-Vertreter, erreichen Sie uns über unseren Support-Desk oder senden Sie uns eine E-Mail.
Das Plugin wird als .jar-Datei verteilt, deren Dateiname das Format axe-devtools-linter-version.jar hat (wobei version die Version des Plugins ist).
Sie können das Plug-In in Ihrer IDE installieren, indem Sie die Schritte unter Plug-In von Datenträger installieren befolgen.
Konfiguration
Die Konfiguration des Plug-Ins ist nicht erforderlich, Sie möchten sein Verhalten jedoch möglicherweise durch Erstellen von Axe-linter.yml Konfigurationsdateien ändern. Weitere Informationen finden Sie unter:
- Konfigurieren von axe DevTools Linter für eine Referenz zu den Konfigurationsoptionen von axe DevTools Linter
- Linting von benutzerdefinierten Komponenten mit dem axe Accessibility Linter für VS Code oder JetBrains IDEs für Informationen zum Konfigurieren des Plug-In zum Linten von benutzerdefinierten Komponenten
Unterstützung von Barrierefreiheitsregeln
Weitere Informationen zu den Regeln, die das Plug-In zum Auffinden von Barrierefreiheitsfehlern verwendet, finden Sie unter Barrierefreiheitsregeln.
Nächster Schritt
Diese Dokumentationsseite enthält Informationen zur Verwendung der verschiedenen axe DevTools Linter-Angebote. Weitere Informationen finden Sie unter Über axe DevTools Linter.