Se leggete questo messaggio probabilmente non state usando un browser standard. Qualora decideste di usare un browser standard vi consigliamo di rivolgervi al sito del Web Standard Project (WaSP) dove verranno illustrati i browser standard gratuiti disponibili per ogni piattaforma.
vai direttamente al contenuto |

Webaccessibile.org

Posizione: [H] Home
Cerca [C]

Sezioni Newsletter [N]


Powered by
Web Wiz Mailing List
Sponsor
(sponsor)
Iniziative

Juicy Studio: test di accessibilità nei CSS

Analisi della validazione, del contrasto dei colori e delle dimensioni nei fogli di stile

A cura di Roberto Scano | lunedì 8 novembre 2004

Le seguenti icone indicano lo stato dei risultati.

Significato delle icone
Icona Significato
Icona informativa Se non vengono identificati errori o avvisi, viene visualizzata l'icona informativa.
Icona di avvertenza L'icona di avvertenza significa che potenzialmente potrebbero esserci qualcosa che non va con il contrasto e che richiede un approfondimento.
Icona di errore L'icona di errore indica che è necessario controllare un determinato selettore.

Sono stati individuati i seguenti selettori all'interno del CSS che contengono dei riferimenti ai colori.

a:hover

Icona di avvertenza

  • Colore principale: #FF0000
  • Colore di sfondo: Non specificato
.alerte

Icona di errore

  • Colore principale: #ED1C24
  • Colore di sfondo: Non specificato
font-size: 10px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.texte

Icona di errore

  • Colore principale: #787878
  • Colore di sfondo: Non specificato
font-size: 11px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.liens

Icona di errore

  • Colore principale: #051039
  • Colore di sfondo: Non specificato
font-size: 10px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.doublefilet

Icona di errore

font-size: 3px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.z1titrebleuciel

Icona di errore

  • Colore principale: #4186BC
  • Colore di sfondo: Non specificato
font-size: 18px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.z1titrebleumoyen

Icona di errore

  • Colore principale: #6276B8
  • Colore di sfondo: Non specificato
font-size: 18px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.z1titreorange

Icona di errore

  • Colore principale: #F5A300
  • Colore di sfondo: Non specificato
font-size: 18px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.z1titreprune

Icona di errore

  • Colore principale: #7A3C54
  • Colore di sfondo: Non specificato
font-size: 18px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.z1titrerouge

Icona di errore

  • Colore principale: #D22422
  • Colore di sfondo: Non specificato
font-size: 18px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.z1titrebleufonce

Icona di errore

  • Colore principale: #00487F
  • Colore di sfondo: Non specificato
font-size: 18px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.z1titrevertfonce

Icona di errore

  • Colore principale: #79933F
  • Colore di sfondo: Non specificato
font-size: 18px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.z1titrevert

Icona di errore

  • Colore principale: #BFD000
  • Colore di sfondo: Non specificato
font-size: 18px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.z1soustitre

Icona di errore

  • Colore principale: #5A7094
  • Colore di sfondo: Non specificato
font-size: 11px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.z1destinations

La differenza di luminosità tra i due colori è sufficiente. Il valore di soglia è 125, e il risultato tra il colore principale ed il colore di sfondo è 145.

La differenza di colore tra i due colori non è sufficiente. Il valore di soglia è 500 e il risultato della differenza tra il colore principale ed il colore di sfondo è 415.

Mentre la differenza tra i colori non è conforme ai valori specificati dal W3C, è conforme ai valori utilizzati da Hewlett Packard. Hewlett Packard raccomanda un limite di differenza di colore di 400.

Icona di errore

  • Colore principale: #5A7094
  • Colore di sfondo: #FFFFFF
font-size: 11px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.z1prixbleuciel

Icona di errore

  • Colore principale: #4186BC
  • Colore di sfondo: Non specificato
font-size: 11px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.z1prixbleumoyen

Icona di errore

  • Colore principale: #6276B8
  • Colore di sfondo: Non specificato
font-size: 11px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.z1prixorange

Icona di errore

  • Colore principale: #F5A300
  • Colore di sfondo: Non specificato
font-size: 11px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.z1prixprune

Icona di errore

  • Colore principale: #7A3C54
  • Colore di sfondo: Non specificato
font-size: 11px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.z1prixrouge

Icona di errore

  • Colore principale: #D22422
  • Colore di sfondo: Non specificato
font-size: 11px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.z1prixbleufonce

