Rendre le site accessible #19

New issue

Closed

opened 2022-02-23 11:12:50 +01:00 by dbroqua · 0 comments

dbroqua commented

2022-02-23 11:12:50 +01:00

Owner

Le site doit être accesible pour les mal voyants, les dysléxiques, les personnes préférant les thèmes clairs, les thèmes foncés etc…

TODO

[X] Avoir un bouton "renforcer la visibilité de ce site"
[X] Avoir un bonton "thème clair/sombre"
[X] Avoir une feuille de style dédiée
[X] Utiliser la police Luciole pour les malvoyants
[X] Avoir des textes suffisament contrastés
[X] Mettre des aria-label là ou c'est nécessaire

Outils divers

Le site doit être accesible pour les mal voyants, les dysléxiques, les personnes préférant les thèmes clairs, les thèmes foncés etc… # TODO [X] Avoir un bouton "renforcer la visibilité de ce site" [X] Avoir un bonton "thème clair/sombre" [X] Avoir une feuille de style dédiée [X] Utiliser la police [Luciole](https://www.luciole-vision.com) pour les malvoyants [X] Avoir des textes suffisament contrastés [X] Mettre des aria-label là ou c'est nécessaire # Outils divers * Contraste : https://app.contrast-finder.org/result.html?foreground=%23FFFFFF&background=rgb%2870%2C136%2C71%29&ratio=4.5&isBackgroundTested=false&algo=Rgb&lang=fr * Test : https://wave.webaim.org/report#/https://mml.darkou.fr * Test : https://www.experte.com/accessibility * Blog : https://geekflare.com/fr/test-web-accessibility/ * http://markdotto.com/2018/11/05/css-dark-mode/ * https://mwichary.medium.com/dark-theme-in-a-day-3518dde2955a * https://stuffandnonsense.co.uk/blog/redesigning-your-product-and-website-for-dark-mode * https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme