La fonctionnalité mode sombre a été introduite dans iOS 13 et Android 10. Cette fonctionnalité peut complètement changer l'apparence des emails et donc, dans cet article, nous avons collecté des informations utiles pour vous aider à surmonter ce problème.
Problèmes possibles avec le mode sombre
Quand un utilisateur ouvre un email dans une app email sur un appareil configuré en mode sombre, les 3 scénarios suivants sont alors possibles :
- Rien ne changera du tout et les couleurs resteront les mêmes.
- Les couleurs changeront (bien que le paramètre de système, c'est-à-dire mode sombre ou clair soit appliqué automatiquement, l'utilisateur peut le changer manuellement à l'intérieur de l'app).
- Le jeu de couleur changera, y-compris les couleurs d'arrière-plan, du teste et des bordures.
Consulter le jeu de couleurs utilisé sur un appareil
Vous pouvez consulter le mode actuellement en usage avec la requête média @media (prefers-color-scheme:dark) pour empêcher le jeu de couleurs de votre email d'être modifié à l'improviste. Cette requête média ne fonctionne toutefois que dans un petit nombre des apps email testées.
Résultats du test
Dans les sections suivantes, vous pouvez voir les derniers résultats de test datant de mars 2020.
Les résultats du test liés à aux services de messagerie électronique ne sont pas détaillés dans cet article parce que seuls Outlook.com et Outlook 365 ont un paramètre de mode sombre qui fonctionne comme suit :
- Si le mode sombre est activé dans les paramètres de navigateur seulement, alors les couleurs ne changeront pas.
- Si le mode sombre est activé dans les paramètres webmail, alors les couleurs changeront.
Résultats du test du client email de bureau
Le tableau suivant contient les résultats du test du client email liés aux emails en mode sombre.
| Apps | Les emails auront-ils le même aspect quand le mode sombre est activé (paramètre par défaut) ? | Les utilisateurs peuvent-ils changer le jeu de couleurs (c'est-à-dire mode sombre ou clair) dans l'app ? | Le requête Media @media (prefers-color-scheme:dark) est-elle prise en charge ? |
|---|---|---|---|
| Outlook 365 (Windows) | Non | Oui | Non |
| Outlook 365 (macOS)1 | Oui | Oui | Oui |
| Windows 10 Mail (Windows) | Non | Oui | Non |
| Apple mail 13 (macOS) | Oui | Non | Non |
| Mozilla Thunderbird (Windows)2 | Oui | Oui | Oui |
| Mozilla Thunderbird (macOS)2 | Oui | Oui | Oui |
| Spark (macOS)2 | Oui | Oui | Oui |
| Airmail (macOS)2 | Oui | Oui | Oui |
1 Par défaut, l'application n'altère pas les couleurs. Le mode sombre peut être activé pour le contenu HTML au sein de l'application. Après l'avoir activée, les couleurs changeront.
2 Par défaut, l'application n'altère pas les couleurs. Le mode sombre peut être activé à l'intérieur de l'application (et il n'affectera pas la façon dont les couleurs originales seront affichées).
Résultats du test de l'app mobile
Le tableau suivant contient les résultats du test de l'app email iOS liés aux emails en mode sombre.
Nous avons réalisé les tests sur un iPhone 7 d'Apple (iOS 13.3.1).
| iOS app | Les emails auront-ils le même aspect quand le mode sombre est activé (paramètre par défaut) ? | Les utilisateurs peuvent-ils changer le jeu de couleurs (c'est-à-dire mode sombre ou clair) dans l'app ? | Le requête Media @media (prefers-color-scheme:dark) est-elle prise en charge ? |
|---|---|---|---|
| iOS Mail1 | Oui | Non | Oui |
| Gmail | Oui | Non | Non |
| Gmail IMAP | Oui | Non | Non |
| Outlook | Non | Oui | Non |
| Yahoo | Oui | Non | Non |
| AOL | Oui | Non | Non |
| GMX | Oui | Non | Non |
| WEB.DE | Oui | Non | Non |
| Freenet.de | Oui | Non | Non |
| Mail.ru | Non | Oui | Non |
| Yandex.ru | Non | Oui | Non |
| QQ Mail | Non | Non | Non |
| Blue Mail | Oui | Non | Oui |
| myMail | Non | Oui | Non |
| Spark | Oui | Non | Oui |
| Edison Mail | Non | Oui | Oui |
| Boxer | Non | Oui | Oui |
1 Les couleurs du contenu de l'email changeront si le paramètre d'accessibilité Inversion intelligente ou Inversion classique est activé.
Le tableau suivant contient les résultats du test de l'app email Android liés aux emails en mode sombre.
Nous avons réalisé les tests sur un Google Pixel 3a (Android 10).
| App Android | Les emails auront-ils le même aspect quand le mode sombre est activé (paramètre par défaut) ? | Les utilisateurs peuvent-ils changer le jeu de couleurs (c'est-à-dire mode sombre ou clair) dans l'app ? | Le requête Media @media (prefers-color-scheme:dark) est-elle prise en charge ? |
|---|---|---|---|
| Gmail | Non | Oui | Non |
| Gmail IMAP | Non | Oui | Non |
| Outlook | Non | Oui | Non |
| Yahoo | Oui | Non | Non |
| AOL | Oui | Non | Non |
| GMX | Oui | Non | Non |
| WEB.DE | Oui | Non | Non |
| Freenet.de | Oui | Non | Non |
| Mail.ru | Non | Oui | Non |
| Yandex.ru | Non | Oui | Non |
| QQ Mail | Oui | Non | Non |
| Blue Mail | Oui | Non | Non |
| myMail | Oui | Non | Non |
| Spark | Non | Oui | Oui |
| Edison Mail | Oui | Non | Non |
| Boxer | Non | Oui | Non |
| Aqua Mail | Non | Oui | Non |
| K-9 Mail | Non | Oui | Non |