AccessConfig icon indicating copy to clipboard operation
AccessConfig copied to clipboard

Fond image des (simili)-boutons

Open franck-paul opened this issue 6 years ago • 2 comments

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 avatar Jan 06 '20 16:01 franck-paul

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 avatar Jan 07 '20 09:01 franck-paul

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%);
}

franck-paul avatar Jan 10 '20 11:01 franck-paul