Sulla validazione...

Kobra

Utente Attivo
27 Giu 2005
72
0
0
Salvez!
Vorrei chiedervi due cose sulla validazione del sito, spero possiate aiutarmi...

1) Ho visto in alcuni siti che, oltre al bollino "valid (x)html" e "valid CSS", ce n'è un altro che si chiama "WAI AAA".
In cosa si differenzia dagli altri due ed eventualmente come lo si può ottenere? C'è una pagina apposita dove inserire il proprio codice?

2) Sto ultimando il mio sito in xhtml e css........ho controllato il codice ed è tutto ok per quanto riguarda l'xhtml, mentre per il css non mi dà errori, bensì degli avvertimenti, cioè questi:

Line : 107 (Level : 1) You have no color with your background-color : p.img
Line : 112 (Level : 1) You have no color with your background-color : p.img2
Line : 181 (Level : 1) You have no color with your background-color : ul.menu li a:active
Line : 181 (Level : 1) You have no color with your background-color : ul.menu li a:active



E il mio codice CSS è il seguente:

body {
background-color : #f0f0f0;
color : #000000;
background-image : url(images/sfondo.jpg);
background-repeat : repeat-y;
background-position : center;
text-align : center;
}
div#container {
color : #000000;
background-color : #ffffff;
border : 0 solid;
border-color : #696934;
margin : 0 auto;
width : 746px;
}
div#header {
color : #000000;
padding : 0.5em;
background : #f0f0f0;
}
table {
border : 0 solid #ffffff;
text-align : center;
}
td {
color : #000000;
background : #f0f0e1;
padding : 6px;
}
h1 {
margin : 0;
padding : 0;
}
h2 {
font-size : 1.5em;
text-align : center;
}
.testo {
font : 12px Verdana, Arial, Georgia, sans-serif;
color : #000000;
background-color : #ffffff;
text-align : justify;
}
.testo2 {
font : 10px Verdana, Arial, Georgia, sans-serif;
color : #696934;
background-color : #f0f0f0;
font-weight : bold;
text-align : center;
}
.testo3 {
font : 10px Verdana, Arial, Georgia, sans-serif;
color : #696934;
background-color : #ffffff;
font-weight : bold;
text-align : center;
}
.testo4 {
font : 12px Verdana, Arial, Georgia, sans-serif;
color : #696934;
background-color : #ffffff;
text-align : right;
font-weight : bold;
}
.testo5 {
font : 12px Verdana, Arial, Georgia, sans-serif;
color : #696934;
background-color : #f0f0f0;
font-weight : bold;
text-align : center;
}
.testo6 {
font : 14px Verdana, Arial, Georgia, sans-serif;
color : #696934;
background-color : #ffffff;
text-align : center;
font-weight : bold;
}
div#navigation {
background : #ffffff;
color : #000000;
}
div#content {
padding : 0 1.5em;
}
div#content p {
line-height : 1.3em;
}
div#footer {
padding : 0.1em;
background : #f0f0f0;
color : #696934;
text-align : center;
clear : right;
}
div#navigation {
float : right;
width : 9em;
}
div#content {
margin-right : 13em;
}
p.img {
float : left;
width : 150px;
background-color : #ffffff;
}
p.img2 {
float : left;
width : 40px;
background-color : #ffffff;
}
p.c1 {
float : right;
width : 100px;
color : #ffffff;
background-color : #f0f0e1;
border-style : solid;
border-width : 0;
padding : 0.2em;
}
p.c2 {
width : 481px;
color : #ffffff;
background-color : #f0f0e1;
border-style : solid;
border-width : 0;
padding : 0.2em;
}
a {
color : #696934;
background : #ffffff;
font-weight : bold;
}
a:link {
color : #696934;
background : #ffffff;
font-weight : bold;
}
a:visited {
color : #cccccc;
background : #ffffff;
font-weight : bold;
}
a:active {
color : #993333;
background : #ffffff;
font-weight : bold;
}
a:hover {
color : #000000;
background : #f0f0e1;
}
.menu {
font : 12px Verdana, Arial, Georgia, sans-serif;
color : #696934;
background-color : #ffffff;
text-align : justify;
font-weight : bolder;
}
ul.menu {
list-style : none;
margin : 0;
padding : 0;
}
ul.menu li a {
display : block;
text-decoration : none;
padding : 0 1em;
height : 2em;
line-height : 2em;
}
ul.menu li {
display : inline;
}
ul.menu li {
background : url(sfumato.png);
}
ul.menu li a:hover, ul.menu li a:active {
background : #f0f0e1 url(sfumato.png) repeat-y 100% 0;
}


