Newsgroup: it.lavoro.professioni.webmaster
Titolo: Un sito perfetto

Salve a tutti,
si legge spesso, e non solo in questo ng, ma in vari siti e riviste, di siti
che rispecchino determinati standard, che abbiano ottenuto la validazione
dell'HTML e dei CSS, che siano accessibili da disabili, ecc.
vorrei sapere se esiste un sito che rispecchi tutto ciò, che sia davvero il
migliore, tale da poterlo prendere come esempio.
E' solo una curiosità, ma se esiste vorrei studiarmelo bene. Ho letto
dell'accessibilità e dell'usabilità, della validazione dei codici (anche se
c'ho capito poco o niente), ma penso che vederne uno sia un'altra cosa.
Grazie.
Daniele
--
Ludus
Cartoons & Comics
www.ludus.info
in...@ludus.info

Il tuo...  :o)))
Scherzi a parte... beh non so dirti un sito "perfetto"... però ce ne sono di
ben realizzati. Dai un'occhiata al 
www.w3c.org
 se non l'hai già fatto.
Ciao,
Antonio
--
"I grandi spiriti hanno sempre incontrato violenta
opposizione da parte delle menti mediocri."
A.Einstein

 c'ho capito poco o niente), ma penso che vederne uno sia un'altra cosa.
CIao..
proprio oggi è uscito un pezzettino a riguardo...
http://www.mytech.it/mytech/internet/art006010040705.jsp
diciamo che attualmente i testi "sacri" per un web professional sono le
raccomandazioni del W3C.
Per l'accessibilità stiamo partorendo 
webaccessibile.org
 ma intanto visita
webxtutti.it
 che fa parte della "famiglia" :D
--
Roberto Scano
Presidente IWA ITALIA - 
http://www.iwa-italy.org
E-Mail: 
rsc...@iwa-italy.org
--------------------------------------------------------------------
IWA/HWG EMEA Coordinator
International Webmasters Association / HTML Writers Guild
http://www.iwanet.org
 - 
http://www.hwg.org
E-Mail: 
em...@iwanet.org
--------------------------------------------------------------------


