{"id":8555,"date":"2024-05-24T08:11:28","date_gmt":"2024-05-24T06:11:28","guid":{"rendered":"https:\/\/stephaniewalter.design\/fr\/?p=8555"},"modified":"2024-05-24T12:25:00","modified_gmt":"2024-05-24T10:25:00","slug":"theme-sombre-dark-mode-et-mythe-daccessibilite","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/theme-sombre-dark-mode-et-mythe-daccessibilite\/","title":{"rendered":"Th\u00e8me sombre (dark mode) et mythe d\u2019accessibilit\u00e9\u00a0"},"content":{"rendered":"
Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 1 an. Il se peut qu'il ne soit plus \u00e0 jour.<\/div>\n

Il est temps de parler du th\u00e8me sombre (ou dark mode) et son accessibilit\u00e9 ! Il existe ce mythe selon lequel le th\u00e8me sombre serait \u201cmieux pour l’accessibilit\u00e9\u201d, car il am\u00e9liorerait la lisibilit\u00e9 du texte (entre autres choses). Lorsqu’il s’agit d’accessibilit\u00e9, tout n’est pas blanc ou noir (haha j\u2019assume ce jeu de mot tout nul). Il est difficile de g\u00e9n\u00e9raliser les besoins en termes d\u2019accessibilit\u00e9. La r\u00e9ponse est donc \u201c\u00e7a d\u00e9pend\u201d, ce mode peut am\u00e9liorer l\u2019accessibilit\u00e9 de certaines personnes, et la d\u00e9grader pour d\u2019autres. Et si vous avez l’intention de proposer un th\u00e8me sombre, j’ai s\u00e9lectionn\u00e9 des ressources sur la fa\u00e7on de le rendre plus accessible \u00e0 la fin de cet article.<\/p>\n\n\n\n

D\u00e9mystifions les croyances autour du th\u00e8me sombre et de l\u2019accessibilit\u00e9.<\/strong><\/h2>\n\n\n\n

Le th\u00e8me sombre n’am\u00e9liore pas la lisibilit\u00e9 pour tout le monde<\/strong><\/h3>\n\n\n\n

Je vous fais le r\u00e9sum\u00e9 rapide des ressources qui sont sous cet article : m\u00eame si le th\u00e8me sombre peut am\u00e9liorer la lisibilit\u00e9 pour certaines utilisatrices et utilisateurs<\/strong>, ce n’est pas le cas pour tout le monde. Il peut \u00e9galement poser des probl\u00e8mes \u00e0 d\u2019autres personnes et rendre les choses plus difficiles \u00e0 lire<\/strong>. C\u2019est le cas, par exemple, pour les astigmates<\/strong>, mais aussi les personnes qui naviguent au clavier (sans souris) lorsque l’indicateur de prise de focus est mal g\u00e9r\u00e9, ou encore, pour les personnes dyslexiques, etc.<\/em> Et juste pour que ce soit clair : je ne nie pas qu’un th\u00e8me sombre est utile pour certaines personnes, mais je ne suis juste pas d’accord avec les articles qui pr\u00e9tendent un peu trop rapidement que le th\u00e8me sombre est mieux pour tout le monde.<\/em><\/p>\n\n\n\n

Th\u00e8me sombre ou non ? Laissez le choix \u00e0 vos utilisatrices et utilisateurs !<\/strong><\/h3>\n\n\n\n

Il ne faut pas, pour autant, arr\u00eater de proposer des th\u00e8mes sombres. Ils peuvent \u00eatre utiles pour certains types de personnes. La solution consiste \u00e0 donner le choix, en proposant, <\/strong>si les deux modes, et laisser choisir les utilisatrices, le mode qui leur convient le mieux.<\/p>\n\n\n\n

Autre d\u00e9tail : ne forcez pas le choix du mode en suivant les param\u00e8tres du syst\u00e8me d’exploitatio<\/strong>n. Certaines personnes ont un syst\u00e8me d’exploitation en mode sombre, mais ne sont pas capables de lire du texte clair sur fond sombre quand il est long (spoiler alert <\/span>: moi)<\/em>. Firefox mobile propose une alternative int\u00e9ressante : dans les options, il y a la possibilit\u00e9 de suivre votre syst\u00e8me d’exploitation, mais aussi forcer le th\u00e8me sombre ou fonc\u00e9 pour les sites qui le proposent. Ce param\u00e8tre sera ensuite pass\u00e9 \u00e0 la media-query CSS prefers-color-scheme<\/code><\/span><\/a>. M\u00eame chose dans Gmail.<\/p>\n\n\n

\n
\n
\"Captures<\/figure>\n<\/figure>\n<\/div>\n\n\n

Rendez accessibles votre th\u00e8me sombre !<\/strong><\/h3>\n\n\n\n

Enfin, n’oubliez pas que votre th\u00e8me sombre doit \u00e9galement \u00eatre accessible. Voici quelques points \u00e0 ne pas oublier :<\/p>\n\n\n\n