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.
*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
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.
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.
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 ?
`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é**
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.
Tu parles par défaut, ou uniquement sur le survol des boutons ?
ou c'est pareil dans les 2 cas ?
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
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.
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
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.
Hop, pour le deuxième point, j'ai trouvé le commit suivant, qui indique :
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 ?
`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é