Matthieu,Aucun problème, ma réponse va également dans ce sens : répondre à ta curiosité /(ne me demande par contre pas comment tester la surface de 21 824 pixels :))/
Bien à toi, Sébastien. Le 11/05/2016 à 17:15, Matthieu Marseille a écrit :
Bonjour Sébastien,Je comprends bien la nature du critère et le point qu'il cherche à adresser, et on parle bien du même site. Pour le coup c'est vraiment de la curiosité de ma part et une question ouverte, pas particulièrement orientée : je me demandais simplement si, dans les faits, cela pouvait être gênant.Merci pour les réponses !2016-05-11 17:05 GMT+02:00 Sébastien Delorme <[email protected] <mailto:[email protected]>>: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] <mailto:[email protected]> Tél. 01 45 26 77 89 / Port. 06 10 70 16 01 ---------------------------------------------------------------- Atalan Accessibilité numérique et sensibilisation au handicapwww.atalan.fr <http://www.atalan.fr>Atalan est coordinateur des projets AcceDe Web et AcceDe PDF www.accede.info <http://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élienMerci 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 MARSEILLEDFO - 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 _______________________________________________ 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 MARSEILLEDFO - 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 MARSEILLEDFO - 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 France92309 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
