FRmicrow/accessibility-and-ux
.claude/skills/frontend/accessibility-and-ux/SKILL.md
Améliorer l'accessibilité et l'UX. Utiliser quand on améliore les focus states, aria-labels ou la navigation clavier.
tools
Updated Apr 16, 2026
$ install --global
skillsauthnpx skillsauth add FRmicrow/dataFootV1 accessibility-and-uxInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 16, 2026, 2:00 AM4.1s1 file scanned
SKILL.md
- name:
- accessibility-and-ux
- description:
- Améliorer l'accessibilité et l'UX. Utiliser quand on améliore les focus states, aria-labels ou la navigation clavier.
- risk:
- none
When to use
Servez-vous de cette compétence pour vérifier et améliorer l’accessibilité et l’utilisabilité de vos interfaces.
Instructions
- Utilisez des balises HTML sémantiques et respectez la structure logique des documents (nav, main, footer) pour aider les technologies d’assistance.
- Associez des labels et attributs ARIA aux champs de formulaire et aux contrôles interactifs.
- Contrôlez le contraste des couleurs et la taille des polices pour garantir la lisibilité.
- Facilitez la navigation au clavier en gérant les ordres de tabulation et le focus.
- Testez vos pages avec des outils d’audit (Lighthouse, axe) et corrigez les problèmes identifiés.
Example
Pour un bouton qui déclenche une action, utilisez <button aria-label="Supprimer"> au lieu d’un <div> cliquable et assurez-vous que l’utilisateur puisse activer ce bouton via la touche Entrée ou Espace.
Limitations
Cette compétence aborde l’accessibilité technique et l’UX de base. Des études d’ergonomie plus poussées (tests utilisateurs) peuvent être nécessaires pour optimiser l’expérience.
Related Skills
FRmicrow/unit-testing-node
development
VerifiedTrustedCommunity
Écrire des tests unitaires Node.js. Utiliser quand on teste une fonction isolée avec Vitest dans backend/test/.
SKILL.mdUpdated Apr 16, 2026
FRmicrow/integration-testing
testing
VerifiedTrustedCommunity
Tester l'intégration entre services. Utiliser quand on vérifie l'interaction contrôleur/service avec Supertest + Vitest.
SKILL.mdUpdated Apr 16, 2026
FRmicrow/frontend-testing-react
development
VerifiedTrustedCommunity
Tester les composants React avec Vitest + Testing Library. Utiliser quand on teste le rendu ou les interactions.
SKILL.mdUpdated Apr 16, 2026
FRmicrow/e2e-testing-playwright
testing
VerifiedTrustedCommunity
Écrire des tests end-to-end Playwright. Utiliser quand on teste l'application complète du point de vue utilisateur.
SKILL.mdUpdated Apr 16, 2026