Ciao,
ti ringrazio. Ho visto (l'avevo però già visitato altre volte) il tuo sito
IWA. Come è possibile ottenere le 2 certificazioni CSS e WAI? La HTML è
chiara, il CSS non ha link e l'altra non mi sembra che spieghi come si
ottiene.
Grazie,
Daniele


Ciao,
grazie, l'avevo visto e ora ho tentato una validazione dei CSS con questo
bel risultato:
I/O Error: Unable to contact target server 
www.ludus.info:80
 after 3 tries.
Che significa? A parte che ho fatto qualche casino...
Daniele

 ottiene.
Allora... per la CSS devi andare all'indirizzo:
http://jigsaw.w3.org/css-validator/validator-uri.html.en
inserendo l'uri del file CSS (non del documento).
nel nostro caso del sito IWA passi:
http://www.iwa-italy.org/template/iwa.css
e vedi che la validazione da successo.
Per quanto riguarda la WAI, è il superamento dei requisiti minimi di
accessibilità (stiamo aggiornando il sito per passare a livello AAA con un
CMS alle spalle).
Puoi utilizzare 
www.cast.org/bobby
. Nel nostro caso:
http://bobby.cast.org/bobby/bobbyServlet?URL=http%3A%2F%2Fwww.iwa-italy.org%
2F&gl=wcag1-a
passiamo la validazione a livello A. Non passiamo AA in quanto usiamo ancora
tag "sporchi" per i font, le tabelle con formattazione in pixel, ...


 tag "sporchi" per i font, le tabelle con formattazione in pixel, ...
Scusami Roberto ma la validazione WAI A che hai dato nell'URL è di un sito
che ha passato le specifiche?
Perché ho degli errori simili nel mio sito e a parte inserire SUMMARY
all'interno di <table></table> di ritorno questo messaggio ma per i colori
mi sembra tutto a posto:
If you use color to convey information, make sure the information is also
represented another way
Devo inserire anche un commento alle icone in alto a sinistra.
Vedete qualche errore grossolano per quanto rigurda le specifiche A e AA???
--
T¤¶¿µ¤ vi presenta: 
http://www.amiciamici.com
  Bedonia, la perla della Val
Taro
http://www.amiciamici.com/chat.php
     by Tedaldi Gian Marco
http://www.amiciamici.com/forum
Gli amori, le feste, i divertimenti e le celebrità preferite da un gruppo di
ragazze e ragazzi della provincia di Parma. Inviaci le tue foto.

 Vedete qualche errore grossolano per quanto rigurda le specifiche A e
AA???
http://bobby.cast.org/bobby/bobbyServlet?URL=http%3A%2F%2Fwww.amiciamici.com
%2F&gl=wcag1-a
Il livello A lo passi (complimenti :D)
http://bobby.cast.org/bobby/bobbyServlet?URL=http%3A%2F%2Fwww.amiciamici.com
%2F&gl=wcag1-aa
Il livello AA non lo passi per i seguenti motivi:
  1.. Use relative sizing and positioning (% values) rather than absolute
(pixels). (78 instances)
  Lines 64, 66, 67, 75, 77, 85, 99, 101, 104, 124, 127, 134, 137, 138, 155,
158, 172, 176, 194, 196, 345, 369, 375, 379, 399, 408, 412, 416, 420, 424,
428, 435, 439, 449, 454, 456, 460, 471, 479, 480, 481, 482, 487, 491
  2.. Make sure event handlers do not require use of a mouse. (6 instances)
  Lines 62, 64, 87, 163, 215, 469
  3.. Explicitly associate form controls and their labels with the LABEL
element. (11 instances)
  Lines 351, 353, 380, 407, 411, 415, 419, 423, 427, 455, 459
  4.. Do not use the same link phrase more than once when the links point to
different URLs. (11 instances)
  Lines 196, 251
Il livello AAA non lo passi per i seguenti motivi:
  1.. Provide a summary for tables. (24 instances)
  Lines 62, 99, 196, 200, 273, 197, 409, 407, 401, 395, 343, 87, 473
  2.. Include default, place-holding characters in edit boxes and text
areas. (3 instances)
  Lines 351, 442, 459
  3.. Separate adjacent links with more than whitespace. (11 instances)
  Lines 64, 216, 217, 218, 288, 314, 315
quindi sei a livello A, ossia il minimo richiesto agli enti pubblici :-)
quindi sei superiore a tanti siti della PA :D

 Il livello AA non lo passi per i seguenti motivi:
Svariati, ma comunque sono contento perché dalla prima versione del mio sito
(io ho il mio sito amatoriale che gestisco ahimè da solo e mi muove la
passione, per capirci niente lavoro) quella con i frame e lo sfondo nero con
5 o 6 gif animate ho fatto dei passi in avanti arrivando a validare per
l'HTML 4.0 i CSS ed ora vorrei arrivare almeno alla AA (ho visto dei siti
che applicano la AAA e non sono il massimo graficamente).
Un grazie a tutti voi per avermi sempre consigliato e per dedicarmi il
vostro prezioso tempo.

 che applicano la AAA e non sono il massimo graficamente).
E' semplice... basta che tutti i valori li passi tramite CSS (width,
dimensione font, ...)
Io ne sto sistemando uno che arriva a livello AAA:
www.omniaoffice.com/meridiana
 che non è malaccio dai ;-)


Ciao,
allora il test CSS l'ho passato. Ma quello HTML no. Il fatto č che non ho
capito cosa devo correggere. Alcuni errori li ho corretti, ma altri non so
dove mettere le mani.
Il messaggio č questo:
Line 29, column 29:
  <SCRIPT LANGUAGE="javascript">
                               ^Error: required attribute "TYPE" not
