search

access42 / AccessConfig

Un sélecteur de styles, léger et open source, pour permettre aux personnes en situation de handicap d’adapter votre site à certains de leurs besoins.
https://accessconfig.a11y.fr/
Other
31 stars 9 forks source link

Fond image des (simili)-boutons #2

Open franck-paul opened 4 years ago

franck-paul commented 4 years ago

Dans le cas où une des options de contraste (inversion ou renforcement) est activée il serait peut-être opportun d'annuler les images (propriété CSS background-image) utilisées en fond de boutons, voire des éléments inputs, puisque ces images remplacent la couleur de fond positionnée par la CSS d'AccessConfig

franck-paul commented 4 years ago

En y réfléchissant, je me dis que c'est peut-être too much, certains boutons utilisant une image de fond à la place du texte (en particulier les barres d'outils des éditeurs de texte), du coup je ne sais pas trop ce qu'il faut en faire de ce ticket :-)

Un avis les experts a11y ?

franck-paul commented 4 years ago

Pour info, pour l'application sur l'administration d'un blog Dotclear j'ai opté pour un masquage des images de fond et je gère le hover/focus avec une règle CSS comme suit :

button, .simili-button {
  background-image: none;
}
button:hover, .simili-button:hover,
button:focus, .simili-button:focus {
  filter: invert(100%);
}