Bonjour Matthieu,
Nous avons récemment eu à vérifier l'intégration d'un bouton "accentuer
les contrastes" sur un site en développement :)
Au-delà des échanges sur le changement de couleurs à appliquer dans tous
les contenus, je me permets d'apporter un complément sur les changements
brusques de luminosité.
Pour que ce critère soit valide, il faut que le changement de luminosité
respecte l'une de ces conditions :
1. La fréquence de l'effet est inférieure à 3 par seconde
2. La surface totale cumulée des effets est inférieure ou égale à 21
824 pixels
Pour un changement de couleurs sur un site, le premier point sera
forcément appliqué (à moins que l'utilisateur appuie plusieurs fois sur
le bouton en moins d'une seconde, mais là, il le cherche un peu).
L'objectif de ce critère étant d'éviter les effets de flash/clignotement
: https://www.w3.org/TR/UNDERSTANDING-WCAG20/seizure-does-not-violate.html
Bien à toi,
Sébastien Delorme
[email protected]
Tél. 01 45 26 77 89 / Port. 06 10 70 16 01
----------------------------------------------------------------
Atalan
Accessibilité numérique et sensibilisation au handicap
www.atalan.fr
Atalan est coordinateur des projets AcceDe Web et AcceDe PDF
www.accede.info
Le 11/05/2016 à 12:22, Matthieu Marseille a écrit :
Aurélien, tout à fait, et le contenu du site en question étant en
grande partie administrable, c'est coté illustration qu'il a été
nécessaire de faire attention.
Le résultat est, dans tous les cas, loin d'être parfait.
2016-05-11 12:19 GMT+02:00 Aurélien Levy <[email protected]
<mailto:[email protected]>>:
Attention à priori cela ne corrigera pas les éventuelles images
dans lesquels il y aurait du texte pas suffisamment contrastée.
D'ailleurs, je me demande dans quelle mesure on pourrait arriver à
quelque chose avec les filtres css / svg notamment
https://docs.webplatform.org/wiki/svg/elements/feColorMatrix
Aurélien
Merci Philippe pour la réponse.
Je suis d'accord sur le positionnement du bouton, pas idéal, mais
pas vraiment eu le choix.
La réalisation est comme suit : le css est du Sass compilé, un
fichier spécifique (compilé en dernier) reprends toutes les
déclaration de couleur (color, background-color, border, outline)
présentes dans les autres fichiers et modifie leurs couleurs (sur
la base de map de couleurs, une contrastée, l'autre non); lorsque
l'utilisateur utilise le bouton, une classe est ajoutée sur
l'élément <body>, et cette classe permet d'appliquer les
modifications de couleurs au reste des éléments; l'utilisation du
bouton provoque aussi le dépôt d'un cookie coté utilisateur, de
manière à garder ce "réglage" de manière persistante.
Il n'y a pas de rechargement de page, dans les faits, cela
provoque un "saut" visible, d'ou ma question d'origine.
2016-05-11 11:57 GMT+02:00 Philippe Vayssière
<[email protected] <mailto:[email protected]>>:
Bonjour,
il est non seulement annoncé mais également déclenché par
l'utilisateur.
Je considérerais qu'il s'agit d'une nouvelle page plus que
d'un effet même si c'est réalisé en JS sans passage par le
serveur ; ça rend le test 13.15.2 non applicable.
Concernant le positionnement du bouton dans le pied de page,
à défaut de pouvoir le mettre en début de page j'ajouterais
si possible une copie de celui-ci bien en évidence au début
de la page Accessibilité qui est un autre endroit où amha un
utilisateur s'attend à le trouver.
Un point bonus si le bouton dans le footer est lui assez
contrasté dans la version par défaut (huhu).
Si ce n'est pas un secret industriel, quel choix technique
a-t-il été fait pour la réalisation de cette surcouche ? À la
main ou bien une 2e CSS "contrastée" compilée via un
préprocesseur mais avec des variables de couleurs
"/accessibles///contrastées/" ou via l'utilisation des
"variables" ("custom properties") CSS définies globalement ?
Cordialement,
Ph. Vayssière
--
alsacreations.fr <http://alsacreations.fr> -
alsacreations.com <http://alsacreations.com>
Le 11/05/2016 à 11:33, Matthieu Marseille a écrit :
Bonjour la liste,
Je me pose une question, par pure curiosité, et je serais
curieux d'avoir des avis.
J'ai récemment eu à intégrer un bouton "accentuer les
contrastes" sur un site en développement. La maquette n'est,
de base, pas assez contrastée pour atteindre un niveau
Argent, mais il a été décidé de l'intégrer et d'en faire une
version contrastée, puis d'ajouter un bouton dans le footer
permettant de charger la css qui surcouche les couleurs.
La question que je me pose est au regard du critère 13.15,
je me demande si un changement de couleur brusque, même s'il
est clairement annoncé (et plutôt vers des couleurs plus
sombres d'une manière générale) peut gêner les utilisateurs ?
--
Matthieu MARSEILLE
DFO - F6 TECH
[email protected] <mailto:[email protected]>
+33 (0)1 49 68 24 55 FullSIX France
157 rue Anatole France
92309 Levallois Perret Cedex
<http://maps.google.fr/maps?q=fullsix+levallois+perret&oe=utf-8&client=firefox-a&ie=UTF8&hl=fr&hq=fullsix&hnear=Levallois-Perret&ll=48.900189,2.279363&spn=0.016673,0.045447&z=15&iwloc=A>
http://www.fullsix.com
<http://www.fullsix.com/>
_______________________________________________
liste_gta mailing list
[email protected]
<mailto:[email protected]>
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
_______________________________________________
liste_gta mailing list
[email protected]
<mailto:[email protected]>
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
--
Matthieu MARSEILLE
DFO - F6 TECH
[email protected] <mailto:[email protected]>
+33 (0)1 49 68 24 55 FullSIX France
157 rue Anatole France
92309 Levallois Perret Cedex
<http://maps.google.fr/maps?q=fullsix+levallois+perret&oe=utf-8&client=firefox-a&ie=UTF8&hl=fr&hq=fullsix&hnear=Levallois-Perret&ll=48.900189,2.279363&spn=0.016673,0.045447&z=15&iwloc=A>
http://www.fullsix.com
<http://www.fullsix.com/>
_______________________________________________
liste_gta mailing list
[email protected] <mailto:[email protected]>
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
--
Aurélien Levy
----
Temesis
_______________________________________________
liste_gta mailing list
[email protected] <mailto:[email protected]>
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
--
Matthieu MARSEILLE
DFO - F6 TECH
[email protected] <mailto:[email protected]>
+33 (0)1 49 68 24 55 FullSIX France
157 rue Anatole France
92309 Levallois Perret Cedex
<http://maps.google.fr/maps?q=fullsix+levallois+perret&oe=utf-8&client=firefox-a&ie=UTF8&hl=fr&hq=fullsix&hnear=Levallois-Perret&ll=48.900189,2.279363&spn=0.016673,0.045447&z=15&iwloc=A>
http://www.fullsix.com
<http://www.fullsix.com/>
_______________________________________________
liste_gta mailing list
[email protected]
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
_______________________________________________
liste_gta mailing list
[email protected]
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
