Uso del complemento axe Linter con los IDE de JetBrains
Información sobre el uso del complemento con IntelliJ IDEA Ultimate y WebStorm
El complemento axe DevTools Linter para IDE de JetBrains (actualmente solo se admiten IntelliJ IDEA Ultimate y WebStorm en Linux, macOS y Windows) le permite verificar su código para detectar problemas de accesibilidad en el IDE. Puede verificar React (JSX), React Native, Angular, Vue, HTML y Markdown para detectar defectos de accesibilidad comunes.
La edición comunitaria de IntelliJ IDEA no es compatible porque no admite LSP (Protocolo de servidor de lenguaje). Sólo IntelliJ IDEA Ultimate Edition o WebStorm admiten LSP. [LSP también requiere la versión 2023.2 o posterior] de IntelliJ IDEA Ultimate o WebStorm.(https://blog.jetbrains.com/platform/2023/07/lsp-for-plugin-developers/)
Descripción general de su uso
El complemento resalta los errores de accesibilidad en el IDE con una línea roja ondulada y proporciona una descripción emergente que indica el error. La información sobre herramientas incluye un enlace a Deque University para obtener más información sobre el error de accesibilidad especificado. Los errores de accesibilidad también aparecen en la ventana de herramientas Problemas del IDE, como se muestra a continuación en WebStorm:
De manera similar, para IntelliJ, la siguiente captura de pantalla muestra dos errores de accesibilidad (un valor mal escrito para el atributo lang y un elemento de encabezado vacío):
Para obtener más información sobre las comprobaciones de accesibilidad que realiza el complemento, consulte Reglas de accesibilidad.
Iniciar
Puede descargar el complemento del repositorio Agora de Deque usando su cuenta de Agora.
Debe tener una cuenta Deque Agora para descargar el complemento. Para obtener ayuda, comuníquese directamente con su representante de Deque, contáctenos a través de nuestra mesa de soporte o envíenos un correo electrónico.
El complemento se distribuye como un archivo .jar cuyo nombre de archivo tiene el formato axe-devtools-linter-versión.jar (donde versión es la versión del complemento).
Puede instalar el complemento en su IDE siguiendo los pasos en Instalar complemento desde el disco.
Configuración
No es necesario configurar el complemento, pero es posible que desees cambiar su comportamiento creando archivos de configuración axe-linter.yml . Para obtener más información, consulte:
- Configuración de axe DevTools Linter para obtener una referencia a las opciones de configuración de axe DevTools Linter
- Análisis de componentes personalizados con el Linter de accesibilidad para VS Code o JetBrains IDE para obtener información sobre cómo configurar el complemento para analizar componentes personalizados
Compatibilidad con reglas de accesibilidad
Para obtener más información sobre las reglas que utiliza el complemento para localizar errores de accesibilidad, consulte Reglas de accesibilidad.
Próximos pasos
Este sitio de documentación contiene información sobre el uso de las diversas ofertas de axe DevTools Linter. Para obtener más información, consulte Acerca de axe DevTools Linter.