Siti web accessibili

Costruire siti rispettosi degli standard, separando contenuto e presentazione

Browser

Programmi

Guide

Strumenti

Link

Calendario lezioni (in altra pagina)

Browser

Browser alternativi

Download Firefox 2.*

per installare la web developer's toolbar (barra dello sviluppatore) aprire Firefox e andare all'indirizzo https://addons.mozilla.org/en-US/firefox/addon/60

per installare l'estensione Colour Contrat Analyzer (attivabile attraverso il menu contestuale), andare all'apposita pagina di Juicy Studio e cliccare sul link nel paragrafo dal titolo The Firefox Extension.

Download Opera 9.*

Per Internet Explorer

La barra dell'accessibilità di IE in italiano, versione 2.0 - aprire lo zip disponibile a questo indirizzo e installare.

Le vecchie versione di Internet Explorer che seguono non necessitano di installazione. Basta scaricare le cartelle compresse, dezipparle, aprirle e cliccare sull'eseguibile.

Internet Explorer 3

Internet Explorer 4

Internet Explorer 5

Internet Explorer 5.5

Internet Explorer 6

L'archivio on-line con tutte le versioni zippate è anche raggiungibile a questo indirizzo.

Programmi

Dreamweaver 8 in inglese - si può provare per trenta giorni senza acquistarlo.

Scaricare gli aggiornamenti di DW 8 - correzione di alucni bug ed estensione della licenza di prova ad alttri 30 giorni.

NVU 1 - versione in italiano. Un programma open-source per costruire pagine web e gestire il foglio di stile. Purtroppo alcuni bug creano qualche disagio ai poco esperti. (vedi sotto) ;

Kompozer. Scaricare dal sito corrispondente l'evoluzione di NVU, Komposer, un programma che offre maggior stabilità ed affidabilità. Come NVU non necessita di installazione. Dezippare e cliccare sull'eseguibile per far partire il programma. Prelevare anche il file .xpi per poter installare la versione italiana; (scaricare in una cartella qualsiasi, andare su tools>extensions>install cercare il file, cliccare ancora su install e far ripartire il programma.

HTML Kit. Un editor molto potente di html, open-source .

Top Style Lite. Un editor gratuito di CSS .

Jaws. Collegarsi al sito di download di Jaws per scaricare la versione demo più recente del sintetizzatore vocale più utilizzato. Funziona per un tempo limitato con tutte le funzioni ad ogni riavvio del sistema operativo.

IrfanView. Editor di immagini, open-source.

Color Contrast Analizer: estrarre i file zippati nella stessa cartella. Cliccando sull'eseguibile partirà la versione in italiano di questo semplice programma per valutare il contrasto tra sfondi e testi.

FavIcon: programmino che serve per creare icon (chiamate "favicon.ico") da immagini che si possono caricare nella cartella principale del sito e visualizzare nella barra degli indirizzi di Firefox o nei Preferiti di IE. Si possono anche usare come immagini per il sito (ad esempio come marcatore di punto elenco) (vedi anche questo sito )

Guide

Adotta un template - un'iniziativa di Porte Aperte sul Web

Breve guida all'uso dei CSS - fornita dal progetto Porte Aperte sul Web

Cartella zippata contenente materiale (presentazione .ppt, file di esempio, pagina libro) dal seminario di Troiani sulla costruzione di pagine accessibili con i CSS, tenutosi nel marzo 2006.

Scarica la pagina d'esempio del corso 2007 nel broswer, il css o tutta la cartella zippata.

Scarica la guida alla costruzione della pagina di esempio (in .pdf), con uso di Dreamweaver.

Come inserire un modulo di ricerca interno.

Introduzione a NVU : cos'è, perché usarlo, come installarlo, come aprirlo.

Breve tutorial sull'uso di NVU per costruire una pagina con le tabelle.

Breve tutorial sull'uso di NVU per costruire una pagina con le tabelle.

Breve presentazione in .pps sugli standard web (aggiunta 22.01.07)

Versione in .pdf di una presentazione su HTML e XHTML del prof. G. Mecca dell'università della Basilicata

Versione in .pps della presentazione su HTML e XHTML di G.Mecca (aggiunto 22.01.07)

(si possono scaricare tutte le lezioni tenute dal prof. Mecca all'indirizzo www.db.unibas.it/users/mecca/diogene/sviluppoWeb/materiale.html ; vedere in particolare i capitoli inerenti HTML e XHTML, i CSS e la qualità dei siti)

Presentazione di Power Point sull'accessibilità e la Legge Stanca.

Strumenti

Strumenti per webmaster da Google.

La guida di Google su come migliorare il ranking del proprio sito. (in inglese)

Generatore di testo.

Trasformare un'immagine in testo.

Aggiungere effetti speciali e testi alle proprie foto.

Trasformare un indirizzo e-mail in un'immagine per prevenire lo spam.

Generare una tavolozza basata su un'immagine per armonizzare il sito alla stessa.

Generare loghi da un testo.

Generare favicon.

Testare il proprio sito con tutti gli strumenti on-line disponibili.

Valutare le proprie pagine con WebXact .

Browsercam, per vedere gli screenshot delle proprie pagine con browser diversi; è possibile avere fino a 200 schermate gratuitamente per 24 ore.

Link

Porte Aperte sul Web: un progetto iniziato nel marzo 2003 grazie all'USR della Lombardia, per diffondere la cultura dell'accessibilità dei siti scolastici.

In particolare:

Matite Nel Web: associazione culturale nata dal progetto PASW.

Introduzione all'accessibilità dei siti: cos'è l'Accessibilità del Web; perché è importante l'accessibilità del Web; realizzare il Web accessibile. (traduzione di un documento della WAI sul sito dell'Osservatorio della Comunicazione)

Vademecum per la realizzazione di siti accessibili e usabili a cura dell'Associazione Italiana Subvedenti.

Introduzione all'accessibilità su Bazzman Mag.

La Legge Stanca ( L.9/1/2004 n.4)

Siti ad elevata accessibilità. Un corso on-line pubblicato su Diodati.org

Breve presentazione sul W3C da webaccessibile.org.

Gli aggiornamenti di html.it

Cliccando sugli articoli questi si apriranno in nuova finestra

La frequenza di scorrimento da una finestra ad un'altra di 5 secondi