ACCESSIBILITA' DEI SITI WEB - Come ottenere un sito web accessibile APPERÒ srl
←
→
Trascrizione del contenuto della pagina
Se il tuo browser non visualizza correttamente la pagina, ti preghiamo di leggere il contenuto della pagina quaggiù
ACCESSIBILITA’ DEI SITI WEB
Come ottenere un sito web accessibile
APPERÒ srl
Referente del progetto: Domenica Sileo
Contatti tel: 3474866104
Mail: domenica.sileo@apperosrl.it
SOMMARIO
• Introduzione: accessibilità, inclusione e normativa
• Conoscere i criteri di accessibilità (Sito web e/o app mobili)
• Ottenere un sito accessibile
• Errori più comuni
• Verifiche ed Interventi da realizzare
• Verifiche di accessibilità tramite validatori automatici
Novembre 2021 2
Introduzione: Accessibilità, inclusione e normativa Novembre 2021 3
L’ACCESSIBILITÀ Lo sviluppo di soluzioni ICT, hardware, software, web-based per la PA ha come requisito fondamentale l’accessibilità La normativa sancisce che tutte le persone devono poter usare applicazioni software, siti Web, servizi on line, app, documenti elettronici, indipendentemente da eventuali limitazioni, ad esempio limitazioni fisiche, tecnologiche o ambientali. Novembre 2021 4
NORMATIVA
Legge Stanca, Legge 4/2004
• “Requisiti tecnici e i diversi livelli per l’accessibilità agli strumenti
informatici”
Agenzia per l’Italia Digitale (AgID)
• “Linee guida di design per i servizi web della Pubblica Amministrazione”
(identità digitale)
• Incentrate sull’accessibilità dei contenuti
• “ Linee guida AgID sull’accessibilità degli strumenti informatici “ - (in
vigore dal 10 gennaio 2020)
Novembre 2021 5
Accessibilità - Tecnologie assistive Capacità dei sistemi informatici, nelle forme e nei limiti consentiti dalle conoscenze tecnologiche, di erogare servizi e fornire informazioni fruibili, senza discriminazioni, anche da parte di coloro che, a causa di disabilità, necessitano di tecnologie assistive o configurazioni particolari Articolo 2, comma a, Legge 4/2004 Un esempio: il sito dell’ospedale con una tecnologia assistiva VoiceOver Novembre 2021 6
Il concetto di inclusione Nessun utente deve essere discriminato, anche se si trova ad operare in una situazione di particolare difficoltà fisica, e deve quindi poter fruire di tutte le informazioni e i servizi digitali rilasciati da un ente pubblico. Novembre 2021 7
Persone con varie tipologie di
“disabilità” in Italia
7ML 3ML 3ML 2,5ML
Novembre 2021 8
Progettare con l’accessibilità in mente Novembre 2021 9
Conoscere i criteri di accessibilità Novembre 2021 10
Prerequisito È necessario conoscere bene gli standard di progettazione e i vari riferimenti: il punto di partenza è senz’altro la sezione accessibilità del W3C (World Wide Web Consortium) Le WCAG 2.1 sono l’attuale riferimento tecnico (https://www.w3.org/WAI/ ) Novembre 2021 11
WAI – WCAG 2.1 (1/2)
• Pensare a non vedenti e non udenti
• evitare affidamento eccessivo su immagini
• “leggibilità” del contenuto
• Indipendenza dall’hardware
• dallo schermo
• dal browser
• dal dispositivo di puntamento
Novembre 2021 12WAI – WCAG 2.1 (2/2)
• Il WCAG 2.1 prevede 12 linee guida
• Articolandole in quattro dimensioni
• Percepibile (alternative testuali, responsive)
• Utilizzabile (es breadcrumb, intestazioni di sezioni)
• Comprensibile (lingua, parole inusuali)
• Robusto (compatibile con programmi attuali e futuri, con
tecnologie assistive
Novembre 2021 13WCAG 2.1: I livelli di accessibilità
3 Livelli di conformità per il WCAG
• Livello A
• requisiti che DEVONO essere seguiti
• Livello AA
• requisiti che dovrebbero essere seguiti
• altrimenti alcuni utenti avranno difficoltà
• Livello AAA
• requisiti che potrebbero essere seguiti
• per facilitare l’accesso ad alcuni categorie
Novembre 2021 14OBBLIGHI PER LA PA
• Garantire il livello di conformità AA
• Pubblicazione sul sito web degli obiettivi annuali di accessibilità
(Linee guida AGID accessibilità strumenti ICT: cap 4.2. ) entro il 31
marzo di ogni anno
• Dichiarazione di accessibilità (Rende pubblico lo stato di
conformità rispetto ai requisiti di accessibilità del sito web e
dell’APP mobile di cui l’Amministrazione è titolare)
• Monitoraggio periodico
Novembre 2021 15Livello di conformità AA 1/3 Rientrano in tale conformità i seguenti punti: • Alternative testuali (compresi i capitoli sottostanti) • Media temporizzati (compresi i capitoli sottostanti) • Informazioni e correlazioni • Sequenza significativa • Caratteristiche sensoriali Novembre 2021 16
Livello di conformità AA 2/3 • Uso del colore (Livello A - comprensione) • Controllo del sonoro (Livello A - comprensione) • Contrasto (minimo) • Ridimensionamento del testo • Immagini di testo Novembre 2021 17
Livello di conformità AA 3/3 • Tastiera • Nessun impedimento all’uso della tastiera • Adeguata disponibilità di tempo (compresi i capitoli sottostanti) • Convulsioni e reazioni fisiche (compresi i capitoli sottostanti) • Navigabile (compresi i capitoli sottostanti) • Comprensibile (compresi i capitoli sottostanti) • Analisi sintattica (parsing -tag) • Nome, ruolo, valore Novembre 2021 18
OTTENERE UN SITO ACCESSIBILE Novembre 2021 19
SITO WEB Insieme strutturato di pagine Web utilizzato per veicolare informazioni o erogare servizi, comunemente definito anche sito internet "Il contenuto dei siti web e delle applicazioni mobili comprende informazioni sia testuali che non testuali, documenti e moduli scaricabili e forme di interazione a due vie, per esempio il trattamento di moduli digitali e il completamento dei processi di autenticazione, identificazione e pagamento". Considerando n. 19, Direttiva UE 2016/2102 Novembre 2021 20
Accessibilità e caratteristiche del sito web L’accessibilità è una qualità che riguarda diverse caratteristiche di un sito web e di un software in generale, e va considerata in diversi momenti dello sviluppo, da diverse figure professionali: • Aspetto e contenuto (visual e content) • Struttura (develop) • Comportamento (interaction) Novembre 2021 21
Errori più comuni Novembre 2021 22
Aspetto 1/3
Contrasto tra primo piano e sfondo:
• il testo e il relativo sfondo devono rispettare un preciso rapporto di
contrasto, basato su un algoritmo.
I logotipi, il testo di grandi dimensioni e il testo volutamente reso poco
visibile non rientrano in questo controllo.
Novembre 2021 23Aspetto 2/3 Forma e colore: le informazioni che veicola una pagina non devono dipendere unicamente da aspetto, forma, colore, dimensione, ubicazione visiva, orientamento o suono. Di seguito esempi di alcuni tra i più comuni errori: – Identificare il contenuto solo dalla forma o dal colore – Usare unicamente simboli grafici per veicolare informazioni – Creare link che sono solamente di un colore diverso dal testo – Nei moduli online, la segnalazione dei campi obbligatori mancanti effettuata solo tramite il colore Novembre 2021 24
Aspetto 3/3 • Tempo sufficiente: deve essere possibile rimuovere il limite di tempo di visualizzazione di un oggetto nella pagina, o regolarne la scadenza, o estenderla facilmente prima del termine. Ad esempio attenzione a pubblicare un contenuto che “scorre” come un carousel di notizie. • Oggetti lampeggianti: le pagine Web non devono contenere nulla che lampeggi per più di tre volte al secondo. • Contenuti audio: prevedere funzionalità per metterlo in pausa o interromperlo. Novembre 2021 25
Struttura 1/3 Link e controlli: il codice del contenuto Web (es: HTML) va usato secondo le specifiche (es. un titolo è un Hn) e vanno esplicitate le relazioni tra elementi (es. i campi devono essere legati alle loro etichette) Esempio form senza etichette https://www.ospedalesancarlo.it/universita/iscrizione come migliorarla Novembre 2021 26
Struttura 2/3 Alternative a oggetti non testuali: tutti gli elementi non testuali, come immagini, grafici, infografiche, video e audio, devono avere un’alternativa testuale equivalente quando veicolano un significato, un’informazione o una funzione, come ad esempio il testo presente in un banner o in un bottone. Es di un’immagine senza alt Novembre 2021 27
Struttura 3/3 Ingrandimento: il testo si deve poter ingrandire del 200% senza perdita di contenuto o funzionalità, e quindi senza sovrapposizioni di elementi che lo rendano incomprensibile Novembre 2021 28
Comportamento 1/2 Link e controlli: tutti i componenti dell’interfaccia si devono poter utilizzare tramite comandi da tastiera analogamente a quanto si riesce a fare col mouse. Risulta quindi errato: – Permettere l’interazione con link, campi di un form, menu, bottoni solo tramite l’uso del mouse – Spostare il focus della tastiera dagli elementi nella pagina quando questi lo ricevono, o si aggiornano Novembre 2021 29
Comportamento 2/2 Valore, ruolo e stato: è meglio utilizzare i componenti standard dell’HTML e rendere maggiormente “visibili” gli elementi che ricevono il focus. Se si utilizzano componenti non standard, verificare che valore, ruolo e stato degli elementi siano sempre resi disponibili all’utente, in particolare alle tecnologie assistive (vedi WAI ARIA) Novembre 2021 30
Verifiche ed interventi da realizzare Novembre 2021 31
Verifiche 1/2
• Verifiche di accessibilità tramite validatori automatici
disponibili online (es: MAUVE, Site improve) per il
1. miglioramento moduli e formulari presenti sul sito/i
2. lo Sviluppo, o rifacimento, del sito/i
3. interventi di tipo adeguativo e/o correttivo ai criteri di accessibilità
(Siti web e/o app mobili )
Novembre 2021 32Verifiche 2/2
• Valutazione sull’accessibilità del portale tramite modello di
autovalutazione (allegato 2 Linee guida AGID)
• Analisi dei risultati e verifiche puntuali con il fornitore
Novembre 2021 33Attività da fare
• Impostare il meccanismo di feedback per gli utenti, attraverso il quale
segnalare problemi di accessibilità
• Analizzare le segnalazioni ricevute attraverso un form presente sulle
pagine del sito, progettato per raccogliere feedback su aspetti di
usabilità e accessibilità
• Inviare e pubblicare la dichiarazione di accessibilità basandosi sulle
analisi svolte
• Sensibilizzare l’organizzazione all’accessibilità → linee guida per i
redattori
Novembre 2021 34Nel dettaglio
Diffondere linee guida per i redattori:
1. Come rendere documenti/pdf accessibili
2. Come strutturare un contenuto accessibile
Novembre 2021 35Verifiche di accessibilità tramite validatori automatici Novembre 2021 36
Come raggiungere l’obiettivo
• Avere un sito web realizzato con framework per lo sviluppo
accessibile
• Usare i sistemi automatizzati per la verifica
• Valutazione umana («le WCAG sono progettate (...) per
essere verificabili tramite una combinazione di test automatici
e valutazione umana» )
Novembre 2021 37Cosa esaminare in un sito web
• Pagine contenenti il meccanismo
• Home page
di feedback
• Pagina di accesso
• Esempi di pagine dall'apparenza
• Pagina dei contatti sostanzialmente distinta o che
• Pagina della guida on-line e le presentano una tipologia di
pagine contenenti le informazioni contenuti diversa
legali • Almeno un documento non web,
• Almeno una pagina pertinente per pertinente scaricabile, dove
ciascuna tipologia di servizio offerto applicabile, per ciascun tipo di
dal sito web o dall’applicazione servizio offerto dal sito web o
mobile e per qualsiasi altro utilizzo dall'applicazione mobile e per
principale previsto, compresa la qualsiasi altro utilizzo principale
funzionalità di ricerca; previsto
Novembre 2021 38Verifichiamo la conformità
Analizziamo un sito web
• Attivare Site improve (Chrome) e
specificare il livello AA
• Usare screen reader tra JAWS per
Windows o VoiceOver per Mac e iOS
Novembre 2021 39Riferimenti 1/2
• Definizione Accessibilità
• https://www.w3.org/WAI/
• https://www.agid.gov.it/it/design-
servizi/accessibilita/dichiarazione-accessibilita
• https://www.agid.gov.it/sites/default/files/repository_files/desi
gn-italia.pdf
Novembre 2021 40Riferimenti 2/2 • Contenuti accessibili – Celechin • Inclusività e Accessibilità, Conti – Maggio 2021 • ATAG 2.0 Guidelines Testing Tool Novembre 2021 41
Puoi anche leggere
