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 IDEs de JetBrains (solo IntelliJ IDEA Ultimate y WebStorm en Linux, macOS y Windows son actualmente compatibles) te permite verificar tu código para problemas de accesibilidad en el IDE. Puedes verificar React (JSX), React Native, Angular, Vue, HTML y Markdown en busca de defectos comunes de accesibilidad.
La edición Community de IntelliJ IDEA no es compatible porque no soporta LSP (Protocolo de 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 ondulada roja y proporciona una información emergente que indica el error. La información emergente incluye un enlace a Deque University para más información sobre el error de accesibilidad especificado. Los errores de accesibilidad también aparecen en la 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 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 de Agora de Deque para descargar el plugin. Para obtener ayuda, contacta a tu representante de Deque directamente, o contáctanos a través de nuestro centro de soporte, o envíanos un correo electrónico.
El plugin se distribuye como .jar archivo 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 quizás quieras cambiar su comportamiento creando axe-linter.yml archivos de configuración. Para más información, consulta:
- Configuración de Axe DevTools Linter para obtener una referencia de las opciones de configuración de Axe DevTools Linter
- Linting Componentes Personalizados con el Axe Accessibility Linter para VS Code o IDEs de JetBrains para obtener información sobre cómo configurar el plugin para linting de componentes personalizados
Compatibilidad con las 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.