Ennesima

Tools [1]: PercepibilitÓ e contrasto [2]

Scritto da admin il giu 18, 2009 - 03:55

La percepibilitÓ dei testi e delle immagini Ŕ regolata da alcuni principi e leggi percettive. Il pi¨ importante per la progettazione web Ŕ il contrasto fra il colore di primo piano e lo sfondo: questa regola vale per tutti testi e le immagini, ma principalmente per gli “oggetti” che veicolano contenuti e devono essere presi in considerazione dall’utente, compresi i comandi.
Per determinare se i colori scelti sono sufficienti di contrasto "se visti da qualcuno con deficit di colore o se visti su uno schermo in bianco e nero" [W3C] sono stati sviluppati diversi algoritmi.
In Italia l’algoritmo di riferimento Ŕ quello sviluppato all’interno della legge Stanca, disponibile nella sezione normative sul sito di PubbliAccesso (Requisito 6) [4], ma ampiamente criticato.
La rete ci offre, fortunatamente, anche altre soluzioni. Ve ne proponiamo alcuni:

Colour Contrast Check

Il Colour Contrast Check [5] consente di specificare un primo piano e un colore di sfondo, inserendo il codice colore o scegliendolo muovendosi sul cursore. Lo strumento indicherÓ se i colori inseriti passano il test analizzando la differenza di colore e la differenza di luminositÓ e verificando se questi valori superano la soglia minima. Lo strumento indicherÓ anche se i valori superano le pi¨ recenti formule di rapporto di contrasto raccomandate dalle WCAG 2.0 (Web Content Accessibility Guidelines).

Luminosity Colour Contrast Ratio Analyser

Un altra soluzione Ŕ offerta da un test online su Juicy Studio [6], raccomandato dalle WCAG 2.0 e basato anch’esso sulla luminositÓ.

Colour Contrast Analyser 1.1

Il Colour Contrast Analyser 1.1 [7] (versione italiana) Ŕ un’applicazione Windows conforme alle WCAG 1.0 (punto di controllo 2.2) e consente di testare le combinazioni di colori rispetto agli algoritmi suggeriti dal W3C per determinare il “contrasto sufficiente”.
Links
  1. http://ennesima.it/index.php?module=Articoli&func=view&prop=Main&cat=10007
  2. http://ennesima.it/index.php?module=Articoli&func=display&sid=2
  3. http://ennesima.it/
  4. http://www.pubbliaccesso.gov.it/normative/DM080705-A.htm
  5. http://snook.ca/technical/colour_contrast/colour.html
  6. http://juicystudio.com/services/luminositycontrastratio.php
  7. http://webaccessibile.org/articoli/colour-contrast-analyser-11-versione-italiana/