Masonry pure CSS et accessibilité sont dans un bateau...
TLDR; contrast-color() takes any color and returns either black or white, whichever provides the highest contrast against the input color.
De bonnes explications avec en plus de l'accessibilité
<marquee> en CSS et js accessible
Il est possible que certaines personnes estiment que l’intérêt pour l’écriture inclusive, son accessibilité à l’ensemble de la population et la façon de l’appliquer n’est pas un combat prioritaire. Nous ne partageons pas cette opinion.
Voici quelques exemples concrets pour comprendre dans quels cas les live regions ARIA sont appropriées, et dans quels cas il faut au contraire les éviter.
Faire un lien ouvrant dans une nouvelle fenêtre et accessibles. Pas facile !
Site de sensibilisation aux problématiques d'accessibilité d'un site web.
Using <details name> to create exclusive accordions
A common use case for accordions is that only one of them should be open at any one time. The addition of the name attribute lets you connect multiple <details> elements and make an accordion exclusive, so only one <details> element with the same name can be open at any time, and the browser toggles all others with the same name to a "closed" state.
L’inclusion des personnes handicapées est un sujet trop sérieux pour se diviser et mérite un rassemblement plutôt que des divisions. Nous espérons que l’histoire de ce conflit et de sa résolution aidera l’ensemble du secteur du handicap à faire avancer le sujet de manière constructive, notamment en favorisant la recherche scientifique et en restant toujours ouvert à l’innovation ainsi qu’aux nouvelles technologies actuelles et futures pour une inclusion numérique globale.
Une alternative à la police Luciole, elle aussi dessinée pour sa lisibilité.
Il vaut mieux souligner les liens dans un texte.
Sinon, il faut une 3e couleur qui soit suffisamment contrastée avec le texte et le fond.
Quelques principes de base à appliquer en accessibilité.
Draft UI is a collection of simply designed React components focused on making web accessibility as easy as copy & paste.
Faire un bouton SVG accessible : tout un art !
Un exemple de piège au clavier.
Ici, c'est la zone de recherche dont on ne peut pas sortir au clavier (tab)
Bonnes pratiques pour faire une note de bas de page accessible.
Les superpositions d'accessibilité (qui modifient le contraste, la police...) ne rendent pas un site web accessible ni conforme à la législation européenne, alerte le Forum européen des personnes handicapées qui pointe les limites de ce dispositif.
1 juin 2023 • Par Cassandre Rogeret / Handicap.fr
Diplômé d'un master 2 MIAGE en Systèmes d'Information, Multimédia et internet, je m'efforce depuis 20 ans à explorer toutes les facettes du monde numérique dans lequel nous évoluons au quotidien pour vous apporter la meilleure expertise possible dans vos projets. Que ce soit un site web ou une application, je saurai trouver la solution idéale pour répondre à vos besoins.
Ostendo est une extension navigateur qui permet d’afficher, dans vos résultats de recherches Google, le niveau de conformité au RGAA des sites français.
Les sites concernés par le RGAA sont tenus d’avoir une déclaration d’accessibilité sur leur site avec l’état de conformité visible et présent en page d’accueil. Cet état de conformité découle d’un audit d’accessibilité du site (externe ou internet).