Selezionare un sito esistente di buon impatto grafico e costruito professionalmente e individuare:

• Tipo di font utilizzati: quale dimensione, colore, divisione in paragrafi.

• Uso del colore: il sito usa colori per individuare sezioni?• Immagini: uso delle immagini, grandezza e loro

posizionamento nella pagina.• Layout. il sito segue un layout fluido o fisso? Si adatta a più

risoluzioni? Cambia il suo aspetto su diversi monitor e su diversi browser?

ULTIMO “COMPITO” : SI PARTE!!!

DETTO…FATTO! ( Ma è solo un sogno, ahime!!)

La ricerca comincia dal nuovissimo ( per noi italiani) motore di ricerca

SI PARTE !!!

Vado a leggermi un po’ il codice

Per i testi d pagina si è utilizzato il colore bianco, su sfondi verde, blu,rosso; nero per i testi su bianco/grigio e il blu chiaro Per i titoli di

pagina. non ci sono problemi legati ai contrasti cromatici, tranne che per il blu: non è browser safe, e quindi non possiamo sapere come verrà visualizzato su piattaforme diverse e con sistemi operativi diversi.

Non tutte le scelte grafiche soddisfano criteri di accessibilità.

Il charset dichiarato nelle intestazioni di pagine non viene sempre rispettato nel corpo della stessa

Per la formattazione dei testi si sono utilizzati i css sia esterni, che inline come attributi dei tag html. La codifica delle dimensioni per alcuni testi è stata settata con valori assoluti a 12px, mentre per altri in valore relativo xx-small o x-small. Quando si sono usati i css interni si è utilizzato il dimensionamento assoluto a 10 pt. Così, di fatto, nella pagina alcuni testi potranno essere ridimensionati, altri no e questo può creare problemi agli utenti che avessero bisogno di ridimensionare i font.

Qui il dichiarato non è come “ l’agito”!

L’accessibilità ancora una volta non viene rispettata : l’interfaccia non è pensata per tutti gli utenti .

Nonostante…

Nonostante…

La homepage del sito gestisce il layout di pagina mediante tabelle, annidate;

mentre per le pagine di secondo livello, le tabelle sono decine, annidate fino al 4/5 livello di profondità

Le tabelle per la gestione del layout di pagina dell'homepage sono settate con valori assoluti, per le altre pagine sono utilizzate valori relativi, che a volte non consentono alle pagine di adattarsi a risoluzioni minori di 800 px di larghezza.  Le immagini per il layout grafico che fanno ampio sfoggio di sfumature e giochi di "pieni e vuoti" incrementando il peso dela pagina otre il necessario.

Sicuramente non sono stata esaustiva ma ho il rimedio:

GRAZIE per l’attenzione

E.Riva _ classe E13