risposta-alla-domanda-sullo-sviluppo-web-bd.com

C'è un problema con l'utilizzo del testo nero su sfondi bianchi?

Perché molti siti Web utilizzano un colore del testo diverso da #000000 nero quando lo sfondo è bianco?

Ad esempio, questo testo verrà visualizzato usando un grigio scuro:

.post-text {
   color: #333;
}

Sono stati fatti alcuni studi su questo argomento?

87
Yannick Blondeau

Un contrasto elevato come il nero su bianco può causare affaticamento degli occhi. Inoltre ci sono prove che è particolarmente dannoso per le persone con dislessia. Per ulteriori informazioni leggi gli articoli su Movimento UX e The Bristol Dyslexia Centre .

WCAG fornisce dettagli su cosa sia accettabile il contrasto cromatico, ma non indicare un limite superiore. Personalmente, mi piace usare un algoritmo diverso che fornisce un avviso di contrasto superiore. Per ulteriori informazioni, leggi questo articolo su Spider Trax: "Il W3C ha sbagliato i suoi contrasti?"

Leggermente fuori tema, ma dai un'occhiata a Contrast-A , un buon strumento creato da Das Plankton per scegliere combinazioni di colori accessibili.

94
Sheff

I colori neri (# 333, # 222, # 2a2a2a, # 444) simulano il contrasto del materiale di stampa sulla tipografia web. Può anche migliorare la leggibilità più del bianco puro e del nero puro, come ha già detto Sheff.

15
rohicks

Ecco un pezzo interessante su questo: Suggerimento: non usare mai il nero

Non è uno studio, ma l'ho trovato interessante. Il pensiero è che nel mondo reale le cose non sono davvero nere su davvero bianco e che non importava qualche tempo fa, ma ora i display hanno un contrasto così elevato che il nero puro sul bianco non fa per te.

12
radex

Il testo nero non è il problema. Lo sfondo bianco è evidente. Quel bagliore di fondo è la causa dell'affaticamento degli occhi. Il testo grigio peggiora le cose quando gli utenti spesso si sforzano di leggere, motivo per cui il testo grigio richiede spesso più tempo della lettura rispetto al testo nero. In effetti, molte persone possono "vedere" un'intera pagina di testo nero e avere un'idea del messaggio in un istante - quasi impossibile ottenere una scansione così veloce con testo grigio. In questo senso, il bianco su nero può essere più facile alla vista - sebbene il carattere e le dimensioni siano importanti. Il desktop di Windows classico (bianco su un blu medio/grigio) è molto facile da leggere.

Su una questione correlata, la tendenza al design "Flat" ha visto le pagine bianche diventare bianche. Oltre all'abbagliamento, le aree cliccabili diventano indistinguibili dalle aree passive. In che modo migliora l'usabilità? Cosa c'è di sbagliato in: - Menu/Link/Contenuti su pannelli a contrasto? - "Pulsanti" con tonalità, sfumature o smussi? - Le icone rimangono multicolori e strutturate anziché primitive e monotone?

8
Tarian

Esiste un problema per i lettori dislessici utilizzando un contrasto estremamente elevato, ma è stato notevolmente esagerato e propagato al mito del mito (vedi questo rapporto seminale , che tuttavia raccomanda "di fornire un contrasto sufficiente tra elementi di una pagina "e" usa un testo scuro su uno sfondo chiaro "). C'è anche una tendenza agli abusi che usano un testo grigio chiaro eccessivamente su sfondi bianchi propagato da blog popolari, principalmente da designer che cercano di ottenere un effetto grazioso, ma danneggiando la leggibilità.

Numerosi documenti accademici * mostrano che il testo ad alto contrasto può essere letto più velocemente rispetto al basso contrasto; le linee guida sull'accessibilità web del W3C forniscono una formula per un contrasto minimo (vedi AERT ). Il sito web supponente Rebelion del contrasto fornisce una raccolta di collegamenti ad articoli di ricerca accademica sulla leggibilità del testo e una logica per evitare il grigio chiaro su sfondi bianchi.

* Ho provato a pubblicare un paio, ma il sistema di reputazione di questo sito non mi consente di pubblicare più di due link. Visita i link sul sito ContrastRebelion come punto di partenza per la ricerca effettiva (non sono affiliato al sito in alcun modo).

5
TuringTest

L'uso del testo nero su sfondo bianco può ovviamente rendere il contrasto dello schermo. Per rendere più confortevole la visualizzazione dello schermo, è possibile modificare la luminosità e richiedere un'app chiamata F.Lux. Questo è un software gratuito per modificare automaticamente il colore del computer in base all'ora del giorno, senza abbagliare gli occhi.

In realtà il colore non è il punto, il tempo a fissarlo conta. E la parte più pericolosa del monitor e dello schermo del computer è la luce blu. Può facilmente ferire il tuo oculare, causare affaticamento degli occhi e altri problemi. Scopri di più pericoli della luce blu per la salute umana è davvero importante per l'ulteriore protezione degli occhi.

4
Daphne Yang

Sono dislessico e ho un problema con il grigio su bianco e il grigio su grigio. Non ho problemi con il nero su bianco o il nero su grigio chiaro. Non tutte le persone dislessiche sono uguali, e non tutte le persone possono leggere i siti Web con un contrasto ridicolmente scarso che abbiamo soffiato su di noi in questi giorni. Prova a parlare con il tuo utente Sito Web e persone del software.

3
Rex Kinder

Per evitare confusione e confermare che la domanda posta è ancora valida ad oggi:

Strumenti come Firefox Reader o Safari Reader (Desktop e iPhone) nonché le principali piattaforme Web come m.Twitter.com, Facebook, Medium (Web e (Android-) App), Apple.com, Google, TechCrunch recentemente riavviato e questo sito qui utilizza effettivamente testo 'quasi nero' su sfondo bianco a partire da oggi (marzo 2018) - in senso tecnico la domanda è: non molto grigio ma nemmeno un nero profondo al 100%: valori come rgba (0 , 0,0,84), # 111111, # 14171a o # 333333

Alcuni usano comunque il contrasto completo da #ffffff a # 000000, ad es. Amazon Kindle (Android) o www.w3.org. Almeno gli schermi mobili sono di solito oscurati comunque.

2

Sono un anziano, ancora attivo nelle normali funzioni della vita. La mia rabbia è rivolta alla mancanza di consapevolezza sui prodotti/servizi che offrono opzioni per selezionare il testo, il colore e lo sfondo più adattabili per la personalizzazione, ma non per la praticabilità.

Microsoft e la raccolta di browser non sono in sintonia con il grande pubblico. MS offre una vasta gamma di soluzioni visive per le loro "Windows" e le offerte visive. Tuttavia, l'unico fattore importante è la leggibilità del testo di notizie/media per l'utente. Si spera che MS e il gruppo browser forniscano una selezione di opzioni di testo e colore che soddisfino più da vicino le esigenze degli individui. Le mie frustrazioni personali si ripercuotono sull'aspetto ebery della pubblicazione. Prova a leggere le istruzioni sull'oackage di preparazione del cibo, abbronzatura leggera sull'arancia. O bianco su grigio chiaro. Sembra buono per effetto visivo ma ZERO per praticabilità. Personnaly, tendo ad acquistare articoli che completano il mio stile di vita e le mie esigenze. Vorrei poter rinunciare a questo computer e ad altri dispositivi elettronici. Sulla base della stupidità unica dei fornitori, tale opzione potrebbe diventare realtà prima o poi. Voglio essere ab; e per selezionare lo sfondo, il testo e il colore (Nero) che consente di leggere facilmente il testo sullo schermo del mio computer senza sforzo. Periodo.

1
John

No, non c'è nessun problema con il testo nero su sfondo bianco. È stato uno standard per decenni. Per questo motivo è altamente improbabile che possa causare problemi per la maggior parte degli utenti. Se decidi di utilizzare il testo grigio, tieni presente che spesso le persone non possono leggere il testo in situazioni a basso contrasto, ad es. su dispositivi mobili o quando sono ipovedenti.

Una ragione molto probabile è che il testo grigio sia visivamente accattivante. Spesso può essere visto in progetti cooperati, in ambienti produttivi è raramente utilizzato.

Mozilla afferma sui loro siti di supporto che una delle funzioni di Reader View è aggiungere contrasto, che di solito non è necessario quando non si è ridotto il contrasto in primo luogo. La loro scelta di colori per Reader View è un riferimento ampiamente accettato del contrasto minimo che dovresti fornire.

1
STOPIT

Quando i colori RGB non scuri su uno schermo vengono tradotti in colori XYZ nell'occhio e quindi in qualcosa di simile ai colori della tonalità di saturazione-luminosità del cervello, piccole variazioni nei valori RGB comporteranno piccole variazioni XYZ che produrranno quindi piccole variazioni alla tonalità e alla saturazione (che chiamerò collettivamente chroma). Quando i colori più scuri vengono tradotti in HSL, i cambiamenti della stessa dimensione assoluta nei valori RGB porteranno a cambiamenti più grandi in XYZ, e quindi a cambiamenti più grandi nel chroma. Quando un'area più scura di una determinata tonalità/saturazione si trova accanto a un'area più chiara con la stessa tonalità/staturazione, il bordo sarà generalmente sfocato leggermente (poiché il bulbo oculare si concentra bene ma non perfettamente) ma tutte le aree sul bordo dovrebbero avere lo stesso croma. Anche se ci sono non linearità nel processo di conversione dei colori RGB in memoria in colori XYZ nel bulbo oculare, qualsiasi conseguente non uniformità nel chroma sarà lieve.

Con colori eccessivamente scuri, tuttavia, piccole variazioni nei valori RGB possono comportare grandi variazioni nella crominanza. Se ci sono delle non linearità nel processo di conversione dei colori RGB sul computer in colori XYZ nell'occhio, le variazioni del croma percepito possono essere piuttosto grandi. Se un valore RGB di (0,0,0) viene percepito come se fosse (0,0001, 0, 0) allora apparirà rossastro; se viene percepito come (0,0,0,0001) apparirà bluastro. Se si utilizza un colore di sfondo di (96.128.128) e un colore di primo piano di (3,4,4), il primo piano e lo sfondo sembreranno avere lo stesso chroma. Se invece si utilizza un colore di primo piano di (0,0,0) il croma percepito di parti del testo potrebbe non solo differire da quello dello sfondo, ma potrebbe essere facilmente non costante e non uniforme. Anche se la crominanza di tali oggetti scuri non è significativa, ciò non significa che le variazioni cromatiche insignificanti non saranno fonte di distrazione.

1
supercat

Recentemente sono stato coinvolto nella costruzione della UX di una piattaforma di collaborazione sociale, e anche noi eravamo piuttosto seri sull'accessibilità. Come parte del rispetto delle linee guida sull'accessibilità, il controllo del contrasto cromatico per i componenti chiave che comunicavano informazioni era un compito importante. WCAG 1.4 ( http://www.w3.org/TR/2005/WD-WCAG20-20050630/#visual-audio-contrast ) richiede che il contrasto del colore sia entro un certo livello. Assecondo completamente la risposta di sheff

1
mysticpixels

Sono al 100% con il contributo di cui sopra. Tutto questo testo grigio rende estremamente difficile la lettura su schermo e documenti cartacei, libri, istruzioni di medicinali ecc. E sembra peggiorare, testo sempre più grigio. L'ovvia necessità di contrasto è stata completamente persa, fino a raggiungere un punto in cui il testo appare esteticamente dolce o freddo, ma non ha uno scopo pratico. Penso che si aggiunga alla retrocessione della lettura e al valore della stampa, spostandosi gradualmente verso il giornalismo e l'analisi che vengono diffusi attraverso video, web-inar e media pittorici. Per quanto siano validi per alcuni scopi, non possono mai contenere i dettagli e la raffinatezza di una relazione e analisi scritta. Chiunque apprezzi la stampa e il contenuto di informazioni scritte dovrebbe fare campagna per la visibilità della stampa. Non menzionare ovviamente l'esclusione sociale che crea per le persone con difficoltà visive.

1
David Lamb