Wordpress accessibile

Web e disabilit

Il Web: la tecnologia che si diffusa pi rapidamente di tutte una risorsa chiave per le attivit quotidiane impatta su diversi tipi di disabilit: visive uditive fisiche cognitive o neurologiche pu diventare elemento di integrazione o di ulteriore emarginazione

Web accessibility

Accessibilit vuol dire soprattutto e-partecipation, cio la rimozione delle barriere informatiche. Con questo termine si indicano le difficolt che i disabili incontrano nellusare un sistema per: carenze nella progettazione del software e dei contenuti dei siti web, che non tengono conto dei principi della progettazione universale e dellusabilit

Usabilit definita come l'efficacia, l'efficienza e la soddisfazione con le quali determinati utenti raggiungono determinati obiettivi in determinati contesti. Definisce il grado di facilit e soddisfazione con cui l'interazione uomo-strumento si compie.

Web accessibility

L' accessibilit un elemento irrinunciabile

L' accessibilit non un costo aggiuntivo, ma un elemento di qualit del sito

Un sito pu essere tecnicamente accessibile, ma di fatto non fruibile per un disabile

Legge Stanca e suoi requisiti

La legge n. 4 del 9 gennaio 2004, comunemente chiamata "Legge Stanca" definisce i soggetti che devono garantire l'accessibilit dei propri siti e sistemi informatici

garantisce il completo accesso anche a tutti coloro che necessitano di tecnologie assistive

Le norme tecniche della legge 4/2004 sono state definite tenendo presenti gli standard internazionali

Gli obblighi di legge comportano responsabilit precise

Esistono tutti gli strumenti e le indicazioni per realizzare siti accessibili

Decreto ministeriale 8 luglio 2005: definisce i 22 requisiti che i siti devono rispettare per ritenersi accessibili

Tecnologie assistive

Sono soluzioni hardware e software per consentire ai disabili di utilizzare un normale computer

Valorizzano le capacit residue di un individuo sia dal punto di vista motorio che cognitivo, permettendogli di riconquistare degli spazi di decisione autonome e dunque un maggior grado di benessere

Quali sono?Lettori di schermo (sceen reader)

Browser vocali

Tastiera baille

Monitor di grandi dimensioni

Ingranditori dello schermo (magnifier)

Wordpress

WordPress un CMS (Content Management System) rilasciato con la Licenza GPL (General Public License)

Consente la creazione di blog personale, ma anche di siti piccole e medie dimensioni

Il mio blog accessibile

Blog l'abbreviazione di Weblog, termine che si usa per definire particolari siti web in forma di diario personale che hanno una forte connotazione cronologica delle informazioni.

Com' nato Linee d'espressione

Registrazione sull' hosting provider gratuito Altervista

Scelta del tema: permette di rendere unico il proprio spazio personalizzandolo con file di immagine (*.jpg, *.png), fogli di stile (*.css), oltre agli indispensabili file di codice (*.php)

Modifica del linguaggio di marcatura da Transitional a Strict come richiesto dal requisito n. 1 per l'accessibilit

Verifica tecnica per l'accessibilit

riscontro con sistemi di validazione automatica della rispondenza alla sua definizione formale del linguaggio a marcatori utilizzato

verifica delle differenze di luminosit e di colore tra il testo e lo sfondo

redazione di un rapporto: si indica la conformit, la non conformit o leventuale non applicabilit di ogni singolo requisito della pagina esaminata

La barra dell'accessibilit per Internet Explorer

La barra dell'accessibilit un software freeware che supporta il validatore esperto nella verifica tecnica di un sito web

Nessun software automatico pu verificare l'accessibilit di un sito, ma questo strumento permette comunque di facilitare la verifica e di automatizzare alcuni controlli

Altri validatori utilizzati

Validare sempre il codice(X)HTML:
http://validator.w3.org/

CSS:
http://jigsaw.w3.org/css-validator/

VaMoL:
http://polo-rer.polocesena.unibo.it/vamola-validator/checker/index.php

Strutturare i contenuti di una pagina

Analisi della struttura della pagina web di un articolo pubblicato secondo il tema in adozione.

Inserire le intestazioni in una pagina:aprire un nuovo articolo (Bacheca > Articoli > Aggiungi nuovo)

selezionare il testo da marcare come sottotitolo

scegliere dallelenco a discesa del formato Testata 3: in questo modo il sottotitolo sar associato al tag h3, mantenendo la gerarchia dei titolo corretta

nel caso i sottotitoli ammettano un titolo con un ulteriore livello di profondit, utilizzare Testata 4

Testo alternativo

Deve SEMPRE essere presente il testo alternativo (alt) ad ogni elemento multimediale (immagini, audio, video, ecc)

Immagini

Evitare di usare immagini quando si pu usare il testo: in caso di loghi contenenti testo, opportuno riportare lesatto testo (che ha un evidente contenuto informativo) come valore dellattributo alt

Non descrivere le immagini decorative: esse, infatti, non hanno contenuto informativo, ma solo decorativo. Se l'immagine, per, ha la funzione di aprire una nuova pagina, questa informazione va riportata nel title del link, oppure nellalt dellimmagine

Inserire un'immagine

Attraverso lattributo alt del tag img possibile fornire una descrizione dellimmagine:

Per inserire unimmagine in un articolo:aprire un nuovo articolo (Bacheca > Articoli > Aggiungi nuovo)

cliccare su Carica/Inserisci immagine

selezionare limmagine dal proprio computer

una volta caricata l'immagine, inserire un testo alternativo nell'apposito campo

cliccare sul pulsante Inserisci nellarticolo

Gestire i link

I collegamenti ipertestuali e gli eventuali attributi title devono essere leggibili.

Informare, in caso di link ad allegati, sul formato e il peso.

Inserire salta menu in modo da consentire di saltare aree ripetitive.

Inserire i link

Inserire lattributo title al linkaprire un nuovo articolo (Bacheca > Articoli > Aggiungi nuovo)

scrivere il testo e selezionare quello da linkare a un sito esterno

cliccare su Inserisci/Modifica link

scrivere lindirizzo web della risorsa e, a fianco di Titolo, la descrizione del link evitando di inserire pop-up o aperture di finestre indipendenti

in caso di documenti, ripetere la procedura, caricando prima limmagine e copiando ed incollando lindirizzo del link a fianco di Titolo in Inserisci/modifica link. Ricordarsi di aggiungere anche formato e dimensione del file

Inserire un video

Linserimento di video facilitato dalluso di appositi plugin come ad esempio Wordpress Video Plugin. Per inserire un video:aprire la pagina di Youtube contenente il video da

pubblicare e copiare lindirizzo web

inserire un nuovo articolo e spostarsi nel punto in cui si desidera inserire il video

scrivere [youtube id_video] (al posto di id_video inserire lidentificativo del video)

Accesskey: navigazione agevolata

Accesskey (tasti di accesso rapido): permettono di richiamare direttamente una pagina mediante una combinazione di tasti (shortcut: scorciatoie)importante aiuto alla navigazione in particolare per i non vedenti

agli utenti di screen reader questi tasti offrono la possibilit di navigare in maniera pi efficiente all'interno di un sito o di una singola pagina

funzionano anche con i browser normali. Il loro impiego dipende dal browser e dal sistema operativo