Utilisation de l'extension axe Linter pour VS Code
Informations sur l'installation et l'utilisation de l'extension avec VS Code
L'extension axe DevTools Linter pour VS Code vous permet de vérifier votre code pour détecter les problèmes d'accessibilité depuis l'IDE VS Code. Vous pouvez vérifier React (JSX), React Native, Angular, Vue, HTML et Markdown pour les défauts d'accessibilité courants.
Obtention de l'extension
En règle générale, vous téléchargez l'extension à partir de la place de marché des extensions VS Code. Cliquez sur le bouton Installer , qui téléchargera l'extension, puis demandera l'autorisation d'ouvrir VS Code pour installer l'extension.
Consultez Installation dans des environnements restreints pour d'autres façons de télécharger et d'installer l'extension.
Aperçu de son utilisation
L'extension met en évidence les erreurs d'accessibilité dans Visual Studio Code avec une ligne ondulée rouge et fournit une info-bulle indiquant l'erreur. De plus, le volet Problèmes ci-dessous (s'il est activé) affiche une liste d'erreurs, comme indiqué ci-dessous :
L'info-bulle et les informations du volet Problèmes incluent un lien vers Deque University pour plus d'informations sur l'erreur d'accessibilité spécifiée. Dans l'exemple illustré, l'exemple de code ne contient pas l'attribut lang sur l'élément html , qui est discuté à Deque University : html-has-lang.
Configuration
La configuration de l'extension n'est pas nécessaire, mais vous pouvez modifier son comportement en utilisant des fichiers de configuration. Pour plus d'informations, voir :
- Configuration d'axe DevTools Linter pour une référence aux options de configuration d'axe DevTools Linter
- Examen des composants personnalisés avec le Linter d'accessibilité axe pour VS Code ou les IDE JetBrains pour plus d'informations sur la configuration de l'extension pour analyser les composants personnalisés
Prise en charge des règles d'accessibilité
Pour plus d'informations sur les règles utilisées par le plugin pour localiser les erreurs d'accessibilité, consultez Règles d'accessibilité.
Installation dans des environnements restreints
Dans la plupart des cas, vous pouvez installer l'axe Accessibility Linter directement depuis le Marketplace VS Code. Cependant, certaines organisations ont des restrictions de sécurité qui affectent le processus d'installation de deux manières :
- Vous ne pouvez pas télécharger depuis la place de marché VS Code.
- L'extension, lors de sa première exécution, ne peut pas télécharger son composant binaire requis, le composant qui effectue le linting de vos fichiers, et qui est spécifique au système d'exploitation.
Si votre organisation a ces restrictions, vous aurez besoin d'une licence axe DevTools Linter pour accéder au référentiel de logiciels Agora de Deque. Vous pouvez ensuite télécharger un paquet pour l'extension. .vsix
Besoin d'aide avec votre compte Agora ?
- Contactez votre représentant Deque
- Visitez le bureau d'assistance
- Envoyer un email à helpdesk@deque.com
À propos des packages d'installation sur Agora
Deque propose deux options de paquet sur le référentiel de logiciels Agora :
| Nom de l'extension | Emplacement sur Agora | Description |
|---|---|---|
vscode-axe-linter-<version>.vsix |
https://agora.dequecloud.com/ui/native/linter-bin/vscode-linter/ | L'extension standard uniquement (identique à la version VS Code Marketplace), qui doit télécharger le composant binaire pour votre système d'exploitation lors de la première exécution |
vscode-axe-linter-bundle-<version>.vsix |
https://agora.dequecloud.com/ui/native/linter-bin/vscode-linter-bundle/ | Un package complet qui comprend à la fois l'extension et les composants binaires pour tous les systèmes d'exploitation |
Vous verrez un visualiseur de répertoire de toutes les versions de l'extension, par exemple :
Vous choisirez généralement la dernière version et explorerez les sous-répertoires jusqu'à ce que vous localisiez le fichier. .vsix
Étapes d'installation
- Téléchargez votre paquet préféré à partir du référentiel Deque Agora.
.vsix - Dans VS Code, ouvrez le panneau Extensions .
- Cliquez sur le menu de débordement (...).
- Sélectionnez Installer à partir de VSIX..., la dernière option du menu.
- Choisissez votre fichier téléchargé.
.vsix
Prochaines étapes
Ce site de documentation contient des informations sur l'utilisation des différentes offres axe DevTools Linter. Pour plus d'informations, voir À propos d'axe DevTools Linter.