Rapport de contraste maximal pour une bonne accessibilité
Nous sommes donc en train de refaire une application d'entreprise à partir de zéro. Cette fois, nous voulons baser nos décisions de conception sur des recherches appropriées.
Nos utilisateurs utilisent l'application 24h/24 et 7j/7 avec des exigences élevées pour l'UX. Notre objectif principal est donc de rendre tout aussi simple à utiliser et accessible que possible.
Nous avions l'habitude d'avoir 2 thèmes de couleurs dans l'application: "thème de jour" (par défaut, avec des couleurs claires) et "thème de nuit" (alias "le thème sombre", pour ceux qui travaillent la nuit). Cette fois-ci, nous avons 3 thèmes: "jour", "nuit" et un "contraste élevé" (aka le "thème d'accessibilité") et nous essayons d'être WCAG2.1 conformes où nous pouvons.
Maintenant, tout va bien avec le "thème du jour" (WCAG niveau AA) et le "thème à contraste élevé" (WCAG niveau AAA), alors que nous avons quelques problèmes avec celui de "nuit" - les utilisateurs affirment que le niveau WCAG AA est "façon trop de contraste "(" trop lumineux "," mauvais pour mes yeux ") pour travailler la nuit.
Nous avons vérifié d'autres normes et directives, mais elles parlent toutes d'exigences minimales et ne discutent jamais du maximum.
Consignes pour le nouveau "mode sombre" de macOS état
Pour des couleurs d'avant-plan et d'arrière-plan personnalisées, recherchez un rapport de contraste de 7: 1. Ce rapport garantit que votre contenu de premier plan se démarque de l'arrière-plan, y compris lorsque Desktop Tinting est actif. Il garantit également que votre contenu respecte des directives d'accessibilité plus strictes. Assurez-vous au minimum que le rapport de contraste entre les couleurs n'est pas inférieur à 4,5: 1.
Ce qui va bien avec ce que nous essayons de faire avec notre thème de nuit. Nous passons également les recommandations de conception de matériaux et directives de conception de Windows .
Alors que, par exemple, le thème des couleurs les plus sombres d'Adobe Photoshop a parfois un rapport entre le petit texte et les boutons en dessous de 4: 1.
Ma question est donc la suivante: existe-t-il des recherches ou des normes connues qui fixent des "plafonds maximaux" au contraste pour travailler la nuit? Peut-être que certaines implications sanitaires pour le contraste sont trop élevées? D'autres raisons de ne pas maximiser le contraste?
Plus de contraste généralement meilleur
Il n'y a pas de normes générales pour limiter le contraste pour les affichages de jour ou de nuit. Généralement, plus le contraste est élevé, plus la lecture est facile dans les deux cas (Parker et Schaff, 1998; Zuffi, Brambilla, Beretta et Scala, 2007). Ainsi, votre interface utilisateur peut avoir deux dimensions indépendantes: jour par rapport à nuit et faible par rapport à contraste élevé, où un contraste élevé est conforme aux normes WCAG AAA, que ce soit en mode jour ou nuit.
Je traiterais les plaintes des utilisateurs concernant un contraste excessif avec prudence. Étant donné qu'un contraste plus faible (police gris foncé) a récemment été à la mode sur de nombreux sites Web, l'utilisateur peut le préférer davantage parce qu'il a l'air cool et moderne, plutôt que parce qu'il est en fait plus facile à lire.
Contraste et dyslexie
La seule préoccupation concernant le contraste élevé que j'ai entendu (et vraiment la seule raison d'avoir un mode à faible contraste) est que certaines personnes atteintes de dyslexie signalent des lettres "nerveuses" à des paramètres de contraste élevé (Rello, Kanvinde et Baeza- Yates, 2011). Cependant, l'effet n'est pas bien établi ou compris (par exemple, O'Brien, Mansfield et Legge, 2000), et il semble y avoir une variation individuelle considérable (Rello, Kanvinde et Baeza-Yates, 2011). Il peut être préférable de laisser l'utilisateur choisir le contraste, peut-être en continu avec un curseur. Dans votre échange de commentaires avec JonW, vous avez raison de dire que l'utilisateur peut choisir des combinaisons de couleurs horribles, mais si vous limitez la plage du curseur entre les niveaux WCAG AAA et AA, les utilisateurs ne peuvent pas le faire trop mal, et, en fait, les utilisateurs les personnes handicapées semblent bien choisir leur contraste et même leurs couleurs (subtiles) (Gregor et Newell, 2000).
Donc, je recommande de rendre le contraste réglable par l'utilisateur dans les limites des WCAG, mais de choisir un contraste élevé par défaut, et peut-être de fournir une documentation en ligne sur la façon d'ajuster le curseur de contraste ("Accessibilité: faites glisser jusqu'à ce que les lettres soient plus faciles à voir et à don semblent pas bouger ").
Peut-être que le problème est le mode nuit
Maintenant, sur le mode nuit. Vous ne décrivez pas votre environnement d'utilisation, mais pour le bénéfice de tous, la police claire sur sombre ne facilite pas la lecture du texte la nuit . La lumière sombre est toujours plus facile à lire dans des conditions de lumière ou d'obscurité (Buchner et Baumgartener, 2007; Dobres, Chahine et Reimer, 2017). Il existe plusieurs théories à ce sujet (Scharff & Ahumada, 2003), mais cela peut se résumer à des polices informatiques modernes conçues pour une utilisation sombre sur la lumière. Dans tous les cas, les plaintes de vos utilisateurs concernant le contraste trop clair peuvent être en réalité des plaintes concernant le fait que la lumière elle-même est difficile à lire et pas vraiment un problème de contraste.
Le but du mode nuit est de rendre tout le reste la nuit plus facile à voir. C'est-à-dire qu'en réduisant la quantité de lumière qui brille de l'appareil, l'utilisateur conserve l'adaptation à l'obscurité afin de voir d'autres choses. Si vos utilisateurs n'interagissent pas avec des objets sombres lors de l'utilisation de votre appareil, vous ne voulez pas que la lumière soit sombre quelle que soit l'éclairage ambiant.
Même si vos utilisateurs ont besoin de maintenir une adaptation sombre, vous souhaiterez peut-être envisager d'autres méthodes pour réduire la lumière provenant de l'écran. Par exemple, vous souhaiterez peut-être atténuer physiquement l'affichage ou même placer un filtre de densité neutre physique dessus, tout en conservant le texte sombre sur la lumière plus facile à lire. Gardez cependant à l'esprit que n'importe quoi que vous faites pour réduire l'éclairage de l'écran réduira la lisibilité de l'affichage. À mesure que l'œil humain se dilate pour l'adaptation à l'obscurité, la mise au point devient plus difficile, en particulier pour les utilisateurs plus âgés. Vous devez décider si cela vaut le compromis dans votre cas.
Références
Buchner & Baumgartner, 2007. Le texte - la polarité de l'arrière-plan affecte les performances indépendamment de l'éclairage ambiant et du contraste des couleurs . Ergonomie, 50, 1036-1063.
Dobres, Chahine et Reimer, 2017. Effets de l'éclairage ambiant, de la polarité du contraste et de la taille des lettres sur la lisibilité du texte sous une lecture semblable à un coup d'œil . Ergonomie appliquée, 60, 68-73.
Gregor & Newell, 2000. ne étude empirique des moyens par lesquels certains des problèmes rencontrés par certains dyslexiques peuvent être atténués en utilisant des techniques informatiques . Actes de la quatrième conférence internationale ACM sur les technologies d'assistance, Arlington, VA.
O’Brien, Mansfield et Legge, 2000. L'effet du contraste sur la vitesse de lecture dans la dyslexie . Vision Research 40, 1921–193.
Parker &, Scharff, 1998. Influences of Contrast Sensitivity on Text Readability in the Context of a Graphic User Interface .
Rello, Kanvinde et Baeza-Yates, 2011. Lignes directrices de mise en page pour le texte Web et un service Web pour améliorer l'accessibilité pour les dyslexiques . Actes de la Conférence internationale interdisciplinaire sur l'accessibilité du Web, Lyon, France.
Scharff & Ahumada 2003. Les performances d'identification des lettres sont meilleures pour le contraste négatif que pour le contraste positif. Réunion annuelle de la Vision Sciences Society, Sarasota FL
Zuffi, Brambilla, Beretta et Scala, 2007. Interaction homme-machine: lisibilité et contraste . 14e Conférence internationale sur l'analyse et le traitement d'images (ICIAP 2007).
Il n'y a pas de contrastes maximaux dans WCAG car il est plus axé sur ceux qui ont du mal à traiter les différences dans les informations d'arrière-plan et de premier plan (audio ou plus généralement visuelles).
Le rapport de contraste absolu le plus élevé que je connaisse est 21: 1, qui est en noir et blanc (le contraste est la couleur la plus foncée par rapport à la couleur la plus claire plutôt que le premier plan par rapport à l'arrière-plan), vous avez donc beaucoup d'espace pour bouger si vous cherchez à adhérer à la conformité AAA , ainsi que quelque 280 quadrillions + combinaisons de couleurs sur toute la palette de couleurs hexidécimales.
Ce qui se passe généralement la nuit n'est pas un problème de contraste, mais un problème de luminosité. Les couleurs plus claires utilisées avec les plus sombres ont tendance à apparaître davantage, et cela devient particulièrement vrai dans les scénarios de faible luminosité (nuit). La luminosité est généralement le domaine de l'unité d'affichage visuelle (VDU) ou de l'appareil plutôt qu'une application, mais vous pourriez peut-être atténuer les couleurs pour réduire la luminosité apparente (ou peut-être existe-t-il un moyen de modifier réellement la luminosité de l'appareil? Peut-être un pour les développeurs).
Jouer avec la palette de couleurs peut être la meilleure option, car la réduction de la luminosité apparente devrait avoir un effet similaire à la réduction de la luminosité réelle.
Ce n'est pas tant une recherche officielle qu'une conception avec une certaine expérimentation empirique mais Solarized fait très bien: a un thème à la fois clair et sombre et a été conçu pour être à faible contraste mais toujours contrasté.
Je l'utilise depuis quelques années et je ne me vois jamais ne pas l'utiliser. C'est génial pendant la journée lorsque les collègues sont autour et les lumières sont allumées, et pendant la soirée lorsque la minuterie éteint les lumières. (Je suis un type éteint dans un espace de travail à concept ouvert.: - /)