Icona di errore

  • Colore principale: #00487F
  • Colore di sfondo: Non specificato
font-size: 11px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.z1prixvertfonce

Icona di errore

  • Colore principale: #79933F
  • Colore di sfondo: Non specificato
font-size: 11px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.z1prixvert

Icona di errore

  • Colore principale: #BFD000
  • Colore di sfondo: Non specificato
font-size: 11px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.blocmarktitre

Icona di errore

  • Colore principale: #051039
  • Colore di sfondo: Non specificato
font-size: 18px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.blocmarkbgdblanc

Icona di avvertenza

  • Colore principale: Non specificato
  • Colore di sfondo: #FFFFFF
.blocmarkbgdbleu

Icona di avvertenza

  • Colore principale: Non specificato
  • Colore di sfondo: #AFD2F0
.blocmarkbgdbeige

Icona di avvertenza

  • Colore principale: Non specificato
  • Colore di sfondo: #EFEAE4
.enews

Icona di avvertenza

  • Colore principale: Non specificato
  • Colore di sfondo: #E4ECF1
.texteenews

Icona di errore

  • Colore principale: #7C839A
  • Colore di sfondo: Non specificato
font-size: 11px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.z2titre1

Icona di errore

  • Colore principale: #051039
  • Colore di sfondo: Non specificato
font-size: 16px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.z2titre2

Icona di errore

  • Colore principale: #051039
  • Colore di sfondo: Non specificato
font-size: 12px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.z2soustitre

Icona di errore

  • Colore principale: #787878
  • Colore di sfondo: Non specificato
font-size: 11px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.filet

Icona di errore

  • Colore principale: Non specificato
  • Colore di sfondo: #051039
font-size: 1px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.combotexte

Icona di errore

  • Colore principale: #000000
  • Colore di sfondo: Non specificato
font-size: 11px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.btnvalider

La differenza di luminosità tra i due colori è sufficiente. Il valore di soglia è 125, e il risultato tra il colore principale ed il colore di sfondo è 237.

La differenza di colore tra i due colori è sufficiente. Il valore di soglia è 500 e il risultato della differenza tra il colore principale ed il colore di sfondo è 687.

Icona di errore

  • Colore principale: #FFFFFF
  • Colore di sfondo: #051039
FONT-SIZE: 10px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.btnvalider:hover

La differenza di luminosità tra i due colori è sufficiente. Il valore di soglia è 125, e il risultato tra il colore principale ed il colore di sfondo è 178.

La differenza di colore tra i due colori è sufficiente. Il valore di soglia è 500 e il risultato della differenza tra il colore principale ed il colore di sfondo è 510.

Icona di errore

  • Colore principale: #FFFFFF
  • Colore di sfondo: #FF0000
FONT-SIZE: 10px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.btnfilet

Icona di errore

  • Colore principale: Non specificato
  • Colore di sfondo: #FFFFFF
font-size: 1px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.onglets

Icona di errore

  • Colore principale: #051039
  • Colore di sfondo: Non specificato
font-size: 10px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.ongletson

Icona di errore

  • Colore principale: #FFFFFF
  • Colore di sfondo: Non specificato
font-size: 11px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.navhtitre

Icona di errore

  • Colore principale: #051039
  • Colore di sfondo: Non specificato
font-size: 14px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.navhitem

Icona di errore

  • Colore principale: #1A87DF
  • Colore di sfondo: Non specificato
font-size: 11px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.navhitem a:hover

Icona di avvertenza

  • Colore principale: #1A87DF
  • Colore di sfondo: Non specificato
.marktexte

Icona di errore

  • Colore principale: #051039
  • Colore di sfondo: Non specificato
font-size: 11px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.marktitrebleuciel

Icona di errore

  • Colore principale: #4186BC
  • Colore di sfondo: Non specificato
font-size: 23px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.marktitrebleumoyen

Icona di errore

  • Colore principale: #6276B8
  • Colore di sfondo: Non specificato
font-size: 23px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.marktitreorange

Icona di errore

  • Colore principale: #F5A300
  • Colore di sfondo: Non specificato
font-size: 23px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.marktitreprune

Icona di errore

  • Colore principale: #7A3C54
  • Colore di sfondo: Non specificato
font-size: 23px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.marktitrerouge

Icona di errore

  • Colore principale: #D22422
  • Colore di sfondo: Non specificato
font-size: 23px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.marktitrebleufonce

