Webdesign

Accessibilità

Le indicazioni riportate rispettano, in grossa parte, quanto suggerito dal W3C a livello di Priority 1 che e' il livello di base senza il quale uno o piu' gruppi di utenti troveranno impossibile accedere all'informazione del documento.
Dedica qualche tempo alla fase di progettazione di un sito, alla 'struttura', ai contenuti e alle tappe di sviluppo. Occupati del layout grafico quando hai gia' deciso lo 'scopo' di un lavoro. Dedica parte del tempo di sviluppo alla validazione del codice e dell'accessibilita' del lavoro svolto. Nel caso non riuscissi a rendere il tuo sito accessibile, o non volessi toccare la struttura delle pagine provvedi a crearene una versione alternativa ed accessibile. Questo ti permettera' con poco lavoro in piu' di ottenere un elevato grado di accessibilita'. Cerca di aggiornare regolarmente anche questa versione. Evita di usare codice proprietario non conforme agli standard del W3C. Evita di ottimizzare le pagine per una specifica versione di browser o risoluzione video. Se e' possibile utilizza valori relativi e non assoluti nelle dimensioni delle tabelle. Cerca di suddividere la pagina in sezioni chiaramente riconoscibili in modo da ottimizzare la ricerca delle informazioni sulla pagina. Inserisci sempre informazioni sugli aggiornamenti delle pagine e sul come contattare il responsabile delle stesse. Valuta attentamente i tempi di caricamento delle tue pagine, e considera che spesso gli utenti che visitano un sito:

• sono alla ricerca di qualcosa di preciso;
• non conoscono la struttura del sito ne' della pagina;
• non hanno molto tempo da dedicare alla visione di ogni pagina;
• non amano i lunghi tempi di attesa per download di una pagina.

- per i collegamenti (links) usare un testo che abbia senso anche se letto fuori dal contesto e in successione ( ad esempio, non usare "clicca qui") oppure dove non e' possibile utlizzare l'attributo title per renderlo comunque significativo; evitare di mettere links adiacenti e nel caso delimitarli e separarli da spazi e caratteri di testo

- non scrivere documenti aventi linee con oltre 80 battute per riga

- utilizzare valori relativi e non assoluti

- garantire un buon contrasto tra testo e sfondo ovvero assicurarsi che testo e grafica siano percepibili e comprensibili anche se visualizzati senza colori (un buon test e' controllare se la pagina e' leggibile in bianco e nero) e comunque non delegare ai colori contenuti informativi ricordandoti che non tutti i browser supportano i colori con nome e quindi e' necessario attribuire al valore dell'attributo - da scrivere come tutti gli attributi tra apici un valore esadecimale. Per facilitarti il compito fai riferimento anche a tavolozze di colori adatte al web. E' bene ricordarsi che Times e Courier sono gli unici due font correttamente adoperati sia da piattaforme Mac che PC tanto che spesso si adopera il trucco di assegnare una serie di font diverse in successione e separate da virgole come valori dell'attributo FONT al fine di sperare di vedere adottato dal browser una delle FONT scelte

- evitare formati proprietari e comunque non standard (word, pdf, ps ecc.)

- qualora sia realizzata una versione accessibile del sito collegala come da esempio che segue all'interno della sezione HEAD con il marcatore LINK e gli attributi AURAL, BRAILLE e TTY che facilitano l'indirizzamento verso la pagina accessibile correttamente interpratibile rispettivamente da software di sintesi, stampante Braille e telescrivente
<LINK TITLE="versione accessibile" HFREF="file.htm" MEDIA="aural, Braille, tty">

- non utilizzare gif animate, refresh, redirect, marquee, pop-up, blkink o altri oggetti, comandi, applicazioni o tag che provocano movimenti inaspettati nelle pagine

- usare ascii-standard (non vocali accentate ecc. ad esempio...)

- identificare i linguaggi naturali utilizzati nel documento

- non scrivere pagine piu' pesanti di 50 Kb (codice e oggetti inclusi

- distinguere fra struttura e presentazione ovvero: nidificare in maniera correttamente gerarchica gli elementi headers (esempio <h1>) che dovrebbero servire per identificare tramite una struttura ad albero la struttura del documento e non per mettere in risalto qua' e la' del testo per la stessa ragione codificare la struttura e i componenti di una lista con gli elementi appropriati (ul, li, ecc.) identificare le citazioni con gli elementi Q e BLOCKQUOTE in HTML, evitando invece di usare questi ultimi per creare effetti di rientro del testo; per dare enfasi strutturale a parti del testo usare EM oppure STRONG
per evidenziare del testo usare BIG e per il fine opposto SMALL
<strong>PAROLA DA ENFATIZZARE A LIVELLO DI STRUTTURA</strong>
<small>testo reso piu' piccolo a livello di presentazione</small>
Puo' tornare utile adoperare i fogli di stile per razionalizzare e snellire il codice ma e' bene ricordare che non tutti i browsers li supportano anche se esistono riferimenti tecnici per cercare di rendere i fogli stile maggiormente accessibili

- specificare lo scioglimento di ogni abbreviazione o acronimo nel documento laddove compare per la prima volta attraverso i marcatori ABBR e ACRONYM e l'attributo TITLE
<ACRONYM title="World Wide Web">WWW</ACRONYM>

- tentare di tradurre la propria pagina in piu' lingue
provare a fare riferimento ai servizi gratuiti in linea quali: AltaVista Translastions http://world.altavista.com/ oppure InterTran http://www.tranexp.com:2000/InterTran?

- permettere di accedere da tastiera ai vari oggetti e links della pagina anche attraverso appositi comandi per abbreviazioni da tastiera
<A accesskey="D" href="doc.html" hreflang="it" title="documentazione tecnica in linea">documentazione</A>