Web design e grafica
- Realizzazione siti internet
- Restyling siti web
- Siti internet realizzati
- Grafica e grafica web
- Creazione blog
Risorse web
Ultimi articoli
- Come iscriversi a una newsletter
- Che cos’è l’ottimizzazione SEO?
- Sulla richiesta di rettifica online
- Quando fare SEO significa uscire di senno
- Servizio di Autosearch di Virgilio: il capitolo finale?
- Le crociate contro internet
- Se la realtà NON è accessibile, perché un sito deve esserlo?
- L’errato significato dell’acronimo SEO
- Quanto costa un sito come quello?
- Google? Un motore di ricerca antiquato
In evidenza
Categorie blog
- Accessibilità
- Comunicazione
- Concorsi
- Contenuti
- CSS
- Domini
- Forum
- Grafica
- Guide
- Internet
- Interviste web
- Lingua italiana
- Notebook
- Pixel art
- Seo e posizionamento
- Siti web
- Utilità
- Validazione del codice
- Web design
- Web marketing
- Weblog
- Wordpress
- XHTML
Login
Il nuovo portale della cultura- una recensione
Pubblicato il agosto 2, 2007 | Archiviato in Siti web
Dalle news che mi arrivano tramite la home page di Google ho appreso della messa online della versione 2.0 del portale della cultura del Lazio, Cultura Lazio appunto. E così, come già fatto per il portale dell’Italia e per quello del Ministero degli Affari Esteri, l’ho navigato e analizzato a fondo, cercando- e trovando- errori e dimenticanze.
Il codice XHTML del portale della cultura
Cominciamo subito a dire che il codice XHTML della home page non è valido. Tanto per fare un esempio, questa riga contiene 2 errori:
<img src="img/aviVideo.jpg" border="0" usemap="#Map" />
manca l’alt (il testo alternativo per le immagini) e l’attributo “border” non è contemplato nel linguaggio XHTML 1.0 Strict. La regola per i bordi delle immagini va stabilita tramite foglio di stile.
Due pagine (Area servizi culturali e Bandi e avvisi pubblici) danno un errore strano:
<div class="pagina_interna"><html><body><h4>Bandi e avvisi pubblici...
ossia la presenza dei tag “html” e “body” all’interno di un div… potrebbe dipendere da un errore all’interno del CMS utilizzato.
La pagina sugli Etruschi restituisce questo errore:
<a href="http://www.culturalazio.it/culturaweb_2/
schedeInfo/?id=70&pag=true&boxCorr=true"
dovuto alla presenza dell’ampersand nella URL.
La URL corretta va scritta in questo modo:
<a href="http://www.culturalazio.it/culturaweb_2/
schedeInfo/?id=70&pag=true&boxCorr=true"
La pagina Medioevo ed età moderna ha un piccolo errore, sicuramente dovuto a distrazione, nel primo link Abbazie e monasteri:
e autore della "Regola"..., in sostanza le virgolette di chiusura mancano del punto e virgola:
e autore della "Regola"...
Ville e palazzi storici restituisce il precedente errore delle ampersand.
Storia e Memoria contiene l’errore già riscontrato sulla presenza anomala dei tag “html” e “body” in un div ed altri dovuti alle ampersand.
Servizi culturali ci mostra questo errore:
di cui sono custodi e interpreti.Al fine di contemperare l’...
a parte lo spazio dopo il punto, errore di distrazione, l’apostrofo va scritto col punto e virgola finale:
di cui sono custodi e interpreti.Al fine di contemperare l’...
La pagina Musei ha di nuovo la presenza di tag “html” e “body” nel div.
Nella pagina Istituti culturali c’è un alt di troppo, o meglio c’è un alt al posto di un title:
<a href="www.accademiaxl.it" alt="vai al sito esterno www.accademiaxl.it">www.accademiaxl.it</a>
Il tag <br /> non va utilizzato all’interno delle liste, come accade nella pagina Sistemi museali:
<li><strong>Sistema urbano di Viterbo </strong></li><br /><br /></ul>
L’errore in Paesaggio sonoro è il solito dovuto alle ampersand, così come in Tematismi.
Un tag <li> di troppo in Associazioni culturali:
<li><li><a href="http://www.accademiabelli.com/" title="vai al sito dell'Accademia Belli">Accademia Belli - Roma</a></li></li>
,
bisogna dire però che sono stati chiusi entrambi…
Fermentano i tag “html” e “body”: in Fermenti culturali sono di nuovo presenti, così come in Monumenti naturali e Parchi.
Errori dovuti alle ampersand anche in Strade e itinerari.
La pagina Geositi restituisce un disarmante Not Found…
La pagina Crediti da poco credito:
Francesca Quaratino, Responsabile Comunicazione e Progettazione New Media</a>
il tag </a> non è stato aperto.
Le liste non vanno inserite all’interno dei paragrafi, come accade nella pagina Normativa sulla privacy:
<p>
<strong>COMUNICAZIONE E DIFFUSIONE DEI DATI</strong>
<br />
I dati raccolti potranno essere oggetto di comunicazione e diffusione:
<ul>
Anche il tag <dl> (definition list, lista di definizione) non va inserito all’interno di un elemento di blocco, in questo caso il paragrafo nella pagina Guida al sito.
I titoli, per definizione stessa, non vanno all’interno di un paragrafo, come accade nella pagina dei Contatti:
<p>
<h2>Assessorato alla Cultura, Spettacolo e Sport</h2>
La pagina dei Banner contiene sia errori dovuti alle ampersand sia un altro grossolano errore:
<a href="http://www.youtube.com/watch?v=q4TQ6sfcmkQ" title="Vai al video "I Cavalli Alati" su You Tube - durata 8,34 min.">
la presenza di una frase, nel title, racchiusa fra le virgolette…
Tag <li> non chiusi nelle pagine degli Eventi raggiungibili dalla home:
<ul><li><a href="/binary/lazioCultura/agenda/CS_002_Programma_Vulci_
Festival.1184087948.pdf" title="Il senso dei luoghi 2007: Il programma del Festival di Vulci">Il senso dei luoghi 2007: Il programma del Festival di Vulci [ PDF - 62.24 KB ] </a><li>
Tutte le pagine delle News, raggiungibili dalla home, hanno il solito errore delle ampersand.
Neanche il blog risulta con codice validato, presentando in home 17 errori.
Lazio live restituisce errori ad un tag <img /> non chiuso e all’inserimento di un oggetto flash.
Parole, Audio, Video e Immagini contengono errori dovuti alla presenza dell’attributo border non contemplato e dell’alt mancante.
Title e meta tag del portale della cultura
Il portale della cultura presenta, per tutte le pagine, lo stesso e identico title e la stessa e identica descritpion, quando titolo e descrizione della pagina vanno personalizzati per tutte le pagine del sito.
Le URL del portale della cultura
Cominciamo con la home page che ha questo indirizzo: http://www.culturalazio.it/culturaweb_2/ e non http://www.culturalazio.it/.
Le pagine interne presentano url di questo tipo:
http://www.culturalazio.it/culturaweb_2/schedeInfo/?id=92&pag=true&boxCorr=true. Questa corrisponde alla pagina sugli Etruschi, nella sezione Antichità, all’interno della sezione Schede tematiche. Perché non fare in modo che la url di quella pagina sia:
http://www.culturalazio.it/schede/antichita/etruschi/, di più facile memorizzazione?
La grafica del portale della cultura
La grafica lascia un po’ a desiderare. C’è stata veramente poca cura nella realizzazione delle immagini, sia di quelle che fanno parte del layout che quelle a corredo degli articoli e dei contenuti.
Header – la testata del portale della cultura
Cominciamo con l’header. Le immagini che lo compongono sono di bassa risoluzione. Le ho rifatte ed il risultato è decisamente migliore:
Immagini del portale |
Immagini rifatte |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
|
 |
