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…
Javascript de copie de texte dans le presse-papier, compatible avec tous les navigateurs sans modifier les paramètres d'autorisation. Et accessible…
Au passage, application sur un tableau des couleurs standards web, avec structuration des données sans balise table.
Faire cohabiter l'accessibilité et le design n'est pas toujours simple. Notamment sur la question de la visibilité du focus.
Impossible et compliqué ? Oui, mais non !
Et si l’accessibilité numérique n’était pas une démarche inclusive sociale, mais avant tout une question de business ?
Concevoir un mode sombre automatique sans Javascript avec la requête média prefers-color-scheme et variables CSS.
Simple, efficace et sympa pour les utilisateurs.
Comment ne pas se perdre dans les niveaux de z-index et gérer la superposition d'éléments dans une page web ?
On a ce qu'il vous faut. Ça va être rapide…
Alternative aux CAPTCHAs pour la protection des formulaires avec Honeypot, Time Measuring et empreinte de navigateur.
Snackbar et toast HTML accessibles : dialog natif, Vanilla JS, WCAG 2.2.
Positions, types, trap focus, fermeture automatique. Sans framework, sans dépendance.
Extrait d'avis accessible. Créer un bloc d'évaluation 5 étoiles vectorielles avec CSS et buttons, conforme accessibilité (WAI-ARIA) avec navigation au clavier et lecteurs d'écrans.
Construction HTML et CSS d'une popin modale responsive, accessible (WAI-ARIA), avec défilement vertical interne.
Contenu alimenté par contenu statique ou requête asynchrone.
Que dire et que faire avec les pseudo-solutions magiques de widgets d'accessibilité ?
Réponse : ne surtout pas céder au chant des sirènes.
Par contre, on peut coder… parce que dans la vraie vie, ce n'est pas du tout compliqué !
Les liens d'évitement permettent aux utilisateurs naviguant au clavier, ou équipés de lecteurs d'écran, d'accéder plus rapidement à des zones précises.
Mais il n'en faut pas qu'un…
Mise en oeuvre de chargement asynchrone de feuilles de styles avec stockage local et gestion du cache automatisée.
Mais pas seulement les CSS…
Créer un lien vers le haut d'une page web.
Et accessible, bien entendu. Ça a l'air simple ? Pas tant que ça… on a une solution.
Sérieusement… Imprimer une page web ?
Un peu de santé pour la planète, s'il vous plait.
