La modalità oscura è diventata lo standard su quasi tutti i siti e le app: gli utenti la adorano, fa risparmiare batteria sugli schermi OLED e talvolta è persino vista come "più accessibile". Ma il passaggio a una tavolozza di colori scuri, se fatto senza un’attenta riflessione, può effettivamente compromettere l’accessibilità. Questo articolo spiega come farlo nel modo giusto.
In breve: cosa tratta questo articolo
Quando la modalità oscura aiuta l'accessibilità
Per gli utenti con sensibilità alla luce (fotofobia), emicrania o affaticamento visivo digitale, uno sfondo scuro può ridurre significativamente il disagio durante l'uso prolungato, soprattutto in un ambiente buio. Alcuni utenti con dislessia riferiscono anche che la lettura è più confortevole su uno sfondo scuro.
Quando fa davvero male
D'altra parte, per gli utenti con astigmatismo (un disturbo della vista comune), il testo chiaro su uno sfondo scuro crea un effetto "alone" che rende le lettere sfocate: a volte uno sfondo chiaro con testo scuro è in realtà più comodo da leggere. Il risultato: non esiste un'unica risposta giusta per tutti, motivo per cui la soluzione migliore è lasciare che l'utente scelga, non imporgli una modalità.
💡 Un punto importante
La cosa più importante: non fare mai affidamento esclusivamente sull'impostazione automatica del sistema ("preferisce-schema-colori") senza dare all'utente la possibilità di passare manualmente al sito stesso: non tutti coloro il cui sistema è in modalità oscura vogliono che il sito sia scuro e viceversa.
Il contrasto in modalità scura è diverso dalla modalità chiara
Un errore comune: prendere gli stessi colori del testo dalla modalità chiara e trasformare semplicemente lo sfondo in scuro, senza ricontrollare i rapporti di contrasto. Il nero puro (#000000) su bianco puro offre un contrasto massimo di 21:1, ma il contrario, bianco puro su nero puro, crea un effetto "alone" particolarmente forte che stanca gli occhi. È meglio utilizzare uno sfondo grigio scuro (ad esempio #121212) invece del nero puro, e un testo bianco sporco (ad esempio #e8e8e8) invece del bianco puro: questo soddisfa comunque i requisiti di contrasto delle WCAG (spiegati in dettaglio nella nostra guida sucontrasto colore), ma è molto più gradevole alla vista.
Regole pratiche
- Controlla il contrasto separatamente in ciascuna modalità (chiaro e scuro) e non solo una volta.
- Evita colori particolarmente saturi (rosso brillante o blu) su uno sfondo scuro: tendono a "vibrare" visivamente e rendono più difficile la lettura.
- Mantieni un'attivazione manuale sul sito, non affidarti solo alle impostazioni di sistema.
- Controlla le immagini e i loghi progettati per uno sfondo chiaro: a volte necessitano di una versione separata affinché la modalità scura rimanga leggibile.
Anche i tuoi documenti sono pronti per la modalità oscura?
Molti file PDF oggi vengono aperti nella visualizzazione in modalità oscura delle app di lettura: il nostro strumento verifica che il contrasto del testo nei tuoi documenti soddisfi lo standard in ogni modalità.
Scansiona il tuo sito gratuitamente ←Dopo la scansione, puoi anche rendere accessibili i documenti trovati direttamente e gratuitamente tramiteAccessiDoc.