Icona di errore

  • Colore principale: #00487F
  • Colore di sfondo: Non specificato
font-size: 23px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.marktitrevertfonce

Icona di errore

  • Colore principale: #79933F
  • Colore di sfondo: Non specificato
font-size: 23px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.marktitrevert

Icona di errore

  • Colore principale: #BFD000
  • Colore di sfondo: Non specificato
font-size: 23px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.reptitre

Icona di errore

  • Colore principale: #1A87DF
  • Colore di sfondo: Non specificato
font-size: 18px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.reptitre2

Icona di errore

  • Colore principale: #6980ac
  • Colore di sfondo: Non specificato
font-size: 13px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.tabprix

Icona di errore

  • Colore principale: #1A87DF
  • Colore di sfondo: Non specificato
font-size: 11px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.tabconditions

Icona di errore

  • Colore principale: #ACB7C9
  • Colore di sfondo: Non specificato
font-size: 10px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.tabseparat

Icona di errore

  • Colore principale: Non specificato
  • Colore di sfondo: #D1E5F6
font-size: 1px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.marktitrecontext

Icona di errore

  • Colore principale: #1A87DF
  • Colore di sfondo: Non specificato
font-size: 11px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.promotgtitrebleuciel

Icona di errore

  • Colore principale: #4186BC
  • Colore di sfondo: Non specificato
font-size: 16px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.promotgtitrebleumoyen

Icona di errore

  • Colore principale: #6276B8
  • Colore di sfondo: Non specificato
font-size: 16px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.promotgtitreorange

Icona di errore

  • Colore principale: #F5A300
  • Colore di sfondo: Non specificato
font-size: 16px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.promotgtitreprune

Icona di errore

  • Colore principale: #7A3C54
  • Colore di sfondo: Non specificato
font-size: 16px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.promotgtitrerouge

Icona di errore

  • Colore principale: #D22422
  • Colore di sfondo: Non specificato
font-size: 16px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.promotgtitrebleufonce

Icona di errore

  • Colore principale: #00487F
  • Colore di sfondo: Non specificato
font-size: 16px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.promotgtitrevertfonce

Icona di errore

  • Colore principale: #79933F
  • Colore di sfondo: Non specificato
font-size: 16px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.promotgtitrevert

Icona di errore

  • Colore principale: #BFD000
  • Colore di sfondo: Non specificato
font-size: 16px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.promotgsoustitre

Icona di errore

  • Colore principale: #051039
  • Colore di sfondo: Non specificato
font-size: 12px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.promotgtexte

Icona di errore

  • Colore principale: #6980AC
  • Colore di sfondo: Non specificato
font-size: 11px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.promotitre

Icona di errore

  • Colore principale: #1A87DF
  • Colore di sfondo: Non specificato
font-size: 12px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.ancres

Icona di errore

  • Colore principale: #6980ac
  • Colore di sfondo: Non specificato
font-size: 11px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.reppromotitrebleuciel

Icona di errore

  • Colore principale: #4186BC
  • Colore di sfondo: Non specificato
font-size: 18px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.reppromotitrebleumoyen

Icona di errore

  • Colore principale: #6276B8
  • Colore di sfondo: Non specificato
font-size: 18px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.reppromotitreorange

Icona di errore

  • Colore principale: #F5A300
  • Colore di sfondo: Non specificato
font-size: 18px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.reppromotitreprune

Icona di errore

  • Colore principale: #7A3C54
  • Colore di sfondo: Non specificato
font-size: 18px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.reppromotitrerouge

Icona di errore

  • Colore principale: #D22422
  • Colore di sfondo: Non specificato
font-size: 18px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.reppromotitrebleufonce

Icona di errore

  • Colore principale: #00487F
  • Colore di sfondo: Non specificato
font-size: 18px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.reppromotitrevertfonce

Icona di errore

  • Colore principale: #79933F
  • Colore di sfondo: Non specificato
font-size: 18px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.reppromotitrevert

Icona di errore

  • Colore principale: #BFD000
  • Colore di sfondo: Non specificato
font-size: 18px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.
.reppromoprix

Icona di errore

  • Colore principale: #1A87DF
  • Colore di sfondo: Non specificato
font-size: 11px
Unità di misura di tipo assoluto. Per maggiori dettagli consultare http://www.w3.org/TR/WCAG10-CSS-TECHS/#units.

Torna al CSS Accessibility Analyser.

Copyright © 2000-2004 Juicy Studio. All rights reserved.