specified
Questo per i vari js che ho. Ma che singifica?
Poi:
Line 53, column 17:
  <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bg ...
                   ^Error: there is no attribute "LEFTMARGIN" for this
element (in this HTML version)
E questo per tutti i margini, top, width e height. A proposito di questo,
avevo trovato che c'erano 2 modi per mettere questi margini, 1 per IE e un
altro per NS.
E ancora:
Line 135, column 11:
  <form name="foo">
             ^Error: there is no attribute "NAME" for this element (in this
HTML version)
???
Quindi:
Line 244, column 50:
  ... .
ludus.too.it
" target="_blank">
www.ludus.too.it
</a> e <a href="http://
...
                                                        ^Error: end tag for
element "A" which is not open; try removing the end tag or check for
improper nesting of elements
Ma che dice? Il tag A č aperto e poi chiuso correttamente.
Grazie per le eventuali chiarificazioni.
Daniele
Ah, il sito č: 
http://www.ludus.info

improper nesting of elements
prova a controllare lo script
ciao ciao
Pagani Luca
Web Designer Digicolor.net
Work: 
http://www.digicolor.net
E-Mail: 
lu...@digicolor.net
Personal: 
http://www.egraphics.it
E-Mail: 
in...@egraphics.it
-----------------------------------

 HTML version)
Non esiste l'attributo name per le form in HTML 4.0
Devi leggere le specifiche e comportanti di conseguenza, spesso anche i
browser migliori immettono dei parametri che non rispettano le specifiche.
Buon lavoro


 Ma che dice? Il tag A č aperto e poi chiuso correttamente.
Qua non so come aiutarti... si tratta di JS ed io non sono un drago :-)
Probabilmente non riesce a validare in modo corretto la stringa.... Tutto il
resto comunque č sistemabile (ho scaricato la pagina in locale, l'ho
corretta e fatta "mangiare" al validator ed esce un bel "no errors found"
:-D
Consiglio: se metti files esterni per i CSS, non mettere anche CSS
interni...


siamo in simbiosi? :-)

 Lo dice, non c'è attributo name :)
nella 4.0 no... basta che cambia il doctype e DTD...


 ha scritto nel messaggio
news:3YBS8.12096$vm5.4...@news2.tin.it...

Ciao,
ho fatto questa modifica, ma lo script delle news viene stravolto: il bordo
tratteggiato aumenta lo spessore di molto e lo script rallenta.
Come si spiega?
Daniele

 Come si spiega?
Sicuro di aver cambiato solo quello?


Messo cosě da errore.
Daniele

 ha scritto nel messaggio
news:3YBS8.12096$vm5.4...@news2.tin.it...

Ora mi dice:
Line 119, column 16:
  <form name="foo">
                  ^Error: required attribute "ACTION" not specified

                   ^Error: required attribute "ACTION" not specified
ti ho risposto sotto....
action=""

 news:GmBS8.8528$Jj7.2...@news1.tin.it...
Ciao,
vi ringrazio a tutti e 2. Ora ho la convalida. No error found!!!
Secondo me sono questi i veri "award" da tenere in considerazione!!!
Ciao e grazie ancora.
Daniele

 Secondo me sono questi i veri "award" da tenere in considerazione!!!
Come ho già detto... ciò distingue un web professional da un webmastellone
:-)


Scusa, io ho cliccato lě, ma dice che non passa niente. Dove vedi che ha
passato il livello A?
Daniele

 passato il livello A?
Non è così intuitivo anche io sono rimasto smarrito con il sito della
IWA-Italia ma se leggi bene capisci che la validazione del livello A è
passato poi ci sono delle sorta di warning.
Prova con un sito a caso e confronta l'immagine che ti viene mostrata
capisci subito.


 Daniele
Ha tagliato l'url... se lo clicchi e ci aggiungi %2F&gl=wcag1-a
vedi che ti dice APPROVED



Ok, ribatto con questa aggiornata :P
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "
http://www.w3.org/TR/html4/loose.dtd
">
più corta  ci risparmi qualche carattere :)
