Porte aperte sul web
gruppo di lavoro per l'accessibilità dei siti scolastici - USR Lombardia
logo dell'USR Lombardia. link su pagina esterna
home - lavori in corso - SMS Bramante di Vigevano

Lavori in corso - esempi

Scuola Media Bramante di Vigevano (PV) - http://www.scuolamediabramante.it (sito ufficiale, non ancora accessibile)
webmaster: Gabriele Sonzogni
codice della nuova home-page accessibile: home.txt
foglio di stile esterno collegato: stileacc.css
foglio di stile esterno importato: stili.css

prima
stralcio dell'home-page del Bramante  prima del trattamento. Link su nuova pagina

dopo
(vers. provvisoria della sola home-page)
stralcio dell'home-page del Bramantedopo il trattamento. Link su nuova pagina

Commento

a) Vecchia versione

È costituita da poche pagine, realizzate qualche anno fa senza ovviamente
che ci si ponesse come obiettivo anche l'accessibilità del sito.

Ad un occhio attento e un po' esperto dal punto di vista tecnico appare
immediato come il sito sia stato realizzato con il programma Front Page.
Le pagine sono appesentite da uno sfondo in grafica che si ripete e da un
sottofondo musicale (si tratta di un file "mid") che si avvia
automaticamente all'apertura della pagina.

Le immagini non sono
accompagnate dal tag <ALT>. Poca cura è dedicata anche al tipo di carattere
(FONT) che appare in "Times New Roman" e "Arial". È presente anche un
collegamento al giornalino scolastico, realizzato con il programma Publisher
ed esportato in HTML.

Alla realizzazione del sito, che è ancora online, hanno collaborato anche
i ragazzi. Ciò in parte ha comportato di dover "sacrificare" un po' la
raffinatezza del sito e l'audacia degli obiettivi a favore del
coinvolgimento degli alunni nell'esperienza di webmaster.

b) Nuova versione

Al momento è stata preparata solo l'Home Page: nella fase di sviluppo ci
si è posti specificamente come obiettivo quello di rispettare i vincoli
tecnici per l'accessibilità dei siti web.

L'aspetto grafico è gestito da un foglio di stile esterno (css) collegato alla pagina iniziale del sito. In questo foglio di stile tutta la struttura della pagina con le sue box è gestita facendo ricorso ai DIV. In questo modo le varie aree del sito non
risultano delimitate da celle e righe di una tabella. Inoltre le immagini
sono commentate dal tag ALT.

Si è curata anche la formattazione del carattere, cercando di impostarla
in modo da favorire un'adeguata lettura e la possibilità di ingrandimento.

Gabriele Sonzogni

esempi

provincia di Como provincia di Lodi provincia di Milano provincia di Brescia provincia di Pavia provincia di Varese