💡 Cos’è?
La Dark mode (modalità scura) è quella funzione di un sito che ti permette di passare da un design a fondo chiaro e testo nero a una a fondo scuro e testo chiaro e vice versa.
❓ A cosa serve?
A facilitare la lettura e in condizioni di luce intensa (ad esempio da mobile quando siamo all’aperto) o in penombra (come di notte).
Perché è importate?
👁️ per il benessere digitale, ossia il confort dei nostri occhi che passano una media di 6235 ore all’anno a guardare gli schermi retroilluminati di dispositivi digitali (secondo una ricerca del 2020 di Vision Direct).
🦾 è un’impostazione di accessibilità
il toggle (interruttore) che vedi qui permette a chiunque di decidere quale modalità di lettura lə risulta più semplice, rendendo accessibili i contenuti testuali alle persone che leggono nelle condizioni e negli ambienti più diversi. La scelta ottimale per questo sarebbe aggiungere alle modalità light e dark una terza modalità dark a contrasto elevato (come fa per esempio Microsoft nella sua piattaforma Learn – tendina nel footer).
📖 È sempre necessaria?
Non sempre, dipende dal design del sito e dall’uso che ne facciamo. È sicuramente necessaria nel caso di un #blog, magazine o di qualsiasi altro sito in cui l’azione principale è la lettura di testi scritti, soprattutto se sono lunghi.
🔧 Come si fa?
Ci sono diversi plugin ed estensioni che permettono di integrare una darkmode / lightmode nel proprio sito sviluppato con CMS Wordpress, Drupal e Joomla.
La mia preferita per WordPress è Darklooks, di base gratuita e abbastanza facilmente customizzabile con un po’ di codice, ti permette di decidere come trattare i colori generali, le eccezioni ecc.
In Wix e altre piattaforme, la funzione è direttamente integrata nell’editor.
Restano però ancora dei servizi, come Blogger, che non hanno queste estensioni, e in cui le funzioni di dark mode devono essere sviluppate direttamente usando linguaggi web.
✉️ E alla fine, se vuoi un consiglio o ti serve un aiuto per attivare e customizzare le light/dark mode sul tuo sito, contattami!
