Demande de ne pas imposer le mode sombre

• S'il vous plaît, n'imposez pas le mode sombre

  • Un appel adressé aux designers de sites web pour qu'ils n'imposent pas le mode sombre aux utilisateurs.
  • Si le mode sombre fait partie de l'identité de la marque, il faut choisir un rapport de contraste confortable pour le texte.
  • De nombreux sites web sont conçus uniquement en mode sombre, ce qui les rend souvent difficiles à lire.

• Mes yeux ! Mes yeux ! 😵‍💫

  • Lire en mode sombre fatigue les yeux, et une persistance visuelle peut subsister après la lecture.
  • Après avoir lu un long texte, cela peut provoquer des gênes comme l'apparition de bandes horizontales.

• Quel est le vrai problème du mode sombre ?

  • Le vrai problème du mode sombre est le rapport de contraste entre le texte et l'arrière-plan.
  • Un texte blanc pur sur fond noir a un rapport de contraste de 21:1, ce qui sollicite fortement les yeux.
  • À l'inverse, un texte gris clair sur fond gris foncé est plus confortable pour les yeux, avec un rapport de contraste de 4.34:1.

• N'existe-t-il pas de directives à ce sujet ?

  • Les Web Content Accessibility Guidelines (WCAG) 2.1 recommandent un rapport de contraste minimal de 4.5:1 pour le texte normal, mais ne donnent aucune indication sur un ratio maximal.
  • Il n'existe actuellement ni standard ni directive concernant les rapports de contraste élevés en mode sombre.
  • La future version WCAG 3.0 ajoutera une nouvelle exigence d'exploration sur le « contraste maximal du texte », ce qui devrait aider à traiter le problème des rapports de contraste élevés en mode sombre.

• Quand j'apprécie le mode sombre

  • Le mode sombre est apprécié sur écran OLED dans une pièce sombre, en particulier pour lire sur téléphone avant de dormir.
  • La plupart des IDE proposent par défaut un mode sombre avec un rapport de contraste confortable.
  • Le mode sombre est agréable lorsque les sites web offrent un rapport de contraste confortable dans ce mode.

• Référence : cet article a suscité sur Hacker News une discussion active et riche d'enseignements, abordant différents points de vue, expériences personnelles et questions d'accessibilité. Pour saisir pleinement les nuances de ce sujet, il ne faut pas passer à côté des perspectives précieuses partagées dans le fil Hacker News.

[GN⁺]

Avis Hacker News

• Les premiers écrans d’ordinateur utilisaient un fond sombre avec du texte clair. Le passage de Microsoft Windows à un fond blanc avec du texte noir était inconfortable. Le retour du mode sombre est bienvenu, et il faut aussi une option de mode clair qui ne soit pas trop lumineuse

• Si un site web ne propose qu’un mode sombre, alors c’est simplement le thème de ce site. Il ne peut y avoir de mode sombre que s’il existe aussi un mode clair. Il ne faut pas obliger à maintenir les deux modes

• L’impossibilité d’avoir un mode clair par défaut a duré longtemps. Le mode sombre n’est préférable que lorsque l’écran est la seule source de lumière dans une pièce sombre. Le mode sombre est une solution de circonstance, et le mode clair est difficile à lire dans un environnement lumineux

• Un certain blog impose le mode clair en ignorant les réglages de l’appareil. Le problème n’est pas le mode sombre, mais le contraste des couleurs

• Il ne faut pas imposer un faible taux de contraste. Tous les utilisateurs ne consultent pas le contenu dans un environnement lumineux. Il faut exploiter la gamme de couleurs SDR

• On souhaite que les sites web respectent les préférences utilisateur du système. Les navigateurs ont donné trop de contrôle aux développeurs. Les réglages de l’utilisateur doivent primer

• De nombreux développeurs web définissent le mode sombre par défaut et ignorent les préférences de l’utilisateur. La propriété CSS color-scheme permet d’indiquer dans quels schémas de couleurs un élément peut être rendu

• En tant qu’utilisateur de macOS, j’utilise un mélange de mode sombre et de mode clair selon la situation. Il est possible de changer de thème via les réglages système

• L’exemple de « texte facile à lire » du blog est difficile à lire. C’est à cause du faible contraste

• Personnellement, je préfère le mode clair, mais dans un IDE ou un terminal, je règle la luminosité au maximum quand j’utilise un thème sombre. Le mode sombre fatigue davantage les yeux et rend la concentration plus difficile

• On peut utiliser une API web pour savoir si l’utilisateur est en mode sombre. On peut appliquer des règles CSS avec @media (prefers-color-scheme: dark)