Autopsie d'une card produit — de 87 à 38 éléments, 0 div
Je prends une vraie card produit e-commerce, je la décortique, j'identifie 8 défauts d'accessibilité, et je la reconstruis de zéro. Même design, moins de la moitié des éléments, 0 div.
Le blog de Bariafurii
灯台下暗しIl fait sombre au pied du phare.
Tōdai refuse cette ombre.
Par où commencerLire les articles20 articles97 repèresDernier :
Trois chemins
01 — Comprendre
Découvrir l'accessibilité, ses enjeux, ce que vivent les utilisateurs.
Explorer — Comprendre02 — Construire
Du code, des patterns, des corrections. À ouvrir à côté de ton IDE.
Explorer — Construire03 — Transformer
Convaincre, piloter la conformité, chiffrer le coût de l'inaction.
Explorer — TransformerÀ la une
Je prends une vraie card produit e-commerce, je la décortique, j'identifie 8 défauts d'accessibilité, et je la reconstruis de zéro. Même design, moins de la moitié des éléments, 0 div.
Derniers parus
Un ratio AAA ne garantit rien pour une personne atteinte d'achromatopsie incomplète. Le vrai levier, c'est de laisser l'utilisateur choisir ses propres couleurs, et de ne pas lui mettre de bâtons dans les roues.
129 balises HTML, SVG et MathML utilisables en body, et tu utilises toujours <div>. Cette mind map interactive te guide par intention : dis ce que tu veux faire, elle te montre la balise qu'il te faut.