Aller au contenu
Design system @paulperigault

Composants

Glossaire

Chaque terme technique est défini ici une fois. Les autres pages renvoient vers cette liste.

ADR
Architecture Decision Record, note courte qui consigne une décision, son contexte et ses conséquences.
ARIA
Accessible Rich Internet Applications, spécification du W3C qui ajoute rôles, états et propriétés aux éléments HTML pour les technologies d'assistance.
cible tactile
Zone qui répond à un contact ou à un clic. WCAG 2.2, critère 2.5.8, demande au moins 24 × 24 px CSS au niveau AA.
CLS
Cumulative Layout Shift, somme des décalages de mise en page inattendus pendant la vie de la page. Bon en dessous de 0,1.
contraste WCAG
Rapport de luminance entre texte et fond, calculé selon WCAG 2. Le critère 1.4.3 exige au moins 4,5:1 pour le texte courant.
Core Web Vitals
Trois mesures de Google sur l'expérience réelle : LCP, INP et CLS, évaluées au 75e centile des visites.
CSP
Content Security Policy, en-tête HTTP qui limite les sources de scripts, de styles et d'images autorisées sur une page.
dialog
Élément HTML de boîte de dialogue. Ouvert avec showModal(), il gère le focus et rend le reste de la page inerte.
DTCG
Design Tokens Community Group du W3C, qui publie le format d'échange des jetons de design. Ce dépôt suit la version 2025.10.
focus visible
Indicateur qui montre l'élément actif au clavier. Le critère 2.4.7 de WCAG 2.2 l'exige au niveau AA.
gamut
Ensemble des couleurs qu'un espace ou un écran peut afficher. Le sRGB est le plus courant sur le web.
INP
Interaction to Next Paint, délai entre une interaction utilisateur et l'affichage de la réponse. Remplace FID en mars 2024.
Invoker Commands
API HTML qui relie un bouton à un élément via les attributs command et commandfor, sans script.
jeton
Valeur de design nommée et réutilisable, comme une couleur ou un espacement. Ici, les jetons portent le préfixe --pp-.
LCP
Largest Contentful Paint, délai d'affichage du plus grand élément visible de la page. Bon en dessous de 2,5 s au 75e centile.
lecteur d'écran
Logiciel qui restitue l'interface par la parole ou en braille, par exemple NVDA, JAWS ou VoiceOver.
llms.txt
Fichier texte à la racine d'un site qui résume son contenu pour les modèles de langage. Proposé en 2024.
MCP
Model Context Protocol, protocole ouvert qui relie des modèles d'IA à des outils et à des sources de données.
mouvement réduit
Préférence système, lue par prefers-reduced-motion, qui demande de limiter les animations.
OKLCH
Espace de couleur perceptuel décrit par la luminosité, la chroma et la teinte, proposé par Björn Ottosson en 2020.
popover
Attribut HTML qui affiche un contenu par-dessus la page. Le navigateur gère son ouverture et sa fermeture sans script.
propriété logique
Propriété CSS liée au sens du texte, comme inline-start ou block-size, au lieu de left ou top.
provenance npm
Attestation signée qui indique le dépôt et le workflow ayant produit un paquet publié sur npm.
reflow
Adaptation du contenu à une largeur de 320 px CSS sans défilement horizontal. Critère 1.4.10, niveau AA.
registre
Liste des composants publiés avec leurs fichiers. Le fichier registry.json est régénéré par npm run registry.
requête de conteneur
Règle CSS @container qui adapte un composant à la largeur de son conteneur, et non à celle de la fenêtre.
RGAA
Référentiel général d'amélioration de l'accessibilité, référentiel français fondé sur les WCAG et utilisé pour les services publics.
SBOM
Software Bill of Materials, inventaire des composants logiciels qui entrent dans un artefact, avec leurs versions.
WCAG
Web Content Accessibility Guidelines, recommandations du W3C pour l'accessibilité du web. La version 2.2 date d'octobre 2023.
zone sûre
Partie de l'écran à l'écart des encoches, des coins arrondis et des barres système, où le contenu reste visible.