Development #28389
contrastes des textes de notifications
0%
Description
Rapportés dans #28328.
- nom de l'usager dans l'entête (color_contrast_1.JPG)
- lien dans le texte (color_contrast_2.JPG)
- message d'avertissement (<ul class="messages"><li class="warning">) (color_contrast_3.JPG, altéré pour retirer le dégradé)
- message d'erreur (<ul class="messages"><li class="error">) (color_contrast_4.JPG, et 4bis.JPG, altérés pour retirer le dégradé)
Fichiers
Révisions associées
Historique
Mis à jour par Frédéric Péters il y a plus de 5 ans
nom de l'usager dans l'entête (color_contrast_1.JPG)
Je range ceci dans le critère de non applicabilité suivant : « Le texte fait partie d'un élément interactif (par exemple un bouton avec l'attribut disabled) sur lequel aucune action n'est possible et qui n'apporte pas une information essentielle. » Le caractère "interactif mais en fait non" est étrange, mais ce que je retiens c'est "pas d'action possible et pas d'information essentielle".
lien dans le texte (color_contrast_2.JPG)
Il est marqué à 4.71:1, le contraste demandé est à 4.5:1, c'est pour moi ok. (on parle de 7:1 en AAA, pas AA).
message d'avertissement (<ul class="messages"><li class="warning">) (color_contrast_3.JPG, altéré pour retirer le dégradé)
Blanc sur #f64474, 3.66:1, à corriger; ça peut être en agrandissant un peu le texte, et/ou en le mettant en gras, pour ne pas aller vers un brun moche.
message d'erreur (<ul class="messages"><li class="error">) (color_contrast_4.JPG, et 4bis.JPG, altérés pour retirer le dégradé)
Blanc sur #F64474, 3.50:1, à corriger, pareil. (même s'il est ici sans doute plus facile de foncer un peu la couleur).
Dans la même série (vu que déclinaisons),
- message d'information, blanc sur #5E8BF4, 3.24:1 (il faut inverser le dégradé, partir du plus foncé), 3.24:1, pareil.
- message de succès, blanc sur #3ECA0A, 2.17:1, il faut de toute façon foncer, genre vers #289500.
Mis à jour par Frédéric Péters il y a plus de 5 ans
- Fichier Screenshot_2018-11-27 Portail Agent - Démonstration des styles - sombre.png Screenshot_2018-11-27 Portail Agent - Démonstration des styles - sombre.png ajouté
- Fichier Screenshot_2018-11-27 Portail Agent - Démonstration des styles.png Screenshot_2018-11-27 Portail Agent - Démonstration des styles.png ajouté
- Fichier 0001-style-change-notification-style-to-only-have-colours.patch 0001-style-change-notification-style-to-only-have-colours.patch ajouté
- Sujet changé de contrastes des textes à contrastes des textes de notifications
- Statut changé de Nouveau à Solution proposée
- Patch proposed changé de Non à Oui
La tentative d'assombrir ne le fait pas trop (cf capture ...-sombre.png), alternative en adoptant le style qui avait été mis pour les messages(/alertes) de w.c.s., où on ne contrôle pas le contenu. (vu qu'il s'est avéré que ces styles de notification étaient utilisés au-delà de leur rôle).
Mis à jour par Emmanuel Cazenave il y a plus de 5 ans
- Statut changé de Solution proposée à Solution validée
Mis à jour par Frédéric Péters il y a plus de 5 ans
- Statut changé de Solution validée à Résolu (à déployer)
commit 96b20b4478584ae96202373ff1f5298d02fd742e
Author: Frédéric Péters <fpeters@entrouvert.com>
Date: Tue Nov 27 14:07:15 2018 +0100
style: change notification style to only have colours on the edge (#28389)
Mis à jour par Frédéric Péters il y a plus de 5 ans
- Statut changé de Résolu (à déployer) à Solution déployée
style: change notification style to only have colours on the edge (#28389)