Uso de la extensión axe Linter para VS Code
Información sobre la instalación y el uso de la extensión con VS Code
La extensión axe DevTools Linter para VS Code le permite verificar su código para detectar problemas de accesibilidad desde el IDE de VS Code. Puede verificar React (JSX), React Native, Angular, Vue, HTML y Markdown para detectar defectos de accesibilidad comunes.
Obtención de la extensión
Normalmente, descargas la extensión desde el mercado de extensiones de VS Code. Haga clic en el botón Instalar , que descargará la extensión y luego le solicitará permiso para abrir VS Code para instalar la extensión.
Consulte Instalación en entornos restringidos para conocer otras formas de descargar e instalar la extensión.
Descripción general de su uso
La extensión resalta los errores de accesibilidad en VS Code con una línea roja ondulada y proporciona un mensaje emergente que indica el error. Además, el panel Problemas que aparece a continuación (si está habilitado) muestra una lista de errores, como se muestra a continuación:
La información sobre herramientas y la información en el panel Problemas incluyen un enlace a Deque University para obtener más información sobre el error de accesibilidad especificado. En el ejemplo que se muestra, al ejemplo de código le falta el atributo lang en el elemento html , lo cual se analiza en Deque University: html-has-lang.
Configuración
No es necesario configurar la extensión, pero puedes cambiar su comportamiento mediante archivos de configuración. 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
- Realizar linting de componentes personalizados con el Linter de accesibilidad para VS Code o JetBrains IDEs para obtener información sobre cómo configurar la extensión para realizar linting de 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.
Instalación en entornos restringidos
En la mayoría de los casos, puedes instalar axe Accessibility Linter directamente desde VS Code Marketplace. Sin embargo, algunas organizaciones tienen restricciones de seguridad que afectan el proceso de instalación de dos maneras:
- No puedes descargarlo desde VS Code Marketplace.
- La extensión, durante su primera ejecución, no puede descargar el componente binario requerido, el componente que realiza el análisis de sus archivos y es específico del sistema operativo.
Si su organización tiene estas restricciones, necesitará una licencia de axe DevTools Linter para acceder al repositorio de software Agora de Deque. Luego puedes descargar un paquete para la extensión. .vsix
¿Necesita ayuda con su cuenta de Agora?
- Contacte a su representante de Deque
- Visita la mesa de soporte
- Enviar un correo a helpdesk@deque.com
Acerca de los paquetes de instalación en Agora
Deque ofrece dos opciones de paquetes en el repositorio de software de Agora:
| Nombre de la extensión | Ubicación en Ágora | Descripción |
|---|---|---|
vscode-axe-linter-<version>.vsix |
https://agora.dequecloud.com/ui/native/linter-bin/vscode-linter/ | Solo la extensión estándar (idéntica a la versión VS Code Marketplace), que necesita descargar el componente binario para su sistema operativo en la primera ejecución |
vscode-axe-linter-bundle-<version>.vsix |
https://agora.dequecloud.com/ui/native/linter-bin/vscode-linter-bundle/ | Un paquete completo que incluye tanto la extensión como los componentes binarios para todos los sistemas operativos |
Verá un visor de directorio de todas las versiones de la extensión, por ejemplo:
Por lo general, elegirá la última versión y explorará los subdirectorios hasta encontrar el archivo. .vsix
Pasos de instalación
- Descargue su paquete preferido del repositorio Deque Agora.
.vsix - En VS Code, abra el panel Extensiones .
- Haga clic en el menú adicional (...).
- Seleccione Instalar desde VSIX..., la última opción del menú.
- Seleccione el archivo
.vsixque ha descargado.
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.