CSS e accessibilità : nuovo algoritmo dal consorzio {W3C}

24 May, 2007 (11:41) | CSS, accessibility, colori, download, leggibilità, webdesign

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

Rete Sociale
  • del.icio.us
  • Simpy
  • YahooMyWeb
  • Ma.gnolia
  • Digg
  • Furl
  • Netscape
  • Smarking
  • Technorati
  • BlogMemes Cn
  • Book.mark.hu
  • NewsVine
  • IndiaGram
  • IndianPad
  • co.mments

↑ torna all'inizio ↑

8 Responses to “CSS e accessibilità : nuovo algoritmo dal consorzio {W3C}”

  1. enore savoia Says:

    Apperò … mi sà che dovrò rimettermi a studiare :)

    Conto sul tuo aiuto :P

  2. enetweb Says:

    [...] read more : la sua analisi da ipovedente [...]

  3. zoneX Says:

    siee gh :mrgreen: lo sai che su webagogo sei al terzo posto con ben 95% ?
    tu devi aiutare me e io aiuto te :lol:
    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à

  4. enore savoia Says:

    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 :-D

  5. zoneX Says:

    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

  6. enore savoia Says:

    mi stò intrippando con accesskey .. nu nu non ho amici o perlomeno pochi … tranquillo i motori mi posizionano ugualmente !

  7. zoneX Says:

    infatti. Almeno dimostriamo che la sintassi è un requisito minimo da rispettare. ciao :)

  8. zoneX Says:

    pensierino: ma sarò uno dei pochi che vanno a trovare delle traccia nei commenti?
    se tu leggi e non mi decripti… :lol:
    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 8O

    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