Uso del Plugin Axe Linter con IDEs de JetBrains
Información sobre el uso del plugin con IntelliJ IDEA Ultimate y WebStorm
Necesitas una suscripción paga para Axe DevTools Linter para usar el plugin de JetBrains.
El plugin Axe DevTools Linter para JetBrains IDEs (solo IntelliJ IDEA Ultimate y WebStorm en Linux, macOS y Windows son actualmente compatibles) te permite verificar tu código en busca de problemas de accesibilidad en el IDE. Puedes verificar React (JSX), React Native, Angular, Vue, HTML y Markdown para detectar defectos comunes de accesibilidad.
La edición Community de IntelliJ IDEA no es compatible porque no soporta LSP (Protocolo del Servidor de Lenguaje). Solo IntelliJ IDEA Ultimate Edition o WebStorm soportan LSP. LSP también requiere la versión 2023.2 o posterior de IntelliJ IDEA Ultimate o WebStorm.
Resumen de su Uso
El plugin resalta los errores de accesibilidad en el IDE con una línea roja ondulada y proporciona una información sobre herramientas 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 el ventana de herramientas de Problemas en el 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 verificaciones de accesibilidad que realiza el plugin, consulta Reglas de Accesibilidad.
Comenzar
Puedes descargar el plugin del repositorio Agora de Deque usando tu cuenta de Agora.
Debes tener una cuenta Deque Agora para descargar el plugin. Para obtener ayuda, contacta a tu representante de Deque directamente, contáctanos a través de nuestro centro de soporte, o envíanos un correo electrónico.
El plugin 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 plugin).
Puedes instalar el plugin en tu IDE siguiendo los pasos en Instalar plugin desde disco.
Configuración
No es necesario configurar el plugin, pero es posible que desees cambiar su comportamiento creando archivos de configuración axe-linter.yml. Para obtener más información, consulta:
- Configuración de Axe DevTools Linter para una referencia a las opciones de configuración del Axe DevTools Linter
- Linting Componentes Personalizados con el Axe Accessibility Linter para VS Code o IDEs de JetBrains para información sobre cómo configurar el plugin para analizar componentes personalizados
Compatibilidad con las Reglas de Accesibilidad
Para obtener más información sobre las reglas que el plugin utiliza para localizar errores de accesibilidad, consulta Reglas de Accesibilidad.
Próximos Pasos
Este sitio de documentación contiene información sobre cómo usar las diversas ofertas del Axe DevTools Linter. Para obtener más información, consulta Acerca de Axe DevTools Linter.