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]>: > 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 [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 > > 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]>: > >> 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> >> 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]>[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 - 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]>[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 >>> [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 >>> >>> >> >> >> -- >> Matthieu MARSEILLE >> DFO - F6 TECH >> [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 >> [email protected]http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org >> >> >> >> -- >> Aurélien Levy >> ---- >> Temesis >> >> >> _______________________________________________ >> liste_gta mailing list >> [email protected] >> http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org >> >> > > > -- > Matthieu MARSEILLE > DFO - F6 TECH > [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 > [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 > > -- Matthieu MARSEILLE DFO - F6 TECH [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] http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
