CSS e accessibilità : nuovo algoritmo dal consorzio {W3C}
Juicy Studio: test di accessibilità nei CSS – Webaccessibile.org – ISSN: 1721-4874
Formula per la luminosità dei coloriLa seguente formula è suggerita dal World Wide Web Consortium (W3C) per determinare la luminosità di un colore.
((valore del colore rosso X 299) + (valore del colore verde X 587) + (valore del colore blue X 114)) / 1000
La differenza tra la luminosità dello sfondo e la luminosità del colore principale dovrebbe essere superiore a 125.
Formula per la differenza tra i colori
La seguente formula suggerita dal W3C consente di determinare la differenza tra due colori.
(massimo (valore rosso 1, valore rosso 2) – minimo (valore rosso 1, valore rosso 2)) + (massimo (valore verde 1, valore verde 2) – minimo (valore verde 1, valore verde 2)) + (massimo (valore blu 1, valore blu 2) – minimo (valore blu 1, valore blu 2))
La differenza tra il colore di sfondo e il colore principale dovrebbe essere superiore a 500.
[nota. io uso anche 600 di soglia, per motivi di leggibilità: nel mio caso l'ipovisione mi porta a confondere colori simili come tonalità. ]
Unità di misura
La Linea guida 3.4 delle Web Content Accessibility Guidelines[WCAG] 1.0 suggeriscono l’utilizzo di unità di misura relative anzichè¨ assolute per le proprietà dei fogli di stile. Le dimensioni relative includono em (dove 1 em equivale alla dimensione del carattere) e dimensioni percentuali. Inoltre anche i pixel sono unità relative di misura, ma la dimensione attuale è sconosciuta e dipende dal sistema di presentazione. Le dimensioni specificate in pixel in alcuni programmi utente non possono essere modificate e per tal motivo in questo caso verranno trattate come se fossero unità di misura di tipo assoluto.
Ora, seguendo la newsletter di Webaccessibile.org, vengo a sapere che l’ultima versione del Color Contrast Analizer o CCA, implementa questo algoritmo.Benissimo!
Io vi dico che seguendo certe fonti e non seguire la massa dei blogger, anzi i TOP[o 'guru del web'] lasciateli stare.[per chiarire: non cercateli nelle varie classifiche: consiglio da un vecchio surfer]
Vi dico del nuovo CCA 2 perchè senza studiare il discorso tecnico, vi aiuta a capire che certi colori e lunimosità degli stessi, vi porta a vanificare il vostro lavoro.
Chi dice che Webmaster si nasce mi fa quasi ridere : io da autodidatta , con grossi problemi visivi, sono arrivato a tenere la struttura sempre piu’ solida.E valida, sempre.Almeno ci provo.E, con un particolare impegno a soluzioni di Accessibilità!
Se non fosse che IE7 mi vede male i CSS e non voglio ricorrere a nessun hack, per principio,senza aiuti di applet o java script, mi sembra che sia visibile da tutti i browser.
Certo sarebbe bello che avessi più visibilità; ma soltanto per possibili riscontri da normovedenti sul lavoro di un’ipovedente, che soffre anche di Acromatismo per sapere come si vede davvero il mio layout.[commenta senza remore]
Precisazione: scritto d’impulso ed è come rendere pubblica una bozza. Per esser trasparente in tutto e volerlo dimostrare è un modo come un’altro.
La pagina CSS e Accessibilità trovate subito in evidenza il download. Buon lavoro. Se volete, in sidebar, c’è un link nella sezione accessibility, ‘color contrast‘ che vi esamina il sito in tempo reale. Fatto molto bene.
E’ inoltre molto esauriente la pagina di Webaccessibile.org : troverete il link al download, la versione 2 tradotta in italiano, ma anche la versione inglese. Distribuzione : licenza Creative Commons
Trovate consigli su come usarlo[semplici] e tante cose che spero vi aiuteranno a capire anche delle parti che, poi, riguardano l’accessibilità o, in particolare la Leggibilità.
Anzi cogliete l’occasione per dar una visita a un sito molto importante.
Ciao per adesso
Download per tuo uso e confronti….[il test è stato eseguito sul vecchio template: WP 5di V4NY]Test cross-broser su zonex.it










May 25th, 2007 at 5:07 am
Apperò … mi sà che dovrò rimettermi a studiare
Conto sul tuo aiuto
May 25th, 2007 at 6:15 am
[...] read more : la sua analisi da ipovedente [...]
May 25th, 2007 at 9:27 am
siee gh
lo sai che su webagogo sei al terzo posto con ben 95% ?
tu devi aiutare me e io aiuto te
ciao TuTor e smettendo di scherzare… un consiglio per tutti.
Il sito accesskey usa l’algoritmo del W3C per analizzarti la pagina che vuoi.
Accedi, compili il campo e testi: è fatto molto bene, soprattutto per chi si occupa di low-vision e di accessibilità.
link : color contrast[è anche nella sidebar] accessKey test for color contrast e luminosità
May 25th, 2007 at 6:30 pm
ottimo grazie Francesco ..farò le dovute verifiche anche tramite Accesskey … 4° naggia mi hanno soffiato una posizione [ma considerato che si tratta di un blog ... moralmente mi sento 1°] evviva la modestia
May 26th, 2007 at 5:57 pm
non preoccuparti. E’ giusto esser contenti di aver delle verifiche la nostro impegno.
E almeno i ‘motori’ siamo sicuri che non ti trattano meglio perchè sei un A-blogger o un ‘caro amico’.
gh
May 28th, 2007 at 8:06 am
mi stò intrippando con accesskey .. nu nu non ho amici o perlomeno pochi … tranquillo i motori mi posizionano ugualmente !
May 30th, 2007 at 11:44 am
infatti. Almeno dimostriamo che la sintassi è un requisito minimo da rispettare. ciao
May 31st, 2007 at 10:02 am
pensierino: ma sarò uno dei pochi che vanno a trovare delle traccia nei commenti?
se tu leggi e non mi decripti…
Spiegazione: cercare dietro alle proprie idee e trovare conferme succede spesso nei posti nascosti…non come fanno tanti, ipo o full vedenti, che si fermano alla prima occhiata…e girano, e girano…
mah
edit: AccessKey di cui parlo con Enore sui commenti [c'è pure il link] in poche parole esamina il tuo lavoro e usando un’algoritmo di da un report con i risultati e ti fa vedere anche cosa vede il crawler e come.
Ti garantisco che facendo test molto spesso è un buon strumento per cominciare a tenere i contrasti giusti e usare colori sicuri.
Questo anche per tentare di aver la maggior compatibilità possibile tra un browser e un altro.
Cosa si vede in rete dipende da come il tuo browser interpreta i CSSe altre istruzioni.
Se vuoi seguire questo topic ti suggerisco il sito del WASP