Couleurs des boutons non accessibles #3577

Closed
opened 7 years ago by miros · 6 comments
miros commented 7 years ago

Bonjour,

J'ai installé la 3.1 qui est une belle avancée pour mon CMS favoris, mais les boutons vert sur fond vert "Enregistrer, Téléverser,etc..." ne passent pas les test d'accessibilité couleur.
En mettant les textes en noir, ça passe les tests.

Bonjour, J'ai installé la 3.1 qui est une belle avancée pour mon CMS favoris, mais les boutons vert sur fond vert "Enregistrer, Téléverser,etc..." ne passent pas les test d'accessibilité couleur. En mettant les textes en noir, ça passe les tests.
Owner

Tu parles par défaut, ou uniquement sur le survol des boutons ?
ou c'est pareil dans les 2 cas ?

Tu parles par défaut, ou uniquement sur le survol des boutons ? ou c'est pareil dans les 2 cas ?
Poster

Par défaut
/* Ligne 1631 */
.formulaire_spip .submit, .bouton_action_post .submit
{background-color: #c5e41c; color: #819900;
Il faudrait mettre color:#3B4500 pour rester dans la même tonalité tout en étant accessible.
http://www.snook.ca/technical/colour_contrast/colour.html#fg=3B4500,bg=C5E41C

Sur le hover
/* Ligne 1633 */
.formulaire_spip .submit:hover, .bouton_action_post .submit:hover
{ background-color: #9dba00; color: #ffffff;

Il faudrait mettre background-color:#4C5A00
http://www.snook.ca/technical/colour_contrast/colour.html#fg=FFFFFF,bg=4C5A00

*Par défaut* /* Ligne 1631 */ .formulaire_spip .submit, .bouton_action_post .submit {background-color: #c5e41c; color: #819900; Il faudrait mettre color:#3B4500 pour rester dans la même tonalité tout en étant accessible. http://www.snook.ca/technical/colour_contrast/colour.html#fg=3B4500,bg=C5E41C *Sur le hover* /* Ligne 1633 */ .formulaire_spip .submit:hover, .bouton_action_post .submit:hover { background-color: #9dba00; color: #ffffff; Il faudrait mettre background-color:#4C5A00 http://www.snook.ca/technical/colour_contrast/colour.html#fg=FFFFFF,bg=4C5A00
b_b commented 7 years ago
Owner

Hop, voici un patch qui corrige les valeurs des couleurs afin qu'elles passent le test :

http://spip.pastebin.fr/42437

À vous de me dire ce que vous en pensez.

Hop, voici un patch qui corrige les valeurs des couleurs afin qu'elles passent le test : http://spip.pastebin.fr/42437 À vous de me dire ce que vous en pensez.
Poster

Oui, ça passe les tests, mais je vois un autre truc gênant sur les pages exec=article_edit dans le bloc modeles/document_case.html c'est dommage d'avoir les boutons

  • Déposer dans le portfolio
  • Supprimer
  • Détacher
    avec une opacity a 0.1
    #documents_joints .item .actions > *,#documents_joints .item .tourner,#documents_joints .item .mode{opacity:0.1;-moz-opacity:0.1}

Admettons qu'un administrateur utilise une tablette avec un écran tactile, les boutons sont visibles uniquement quand on clique dessus...

il faudrait les passer à 0.8
#documents_joints .item .actions > *,#documents_joints .item .tourner,#documents_joints .item .mode{opacity:0.8;-moz-opacity:0.8}

ce qui au passage les rendrait accessibles.

Oui, ça passe les tests, mais je vois un autre truc gênant sur les pages exec=article_edit dans le bloc modeles/document_case.html c'est dommage d'avoir les boutons - Déposer dans le portfolio - Supprimer - Détacher avec une opacity a 0.1 #documents_joints .item .actions > *,#documents_joints .item .tourner,#documents_joints .item .mode{opacity:0.1;-moz-opacity:0.1} Admettons qu'un administrateur utilise une tablette avec un écran tactile, les boutons sont visibles uniquement quand on clique dessus... il faudrait les passer à 0.8 #documents_joints .item .actions > *,#documents_joints .item .tourner,#documents_joints .item .mode{opacity:0.8;-moz-opacity:0.8} ce qui au passage les rendrait accessibles.
b_b commented 7 years ago
Owner

Hop, pour le deuxième point, j'ai trouvé le commit suivant, qui indique :

pas de :hover sur les dispositifs tactiles. Un click sur l'element ajoute/enleve la classe hover pour faire apparaitre les boutons

http://zone.spip.org/trac/spip-zone/changeset/59779/

Mais il est vrai que les boutons sont presque invisibles par défaut, du coup ça donne forcément l'idée de cliquer sur le bloc "si on ne sait pas".

PS : peut-être faudrait-il faire un ticket pour chaque point et les relier à celui-ci ?

Hop, pour le deuxième point, j'ai trouvé le commit suivant, qui indique : > pas de :hover sur les dispositifs tactiles. Un click sur l'element ajoute/enleve la classe hover pour faire apparaitre les boutons http://zone.spip.org/trac/spip-zone/changeset/59779/ Mais il est vrai que les boutons sont presque invisibles par défaut, du coup ça donne forcément l'idée de cliquer sur le bloc "si on ne sait pas". PS : peut-être faudrait-il faire un ticket pour chaque point et les relier à celui-ci ?
b_b commented 7 years ago
Owner

`chris, je ferme ce ticket puisque le bug en question est réglé.

Pour le deuxième point, je te propose d'en discuter sur #2179 ou alors de créer un nouveau ticket spécifique.
Version cible mise à 3.1
Statut changé à Fermé

`chris, je ferme ce ticket puisque le bug en question est réglé. Pour le deuxième point, je te propose d'en discuter sur #2179 ou alors de créer un nouveau ticket spécifique. **Version cible mise à 3.1** **Statut changé à Fermé**
Sign in to join this conversation.
No Milestone
No project
No Assignees
3 Participants
Notifications
Due Date

No due date set.

Dependencies

This issue currently doesn't have any dependencies.

Loading…
There is no content yet.