|
Ecco come potrebbe apparire l’header con le immagini ad una buona definizione (cliccate sull’immagine per vederla alle dimensioni reali):
 |
Menu Community
Sempre in home page troviamo altre immagini, icone, con bassa definizione e, quindi, di difficile lettura.
A confronto le immagini del portale e le mie:
Immagini del portale |
Immagini rifatte |
 |
 |
 |
 |
 |
 |
 |
 |
Menu della Galleria multimediale
Passiamo adesso al menu della Galleria multimediale, un’unica immagine che ho migliorato:
Immagini del portale |
 |
Immagini rifatte |
 |
Immagine interna
La pagina Cosa si muove nel Lazio contiene un’immagine che rappresenta una stretta di mano… il modo in cui è stata scontornata è pessimo.
Ancora una volta le 2 immagini a confronto:
Immagine del portale |
Immagine rifatta |
 |
 |
E il bello è che non è stato nemmeno necessario scontornarla…
Il motore di ricerca del portale della cultura
Il motore di ricerca interna del portale appare ingolfato, non va… qualsiasi cosa si cerchi restituisce una pagina che ci avvisa che la nostra ricerca non ha prodotto risultati in nessun documento. Ho provato a cercare parecchie parole, temi trattati nel portale, ma il risultato non cambia. Cercando Simposiando, ad esempio, si ottiene questa pagina.
Conclusioni
E’ inutile tirare delle conclusioni, siamo ancora di fronte ad un portale istituzionale realizzato superficialmente, siamo ancora di fronte a soldi pubblici mal spesi. Quello che mi chiedo è come si faccia a vincere un appalto per la realizzazione di un sito istituzionale, quando chi lo realizza, poi, commette errori che nessun professionista commetterebbe, tantomeno dopo aver ricevuto l’approvazione del preventivo…
Opzioni articolo
Permalink | Trackback |
|
Stampa l'articolo | 12 commenti
Il nuovo portale della Farnesina – una recensione
Pubblicato il luglio 16, 2007 | Archiviato in Siti web
E’ online il nuovo sito del Ministero degli Affari Esteri, divenuto ora, col restyling sia grafico che contenutistico, un portale. Così ho deciso di navigarlo, di testarlo, di fare qualche verifica, sia a livello grafico che a livello di codice. Così, tanto per vedere come sono stati spesi i soldi pubblici, memore del fattaccio di Italia.it.
L’uso del title nel portale della Farnesina
Il title, ossia il titolo dato alla pagina, è sempre lo stesso in tutto il portale: <title>Ministero degli Affari Esteri</title>
Anche chi è alle prime armi con la creazione delle pagine web avrebbe dato un titolo diverso per le tutte le pagine del suo sito…
L’uso dei meta tag nel portale della Farnesina
Controllando i meta tag, ed in particolar modo il <meta content="" name="keywords" /> e il <meta content='' name="description" />, si nota che questi non sono per nulla personalizzati per le varie sezioni e le pagine del portale, ma sono stati scritti una sola volta e poi copiati e incollati in tutte le pagine, quando, specialmente il <meta content='' name="description" />, andrebbe compilato secondo il contenuto della pagina.
L’uso del tag title nei link del portale della Farnesina
Il title, nella maggioranza dei casi, è soltanto una ripetizione del testo linkato. La sensazione è che siano stati inseriti perché ci dovevano essere, ma nessuno si è sforzato a dare un senso a quel tag.
Validazione XHTML 1.1 del portale della Farnesina
La pagina risulta validata, ma appare la scritta Character Encoding mismatch!, ossia la codifica dei caratteri sembra avere un abbinamento sbagliato.
In effetti, controllando a fondo, possiamo vedere che qui c’è una codifica: <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />, mentre nelle pagine del sito viene usata la utf-8. Attraverso questo servizio troviamo infatti:
Http Status: HTTP/1.1 200 OK
Connection: close
Date: Mon, 16 Jul 2007 15:19:10 GMT
Server: Microsoft-IIS/6.0
X-powered-by: ASP.NET
X-aspnet-version: 1.1.4322
Set-cookie: ASP.NET_SessionId=y0jlp5eahbqsqz3ibygvhd45; path=/
Cache-control: private
Content-type: text/html; charset=utf-8
Content-length: 18768
Non tutte le pagine sono comunque con codice valido. Queste contengono parecchi errori:
Unione Europea, Benvenuti in Italia, Italiani nel Mondo, Stampa, AccessKey,
Download, Cerca nel sito, Guida, Mappa, Servizi/Italiani, Servizi/Imprese,
Servizi/Stranieri, Opportunità/Italiani, Opportunità/Imprese, Opportunità/Stranieri,
Dove siamo nel mondo, Viaggiare sicuri, Informazioni.
E non le ho controllate tutte, ma soltanto le principali.
Validazione dei fogli di stile del portale della Farnesina
I fogli di stile utilizzati sono due: MAE.css e Footer.css.
Il primo foglio di stile non è validato. Nel file MAE.css c’è un errore di sintassi alla riga 1085, in cui troviamo:
div#eventietichetta
{
BACKGROUND: url(../images/bordo_lato.jpg) no-repeat 3px 8px;
MARGIN-TOP: 0px;
PADDING-LEFT: 1.8em;
FONT-WEIGHT: bold;
FONT-SIZE: 0.9em;
COLOR: #224499; /* azzurro */
LEFT: 0px;
FLOAT: left;
VERTICAL-ALIGN: top;
WIDTH: 9em;
height:auto;
MARGIN-RIGHT: 0px;
POSITION: relative;
TOP: 0px
/*
PADDING-LEFT: 20px;
BACKGROUND: #FFFFFF url(../images/bordo_lato.jpg) no-repeat left 10px; /* white */
*/
}
E’ stato inserito un commento all’interno di una regola: /* questo è un commento */ e manca il “;” dopo TOP: 0px.
Con le correzioni che ho effettuato il css risulta valido, ma presenta 11 avvisi.
Footer.css non presenta né errori né avvisi.
Accessibilità del portale della Farnesina
Effettuando un controllo con Webxact risulta un errore in priorità 1, due errori in priorità due ed uno in priorità 3.
Cominciamo col primo errore: If ASCII art is present, consider substituting it with an accessible image. Questo viene segnalato alla linea 30, dove troviamo <form method="post" action="HomeTemplate.aspx?NRMODE=Published&NRNODEGUID=%7bB7674590
-6AEA-44C9-BC59-491C63533B50%7d&
NRORIGINALURL=%2fMAE%2fIT&NRCACHEHINT=Guest" id="frmHomeTemplate">
Evidentemente il validatore prende per ASCII art tutte quelle cifre?
Passiamo alla priorità 2:
- Create link phrases that make sense when read out of context.
Ossia si tratta di rendere i link comprensibili, tanto per fare un esempio scontato il famoso “clicca qui” è da evitare. Questo risulta problematico per gli utenti che navigano con un lettore di schermo, costretti a leggere il testo che si trova attorno al link per capirne la destinazione.
Nel caso specifico il collegamento diretto alla versione inglese del portale è chiamato semplicemente “ENGLISH” ed il title del link ci fornisce la medesima parola. Sarebbe stato più opportuno scrivere “ENGLISH VERSION” e nel title specificarlo con più parole.
- Do not use the same link phrase more than once when the links point to different URLs.
Non utilizzare lo stesso testo più di una volta quando i link puntano a differenti URL. Credo che in questo caso si riferisca a quella sequela di “segue…”, ben nove, il cui title ripete la stessa parola…
Ed ora l’errore in priorità 3:
- Separate adjacent links with more than whitespace.
Link vicini vanno separati con più di uno spazio vuoto. Questo appare molto evidente nel footer, dove il menu INIZIO-PAGINA GUIDA MAPPA CONTATTI LINK crea confusione, tanto sono vicini quei link.
La versione inglese del portale della Farnesina
La versione in lingua inglese del portale del Ministero degli Affari Esteri è in parte in inglese e in parte in italiano…
Leggendo gli alt, i testi alternativi per le immagini, troviamo queste chicche:
<div id="primacolonna"><span id="Singleimageplaceholdercontrol1" title="Foto rappresentativa del palazzo Farnesina">
<img id="Singleimageplaceholdercontrol1_PresentationModeControlsContainer_
PresentationImage" src="/NR/rdonlyres/3F8269CF-7442-4E7B
-BA07-0402A76770C1/0/fotohomea100.jpg" alt="Il palazzo della Farnesina e l'antistante scultura di Pomodoro">
<div id="galleria-foto"><span id="ImgPhCtrl_GalleriaFoto" title="Incanti Cosmici di Enrico Prampolini - 1936">
<img id="ImgPhCtrl_GalleriaFoto_PresentationModeControlsContainer_
PresentationImage" src="/NR/rdonlyres/E77DADCC-
1EC5-4AAB-BEF5-A06A455A59ED/0/Prampolini_IncantiCosmici2.jpg" alt="Incanti Cosmici di Enrico Prampolini - 1936">
Sotto la voce HIGHLIGHT raggiungiamo questa pagina, in cui il percorso della stessa, le classiche “briciole di pane”, è in italiano.
In basso a sinistra, sempre nella home, troviamo scritto:
Italia Cina
Il sito del Coordinamento del Comitato Governativo Italia-Cina.
Cliccando su “continued…” arriviamo a questa pagina, tutta scritta in italiano.
Più sotto appare lo stesso:
It Card
Il sito del It card: l’Italia di qualità a prezzi vantaggiosi.
E la pagina relativa è in italiano.
I title delle pagine sono in italiano, Ministero degli Affari Esteri invece di Ministry of the Foreign Affairs.
Sempre in home leggiamo due news in italiano, che riportano a questa pagina e a quest’altra pagina, entrambe in italiano. La data, però, è scritta in inglese.
Quest’altra notizia è scritta parte in italiano e parte in inglese.
I link nel footer “legal notes” ed “editorial committee” riportano alle pagine della versione italiana.
I primi due link del menu SERVICES puntano a pagine in italiano, così come il terzo link del menu OPPORTUNITIES, mentre l’ultimo link del menu TRAVEL punta alla pagina in italiano addirittura del vecchio sito.
I link del menu del footer puntano alle pagine della versione italiana.
Non sono stati tradotti neanche i nomi dei file .htm e le relative sezioni:
http://www.esteri.it/MAE/EN/Politica_Estera/
Organizzazioni_Internazionali/ONU/Italia_in_ConSicur.htm
Davvero una bella immagine dell’Italia nel mondo…
Opzioni articolo
Permalink | Trackback |
|
Stampa l'articolo | 8 commenti
Danieleimperi.it: si riparte!
Pubblicato il maggio 23, 2007 | Archiviato in Siti web, Weblog
Il lavoro è finito!
I contenuti delle pagine sono stati tutti riscritti. Le stesse sono state validate. La pagina Contatti è risultata abbastanza ostica, ma alla fine funziona ed è validata.
Gli articoli del blog e i relativi commenti sono stati tutti ripristinati.
Ho installato un plugin per gestire la newsletter del sito e funziona, oltre ad un altro per inserire i meta tag per le keywords e la description.
Insomma sembrerebbe tutto a posto. Buona navigazione!
Opzioni articolo
Permalink | Trackback |
|
Stampa l'articolo | Lascia un commento
Blog e sito: lavori in corso
Pubblicato il aprile 29, 2007 | Archiviato in Siti web, Weblog
Il blog necessitava di un restyling grafico. Il sito anche. Poi ho cambiato hoster e così ho deciso di rifare tutto da capo. Blog e sito insieme, procederanno a pari passo in una struttura ibrida che ha le caratteristiche del sito in una piattaforma per blog. Ho infatti deciso di utilizzare il cms WordPress, che sta dando, seppur con qualche difficoltà iniziale, buoni risultati.
Gli articoli del blog e i commenti sono stati tutti ripristinati. I contenuti delle pagine saranno riscritti completamente. La grafica è già pronta. A fine lavoro un bel redirect 301 e si parte!
Prossimamente su queste pagine.
Opzioni articolo
Permalink | Trackback |
|
Stampa l'articolo | Lascia un commento
Italia.it: un esempio di ignoranza web
Pubblicato il febbraio 26, 2007 | Archiviato in Siti web
In questi giorni se ne sta parlando tanto. Nel web, dai blog ai forum, si trovano discussioni sul portale dell’Italia, il cosiddetto paese di qualità, non certo informatica…
Sì, perché pare che i nostri eroi della politica abbiano approvato un portale che fa acqua da parecchie parti… e questo portale è costato una cinquantina di milioni… non di lire però, ma di euro.
Sono state effettuate, nel web, dai blog ai forum, diverse valutazioni, da professionisti autorevoli o meno, da utenti esperti o meno. E io farò la mia valutazione, da esperto navigatore, da utente del portale italiano, da cittadino italiano, da web designer e, non per ultimo, da libero opinionista.
Farò a pezzi il portale analizzandone le varie parti, dal logo alla grafica, al codice, alla navigazione.
Home page di Italia.it
La prima cosa che leggo entrando nel portale è:
Per visualizzare tutti i contenuti di questa pagina sono richiesti dei plugin aggiuntivi.
Cominciamo bene. Se il buon giorno si vede dal mattino… Un bel rettangolo bianco gigantesco mi fa supporre un banner in flash.
Ma le sorprese non finiscono.
Più sotto leggo:
Enter in Italy in: English | Deutsch | 简体中文 | Italiano
Non per fare il nazionalista, che non guasterebbe certo, ma perché nel portale dell’Italia devo trovare quella scritta in inglese? Forse che nei portali stranieri e governativi troviamo l’invito ad entrare nella nostra lingua? E perché il link alla versione italiana viene per ultimo?
Nel footer troviamo scritto:
Stay in touch with italy: subscribe now to our Newsletter e la possibilità di scegliere fra otto lingue! Questa volta il link alla newsletter in italiano è inserito per primo. Si deduce che, per potersi iscrivere alla newsletter del portale dell’Italia, bisogna conoscere l’inglese.
Il logo di Italia.it
Il logo che ci dovrebbe rappresentare è veramente brutto. Non so come si sia potuto concepire un design del genere. La “i” nera è realizzata col font Bodoni, minuscola, col puntino rosso; la “t” è un’aberrazione grafica in verde, che ricorda forse una banana…; la “a“, anch’essa in minuscolo, è realizzata col font AvantGarde (o anche Century Gothic, sono molto simili); le lettere “li” sono dello stesso font, ma di grandezza più piccola e maiuscole; l’ultima “a” torna ad essere come la prima. Un’accozzaglia di elementi che nulla hanno in comune l’uno con l’altro.
Vi rimando a questo articolo per un approfondimento della storia del logo di Italia.it. Da leggere.
La prima pagina in italiano di Italia.it
Entriamo nel vivo del portale. Anche qui leggo Per visualizzare tutti i contenuti di questa pagina sono richiesti dei plugin aggiuntivi. Questa volta sono 2 i banner in flash. Il layout della pagina mostra i contenuti a sinistra e la barra laterale dei menu a destra, oltre ad un menu orizzontale sotto l’header.
Mi soffermo un attimo sul menu chiamato PlayItaly e più precisamente sul contrasto dei colori: il colore di fondo è #C7CAD1, il colore della scritta Play è #006699. Contrasto insufficiente, calcolato col tool di Juicy Studio. Per non parlare della scritta Italy, di colore #7795C0, che ha un contrasto ancora più insufficiente…
Facendo un calcolo del contrasto su tutto il menu laterale, nessuna voce mostra un contrasto sufficiente.
Il layout è comunque liquido, si adatta quindi a tutte le risoluzioni e aumentando la grandezza dei caratteri, da browser, il layout non mostra deformazioni sensibili e consente ugualmente di navigare e visualizzare le voci dei menu e il contentuto.
Le URL di Italia.it
Le URL presenti nel portale, per navigare all’interno di esso, sono di questa assurda lunghezza:
http://www.italia.it/wps/portal/!ut
/p/kcxml/04_Sj9SPykssy0xPLMnMz0vM0Y_QjzKLN4j3MgTJgFjGpvqRqCK
OcIEgfW99X4_83FT9AP2C3NCIckdHRQAuuTD4/delta/base64xml/L3dJdy
Evd0ZNQUFzQUMvNElVRS82XzBfSjI!?WCM_GLOBAL_CONTEXT=/wps/w
cm/connect/Portale+del+Turismo/homepage/Visita+l%27Italia/
Registrati su Italia.it
Per registrarsi al portale dell’Italia si deve cliccare sulla voce del menu in alto My Italy. Sarebbe stato troppo semplice e logico scrivere “Registrati“.
Le News di Italia.it
Le news ad effetto fade (ossia una svanisce nell’altra) sono in lingua inglese. Cliccando su una qualsiasi notizia si entra in una pagina scritta in lingua inglese. Alla faccia del portale dell’Italia.
La grafica di Italia.it
La grafica non è male, ha tonalità sull’azzurro, che richiamano i colori della nazionale di calcio. Sarebbe stato meglio far richiamare i colori della nostra Bandiera.
Nel complesso è in tendenza con le nuove mode del web design, ma non giustifica una spesa esorbitante di svariati milioni di euro.
Il codice html di Italia.it
Il portale dell’Italia è realizzato a tabelle e in HTML4.1. Perché non in XHTML e CSS?
La prima pagina contiene 1001 righe di codice.
Il titolo <h1> è ottenuto così:
<h1 class=”titPagBlu”>Speciale Moda 2007</h1>
Questo titolo è all’interno della tabella <table class=”table100perc” cellpadding=”0″ cellspacing=”0″>, in cui manca il sommario o, meglio, furbescamente, è stato inserito l’attributo summary, ma senza alcun valore all’interno. La classe della suddetta tabella è stata denominata table100perc, alla faccia della semantica. Il titolo avrebbe potuto essere scritto semplicemente:
<h1>Speciale Moda 2007</h1>, affidando ai css le regole per l’h1 all’interno di quella tabella, in questo modo:
.table100perc h1{font-size: 140%;
color: #24478C;
font-weight: lighter;
margin: 2px 0px 0px 0px;
line-height: 100%;}
Il tag <p> nella prima pagina è utilizzato soltanto per scrivere “Il tuo browser non supporta JavaScript.” Il testo, anziché in un paragrafo, è inserito nel tag <span>, in questo modo:
<span class=”txtSmall”>Passerelle e mondanità:…</span>. Anche in questi casi non si fa uso di semantica.
Alla riga 268 della stessa pagina troviamo un commento con un errore di battitura:
<!– BOX PARTAIMO ! –>
Ci si potrebbe sorvolare, ma pagando 50 milioni di euro non dovrebbero esserci errori di alcun genere.
Anche se ad occhio nudo sfugge, un dettaglio dell’header, guardando la pagina con Firefox, ci dimostra che non è stata verificata perfettamente la compatibilità cross-browser. Il bordo bianco sinistro supera di un pixel il bordo superiore.
Con Internet Explorer 6 questo problema non si verifica.
Sempre in tema di compatibilità cross-browser, all’interno del box “Partiamo” in basso, troviamo il link alla “Ricerca avanzata”, che in Internet Explorer 6 si legge bene, mentre con Firefox il link risulta attaccato al bordo inferiore del box.
Il simbolo “+” accanto alla scritta Navigator, ottenuta con un’immagine, nella sidebar a destra, in Firefox non appare allineata con l’immagine stessa.
La home page di Italia.it non passa la validazione del codice HTML 4.01 Strict.
Le Note legali di Italia.it
Clicchiamo sul link nel footer relativo alle Note legali del portale.
Scendiamo fino ad incontrare il terzo sottotitolo “Diritti di proprietà” e leggiamo:
I contenuti pubblicati sul Sito sono protetti dalla vigente normativa recante disposizioni sul diritto d’autore e sui diritti di proprietà industriale.
I contenuti pubblicati sul Sito sono protetti dalla vigente normativa recante disposizioni sul diritto d’autore e sui diritti di proprietà industriale. I contenuti pubblicati sul Sito sono protetti dalla vigente normativa recante disposizioni sul diritto d’autore e sui diritti di proprietà industriale.
Sì, d’accordo, credo che sia chiaro che i contenuti pubblicati sul Sito sono protetti dalla vigente normativa recante disposizioni sul diritto d’autore e sui diritti di proprietà industriale… Bastava scriverlo una volta, non era necessario scriverlo 3 volte.
Leggere i contenuti in Italia.it
Entrando nella pagina dedicata alla regione Lazio, ad esempio, attraverso Visita l’Italia>Regioni, il testo si presenta in questo modo:
Dove si trova
Regione dell’Italia centrale bagnata dal mar Tirreno. È la regione della capitale, Roma.Il territorio
Territorio prevalentemente montuoso e collinare, lambito dalle acque del fiume Tevere. È caratterizzato da zone pianeggianti in prossimità della costa.
Quando sarebbe stato più leggibile, facendo uso dei titoli, ossia dei tag <hn></hn>, così:
Dove si trova
Regione dell’Italia centrale bagnata dal mar Tirreno. È la regione della capitale, Roma.
Il territorio
Territorio prevalentemente montuoso e collinare, lambito dalle acque del fiume Tevere. È caratterizzato da zone pianeggianti in prossimità della costa.
L’accessibilità in Italia.it
La maggior parte delle pagine, forse a causa delle URL troppo lunghe, non possono essere controllate col tool WebXact.
Cliccando sull’immagine in basso XXI PhotoMagazine parte il download di un pdf senza che l’utente ne sia prima avvisato.
Interrogando WebXact, la home page di Italia.it presenta 3 errori, uno in ogni priorità, e una serie di 25 warnings da controllare.
La pagina Naviga nella storia, versione accessibile, presenta 1 errore in priorità 2 e 2 in priorità 3.
Ma in tema di accessibilità potranno aggiungere commenti i più esperti.
E qui chiudo. Ogni commento è gradito.
Opzioni articolo
Permalink | Trackback |
|
Stampa l'articolo | 2 commenti
