Utiliser l'extension Stylus pour repérer les premières erreurs d'accessibilité
Stylus : l'extension pour les premiers filtres et simplifier la revue de code accessibilité et qualité. Comment faire ?
Les petits articles de Kortic #3
Qu'est-ce qu'on peut trouver ici ?
Des réflexions aussi personnelles qu'inutiles, mais surtout des propositions complètes et accessibles pour des petits quotidiens en développement web.
Aucune solution parfaite, juste des idées à adapter…
Le mythe du `h1` unique : quand on réinvente les standards
Depuis des années, consultants SEO et outils d'audit nous martèlent qu'une page web ne doit contenir qu'un seul `h1`.
Pourtant, ni Google, ni le W3C, ni les WCAG ne mentionnent cette règle. Alors, mythe ou réalité ?
Spoiler : c'est du vent. Froid.
Menu d'accessibilité gratuit (ou presque)
Le fournisseur de widget d'accessibilité qui vous promet la conformité est un gros gag qui vous expose au lieu de vous protéger. La solution ? Le faire soi-même, ça coûtera toujours moins cher qu'un procès aux États-Unis, et en Europe dorénavant.
On vous explique.
Parcoursup et la lettre de motivation : l'IA n'est pas le problème, c'est le symptôme
L'IA ne triche pas, elle remplace le carnet d'adresses. Alors que l'institution s'offusque des lettres générées par ChatGPT, on oublie l'essentiel : former les élèves plutôt que de les piéger.
Analyse (très personnelle) d'une hypocrisie française.
Styliser les inputs radio et checkbox uniquement par CSS
Mise en forme des éléments de formulaire radio et case à cocher en CSS pur, sans JavaScript (ou presque).
Gérer l'accessibilité, le design, les différents états, le tout en une seule feuille de styles.
Les listes de filtres e-commerce extensibles accessibles : quand le « voir plus » devient utilisable
Les sidebars de filtres, communément appelées des « facettes », et l'accessibilité.
Vous avez déjà navigué au clavier dans ces composants ?
Implémentez des listes « Voir plus » réellement utilisables.
Évolution des Digital Accessibility Lawsuits aux États-Unis (2019-2025)
Les plaintes pour accessibilité numérique aux États-Unis ont connu une croissance soutenue depuis 2019, avec des fluctuations marquées par des événements réglementaires et économiques.
État des lieux en 2025 et prémonitions pour 2026…
Extension des prototypes Storage et Element en JavaScript
Parce que oui, on a le droit d'être fainéant ! Quatre méthodes utilitaires pour simplifier la manipulation du localStorage, sessionStorage et des attributs HTML en JavaScript vanilla.
Analyser les performances Core Web Vitals en temps réel sans extension navigateur
Monitorer les Core Web Vitals et métriques de performance en temps réel, quel que soit l'environnement. Comment ?
Avec ça : badge flottant, données en console, activation à la demande et aucune dépendance externe.
Validation W3C : pourquoi et comment intégrer la conformité HTML dans son workflow de développement
Valider son code HTML n'est pas une option. C'est la garantie d'un site compatible, accessible et maintenable.
Le validateur W3C détecte les erreurs qui nuisent à l'accessibilité, compromettent le SEO et créent de la dette technique. Voici pourquoi l'intégrer dans votre workflow quotidien. Et les outils pour le faire…
Accessibilité numérique : quand la théorie rencontre le terrain
Un site 100% conforme WCAG peut être 100% inutilisable.
Et un site non-conforme peut offrir une meilleure expérience utilisateur.
Cette nuance, personne ne veut l'entendre. Pourtant, c'est elle qui fait toute la différence entre cocher des cases et rendre un site vraiment accessible.
CSS Nesting : détection et utilisation
Vous avez toujours envié la syntaxe des préprocesseurs CSS ?
Bonne nouvelle : le nesting natif est là, et il simplifie radicalement l'écriture de vos feuilles de style.
Animation d'images purement décoratives en fondu enchainé sans framework
Un script vanilla JS pour animer vos images décoratives en fondu enchaîné, sans dépendance externe. Léger, configurable, et respectueux des préférences de mouvement WCAG. Parce que parfois, moins c'est plus.