Il mio blog accessibile
-
Upload
guestafb6a178 -
Category
Education
-
view
894 -
download
1
Transcript of Il mio blog accessibile
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