docs(fix-lint): document LeCoffre jsx-a11y lint and check:edge-tools-static

This commit is contained in:
Nicolas Cantu 2026-04-10 04:58:46 +02:00
parent afde172170
commit ae4bc14573

View File

@ -63,11 +63,11 @@ Corrige toutes les erreurs et tous les warnings de lint du projet (chaque réper
## Diagnostics IDE : Microsoft Edge Tools (webhint, axe, compat-api CSS) ## Diagnostics IDE : Microsoft Edge Tools (webhint, axe, compat-api CSS)
Ces signalements **ne sont pas** produits par `npm run lint` (ESLint). Ils proviennent en général de lextension **Microsoft Edge Tools** dans lIDE : **webhint** (ex. `no-inline-styles`), **axe** (accessibilité), **compat-api** (compatibilité navigateurs / MDN). **Projet LeCoffre (`lecoffre-front-main`)** : `npm run lint` inclut **`plugin:jsx-a11y/recommended`** (ESLint) — contrôle statique JSX proche de plusieurs familles **axe** (noms accessibles, clavier, ancres, rôles). Commande équivalente explicite : `npm run check:edge-tools-static` (script dans le dépôt LeCoffre). Lextension **Microsoft Edge Tools** na pas de CLI dans le dépôt ; les familles **compat-api** et **webhint** (`no-inline-styles`, etc.) restent en général visibles dans lIDE.
**Obligation** : pour tout projet avec un répertoire **frontend** dans `build_dirs`, après le lint ESLint, **vérifier et corriger** les problèmes dont la source est **Microsoft Edge Tools** dans le panneau Problèmes du workspace (même priorité que les erreurs et warnings ESLint). Ne pas clôturer en « lint OK » si ces diagnostics subsistent sur le frontend alors quils sont corrigeables. **Obligation** : pour tout projet avec un répertoire **frontend** dans `build_dirs`, après le lint ESLint, **vérifier et corriger** les problèmes dont la source est **Microsoft Edge Tools** dans le panneau Problèmes du workspace (même priorité que les erreurs et warnings ESLint). Ne pas clôturer en « lint OK » si ces diagnostics subsistent sur le frontend alors quils sont corrigeables.
**Vérification** : parcourir les fichiers du frontend listés avec la source « Microsoft Edge Tools » ; relever les codes de règle (`compat-api/css`, `axe/name-role-value`, `axe/aria`, `no-inline-styles`, etc.). **Vérification** : parcourir les fichiers du frontend listés avec la source « Microsoft Edge Tools » ; relever les codes de règle (`compat-api/css`, `axe/name-role-value`, `axe/aria`, `no-inline-styles`, etc.). Sur LeCoffre, enchaîner `npm run lint` ou `npm run check:edge-tools-static` dans `lecoffre-front-main` avant la revue IDE.
**Résolution par type de code (référence)** : **Résolution par type de code (référence)** :
@ -80,10 +80,10 @@ Ces signalements **ne sont pas** produits par `npm run lint` (ESLint). Ils provi
**Interdits** : désactiver lextension ou ignorer les fichiers pour masquer les alertes ; utiliser `eslint-disable` pour contourner accessibilité ou compatibilité. **Interdits** : désactiver lextension ou ignorer les fichiers pour masquer les alertes ; utiliser `eslint-disable` pour contourner accessibilité ou compatibilité.
**Bloc à appliquer systématiquement** (après `npm run lint` sur le frontend) : **Bloc à appliquer systématiquement** (après `npm run lint` sur le frontend ; LeCoffre : inclut jsx-a11y, voir aussi `check:edge-tools-static`) :
``` ```
Diagnostics IDE (Microsoft Edge Tools / webhint / axe / compat-api) : vérifier le panneau Problèmes pour la source « Microsoft Edge Tools » sur le frontend. Corriger compat-api/css (préfixes vendeurs) ; axe/name-role-value (noms accessibles) ; axe/aria (valeurs valides) ; no-inline-styles (feuilles de style, variables CSS si dynamique). Même priorité que ESLint. Diagnostics IDE (Microsoft Edge Tools / webhint / axe / compat-api) : sur LeCoffre frontend, `npm run lint` ou `npm run check:edge-tools-static` couvre déjà jsx-a11y. Vérifier en complément le panneau Problèmes pour « Microsoft Edge Tools » : compat-api/css (préfixes vendeurs) ; no-inline-styles (SCSS/modules, variables CSS si dynamique) ; autres règles IDE. Même priorité que ESLint.
``` ```
## Contrainte absolue ## Contrainte absolue