Domandona finale: anche con questi avvertimenti il codice è comunque valido? E come posso comunque correggerlo in modo che non mi dia neppure "Warnings"???
Spero nel vostro aiuto, grazieeee dell'attenzioneeeeeeeee! :faraone:
 

dead

Utente Attivo
22 Lug 2005
684
0
0
54
Brescia
www.dead.it
Un consiglio: non postare qui kilometri di codice. Posta il link al sito ed il codice ce lo guardiamo li.

Rispondo alle tue domande:

1)

WAI sta per Web Accessibility Initiative. Questo bollino certifica non la conformità del codice, quanto l'accessibilità della pagina per persone disabili (non vedenti, daltonici, gente che può usare solo il mouse o solo la tastiera o screen reader, ecc.)

Generalmente se una pagina non è valid xHTML, non è nemmeno valida WAI, ma anche se è valida xHTML non è detto che lo sia WAI (che mette molti più vincoli).

il validatore WAI lo trovi QUI (seleziona WCAG Priority 1,2,3 e Browser Cinthya 1.0)
il risultato puo essere WAI-A, AA o AAA a seconda se passi solo i punti di priority 1, 2 o 3.

Fai attenzione che molti punti sono classificati come warning, nel senso che nessun validatore può controllarli automaticamente, ma lascia a te il compito di assicurarti che siano rispettati.

Per esempio QUESTO sito passa la validazione WAI-AAA, mentre in realtà l'accostamento dei colori testo sfondo non rispetta perfettamente le linee guida.

Nota infine che in Italia, le leggi sull'accessibilità sono regolate non dal WAI, ma dalla Legge Stanca
Altre informazioni le puoi trovare in QUESTA pagina e nei links in essa contenuti.

2)
i warning ti consentono di validare il CSS, devi solo controllare che non siano veri e propri errori.
Comunque i tuoi warning sono molto chiari: non hai definito il color per alcuni elementi. Comunque l'hai definito a livello di body e non è indispensabile ripeterlo.
 

Kobra

Utente Attivo
27 Giu 2005
72
0
0
Grazie mille delle risposte!

p.s.
scusa per il codice kilometrico ma non avendo ancora messo on line il sito non potevo postare il link
 

Kobra

Utente Attivo
27 Giu 2005
72
0
0
Tra l'altro ho corretto anche quegli avvertimenti e finalmente è apparsa la scritta "No error or warning found"! :ilpirata:
 

Kobra

Utente Attivo
27 Giu 2005
72
0
0
Scusate, ma nella validazione il solito target="_blank" lo segna sempre e in ogni caso come errore??? :confused:
 

dead

Utente Attivo
22 Lug 2005
684
0
0
54
Brescia
www.dead.it
Kobra ha scritto:
Scusate, ma nella validazione il solito target="_blank" lo segna sempre e in ogni caso come errore??? :confused:
SI.
Le direttive del W3C per l'xHTML sconsigliano per vari motivi di aprire nuove finestre in automatico, lasciando all'utente la decisione se aprire una nuova finestra (tutti i browser hanno la possibilità di scegliere "apri in nuova finestra").
Per cui il valore _blank non ha piu ragione di esistere.

Se proprio vuoi puoi farlo in javascript, però rimane sconsigliato :rolleyes: