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
57
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
57
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:
 
Discussioni simili
Autore Titolo Forum Risposte Data
R jquery che cambia css di un elemento non mi funziona sulla pagina caricata da ajax Ajax 5
S Dubbio sulla desaturazione parziale in photoshop Photoshop 0
M Consiglio sulla gestione di Gerarchie Database 0
AndrewBonz Compro account Instagram per nuovo progetto sulla cucina. Presentati al Forum 1
A Cerco account instagram (possibilmente sulla fotografia) Compravendita siti e domini 0
W [PHP] Un dettaglio di logica e approccio sulla sicurezza di un progetto. PHP 9
MikSkagit [PHP] Risultati a video sulla stessa riga PHP 12
K [php] due domande sulla sicurezza PHP 1
D Vendo pubblicità sulla mia pagina fb Vendere e Acquistare pubblicita' online 1
S [PHP] Eseguire differenza su dati SQL presenti sulla stessa colonna PHP 1
O Descrizione di altro sito sulla ricerca del mio SEO e Posizionamento 0
N Sulla base di TripAdvisor Offerte e Richieste di Lavoro e/o Collaborazione 9
easypopularity VENDO - 11.000 fans a 100 euro sulla tua pagina Annunci servizi di Social Media Marketing 2
P due problemi sulla ricerca tramite titolo PHP 14
C BLOG sulla musica e sulle band Altri Annunci 1
C BLOG sulla musica e sulle band Annunci servizi di Social Media Marketing 0
C [cerco collaboratori] BLOG sulla musica e sulle band Offerte e Richieste di Lavoro e/o Collaborazione 4
C BLOG sulla musica e sulle band HTML e CSS 2
neo996sps Logica per funzione preventivi: sono sulla strada giusta? PHP 4
felino [Wordpress][Theme][Popart] Consiglio sulla scelta del Theme WordPress 14
P Domande sulla sintassi corretta jQuery jQuery 8
R Workshop sulla Seo e Joomla l'8 maggio a Milano, posti limitati Altri Annunci 1
novello88 Scelta di una manuale sulla programmazione Java Java 2
F Creazione 2° select in base alla scelta effettuata sulla 1° select Javascript 2
F Creazione 2° select in base alla scelta effettuata sulla 1° select PHP 1
A Domanda sulla modifica di CSS esistenti HTML e CSS 1
R Modifica sulla quantità [anche su retribuzione] Magento 0
L Eliminazione titolo sito sulla homepage Joomla 1
filippino condivisione articoli sulla pagina google+ WordPress 0
felino Jquery UI Dialog Confirm: errore sulla chiusura della finestra jQuery 3
M [VENDO] Pubblicità pagina FB sulla Juventus Vendere e Acquistare pubblicita' online 2
dvdscr Blocco database a seguito della pubblicazione di un post sulla webapp MySQL 3
A consiglio sulla sicurezza PHP 5
B Alcuni chiarimenti sulla creazione di un sito web (Copyright e affiliazioni) Leggi, Normative e Fisco 0
blips Update basato sulla selezione dell'utente PHP 0
U Workshop gratuito sulla Comunicazione digitale Altri Annunci 0
W Vendo pubblicità sulla mia pagina Facebook con 100992 fan. Annunci servizi di Social Media Marketing 1
asheron Domanda importante, sulla vendita di pubblicità online: Vendere e Acquistare pubblicita' online 1
C 2 query sulla stessa tabella + group by MySQL 6
P cambiare url visibile sulla barra indirizzi Hosting 1
renoir09 dimensioni e scala tag <video> usato sulla sidebar WordPress 0
T creare popunder al click sulla pagina Javascript 9
pup3770 Controllo sulla presenza di dati presenti su altra tabella PHP 5
Web Designer Il mondo è impazzito: Piercing sulla lingua a chiusura a lampo Discussioni Varie 1
P PcSnake, blog sulla tecnologia Presenta il tuo Sito 4
J [Javascript] full screen sulla finestra corrente Javascript 2
S problemi sulla pubblicazione del mio sito HTML e CSS 3
F Produco spot pubblicitari e li trasmetto sulla mia WebRadio Vendere e Acquistare pubblicita' online 0
M Domande sull'informativa sulla privacy Leggi, Normative e Fisco 3
Monital Due pop up sulla stess finestra PHP 3

Discussioni simili