Un sito che sia accessibile anche ai non vedenti e ipovedenti

Creare un sito che sia accessibile anche a non vedenti ed ipovedenti

Realizzazione siti web aziendali
Realizzazione siti web aziendali, a chi rivolgersi
28 aprile 2017
protocollo https
Proteggere un sito web con il protocollo https
14 gennaio 2018
Show all

Creare un sito che sia accessibile anche a non vedenti ed ipovedenti

non vedenti e ipovedenti

 

Intanto va detto che troppo spesso si trascurano particolari nella realizzazione di un sito che potrebbero rendere il sito accessibile anche a chi ha delle disabilità visive come i “non vedenti” o “gli ipovedenti”, cioè chi è privo della vista o ha funzionalità ridotte beneficia dell’uso del computer e delle tecnologie assistive per superare efficacemente le proprie difficoltà.

Con l’uso di internet si può fare acquisti on-line, effettuare operazioni bancarie, accedere alle notizie,alle università e alle loro banche dati, e, sopratutto socializzare e intrattenere rapporti con altre persone senza spostarsi. Internet per i non vedenti e molto importate.

Alcune Banali Regole da tenere in considerazione durente la realizzazione di un sito se lo si vuole rendere accessibile anche a chi ha problemi visivi (non vedenti e ipovedenti):

  • La dimensione del Carattere: la maggior parte degli ipovedenti riesce a distinguere molto bene un font di 14 punti (+1). Non sempre per una buona impaginazione si possono tenere queste dimensioni, in questi casi un utente ipovedente potrà utilizzare alcuni strumenti ingranditori per la lettura del monitor.
  • Testo: E’ importante non usare acronimi ed abbreviazioni in quanto potrebbero non essere interpretati correttamente dagli screen-reader.
  • Dati e Tabelle: se vi è la necessità d’inserire parecchi dati (es. risultati competizioni sportive, elenchi, o altro) meglio dare a questi dati una disposizione in tabelle con righe alterne di colori contrastanti. Cosa molto importante non inserire tabelle “Nidificate” in quanto si potrebbero sovrapporre. Limitare l’uso delle tabelle ai soli dati realmente tabellari.
  • Immagini : Attribuire ad ogni immagine un testo ALT significativo e una descrizione dell’immagine pertinente a quanto rappresenta, in quanto potranno essere letti dagli strumenti di accessibilità; facendo si che l’utente possa capire cosa rappresenta l’immagine E’ importnte inserire il testo ALT anche per gli elementi grafici inseriti nei link o nei bottoni.Dunque è fondamentale fornire EQUIVALENTI TESTUALI al contenuto multimediale (immagini, audio pre-registrati, video) in quanto Il testo può essere letto dalla sintesi vocale e la display braille
  • Contrasti di colore tra sfondi e caratteri: più accentuato è il contrasto, più agevole sarà la lettura. Assicurarsi che il testo e la parte grafica siano comprensibili se consultati senza il colore cioè con schermi MONOCROMATICI
  • Facilità di navigazione: Rendere la navigazione agevole, possibilmente con un unico menù e bottoni evidenti, è bene suddividere gli argomenti trattati in ogni pagina, le voci di e i loro contenuti devono essere ben identificabili e non ingannevoli.Se un sito è molto grande è ha un menù molto articolato è buona regola avvalersi dell’ausilio delle “Briciole di pane” o “Breadcrumb ” ovvero del percorso della pagina che si sta consultando. Il loro scopo è quello di fornire agli utenti un modo di tener traccia della loro posizione all’interno del sito.
  • I form di contatto o con altri fini: i campi devono essere nominati in maniera corretta, in particolar modo se si usano i TAG LABEL.Se è necessario usaredel testo descrittivo all’interno dei campi di testo per descrivere il dato da immettere, è importante che si cancelli appena si accede al campo.Nella realizazione dei form spesso è necessario usare delle note di spiegazione inserite tra un campo e l’altro, queste note devono essere formattate tramite CSS come SPAN nelle LABEL, in questo modo saremo sicuri che vengano lette correttamente.I pulsanti radio devono avere l’indicazione del comando che producono, molto ben leggibile
  • Da Evitare: immagini animate, sfondi sfumati, testi scorrevoli, in quanto compromettono l’accessibilità.

Validare l’accessibilità con strumenti automatici .I metodi automatizzati sono di solito rapidi e convenienti ma non riescono ad identificare tutti i problemi dell’accessibilità. La revisione umana da parte degli utenti con disabilità può aiutare ad assicurare la chiarezza di linguaggio e la facilità di navigazione.

Alcuni Strumenti di validazione di accessibilità :

http://www.validatore.it/vamola_validator/checker/index.php

http://wave.webaim.org

Altri link utili si possono trovare : nella pagina “LAU” Laboratorio di accessibilità e usabilita del CSI piemonte http://lau.csi.it/risorse/strumenti.shtml#test

Queste poche regole per un Web senza bariere, oltre ad agevolare le persone con deficit visivi, faranno si che anche chi non ha problemi di accessibilità non si perda nel cercare argomenti di suo interesse all’interno di un sito.

Segiumi anche su Google+

Summary
Un sito senza barriere che sia accessibile a non vedenti ed ipovedenti
Article Name
Un sito senza barriere che sia accessibile a non vedenti ed ipovedenti
Description
Per accessibilità si intende la possibiltà di un sito web di fornire informazioni e servizi che siano fruibili senza discriminazioni agli utenti. Esistono delle regole tecniche che, se rispettate, garantiscono la certezza di creare un sito senza barriere.
Author
Publisher Name
EW
Publisher Logo
Elisa Caudana
Elisa Caudana
Sono Elisa Caudana da sempre appassionata dal mondo web e informatico, mi sono avvicinata al mondo siti web come allieva autodidatta di HTML. A seguire un tot di corsi formativi e stage, oggi freelance e Realizzo Siti Web ed e-commerce, dinamici e responsive: che oltre ad essere funzionali e belli esteticamente, hanno un ottima predisposizione all’indicizzazione sui motori di ricerca pronti per una facile navigazione da dispositivo mobile. Inoltre hanno il grande vantaggio una volta realizzati, previa una breve formazione di poche ore, di poter essere gestiti in totale autonomia e semplicità. Seguimi anche su Google+
Loading...
//]]>