Accessibilità Digitale

Cosa si intende con il termine "Accessibilità Digitale" (Web Accessibility)?. La possibilità di connettersi a Internet gratuitamente dalle piazze della città. La pratica di progettare e sviluppare siti web, app e tecnologie in modo che possano essere utilizzati facilmente da tutte le persone, incluse quelle con disabilità visive, uditive, motorie o cognitive. La capacità di un sito web di essere tradotto in tutte le lingue del mondo. Il diritto di scaricare film e musica senza pagare il copyright.

Qual è la funzione di un software "Screen Reader" (Lettore di schermo)?. È un filtro che scurisce lo schermo per non affaticare la vista. È un programma che traduce automaticamente i testi dall'inglese all'italiano. È una tecnologia assistiva che legge ad alta voce (tramite sintesi vocale) o converte in Braille tutto ciò che appare sullo schermo, permettendo alle persone non vedenti o ipovedenti di navigare e interagire con il computer. È uno strumento usato dagli hacker per rubare le password digitate sullo schermo.

Stai caricando la foto di un paesaggio sul sito web della scuola. Il sistema ti chiede di inserire un "Testo Alternativo" (Alt Text). Perché è fondamentale per l'accessibilità?. Serve a far posizionare la foto più in alto su Google Immagini. Fornisce una descrizione testuale del contenuto dell'immagine. Se un utente non vedente naviga con uno screen reader, il software leggerà questo testo per fargli capire cosa rappresenta la foto. Serve a impedire che la foto venga copiata e scaricata da altri utenti. È un testo che appare con effetti speciali quando ci passi sopra il mouse.

Come si garantisce l'accessibilità di un contenuto video per una persona non udente?. Aumentando il volume del video al massimo. Inserendo una traccia musicale di sottofondo molto forte. Inserendo sottotitoli sincronizzati (Captions) che trascrivano i dialoghi e indichino eventuali effetti sonori importanti per la comprensione. Pubblicando il video solo in bianco e nero.

Se un sito web è accessibile, come dovrebbe poter essere navigato da una persona con gravi disabilità motorie che non può fisicamente utilizzare un mouse?. Esclusivamente utilizzando il pensiero tramite un casco neurale. Il sito deve essere completamente navigabile e utilizzabile usando solo la tastiera (es. tasti Tab, Invio, Frecce direzionali) o dispositivi equivalenti (es. sensori a soffio, puntatori oculari). Non può navigarlo, i siti web sono fatti appositamente per chi usa il mouse. Chiamando un numero verde e facendosi leggere il sito al telefono.

Cosa permette di fare lo strumento "Lente di ingrandimento" (o Zoom) integrato nei sistemi operativi per supportare l'accessibilità?. Trovare file nascosti all'interno delle cartelle del disco fisso. Ingrandire porzioni dello schermo o l'intera interfaccia per permettere alle persone ipovedenti di leggere i testi o distinguere le icone senza perdere definizione. Correggere automaticamente gli errori grammaticali nei testi piccoli. Aumentare la potenza del segnale Wi-Fi.

Spesso si pensa che l'accessibilità digitale serva "solo a poche persone con disabilità permanenti". Perché questa affermazione è sbagliata?. Perché i disabili non usano internet. Perché l'accessibilità migliora l'esperienza di tutti (Universal Design), aiutando anche chi ha disabilità temporanee (es. un braccio rotto), situazionali (es. guardare un video in un treno rumoroso senza cuffie) o legate all'invecchiamento. Perché l'accessibilità serve esclusivamente ai bambini delle scuole elementari. Perché l'accessibilità è solo una tassa imposta dai governi.

I comandi vocali (come Siri, Assistente Google, o la digitazione vocale) sono diventati di uso comune. Come si inquadrano nel contesto dell'accessibilità?. Sono tecnologie nate per spiare gli utenti. Sono potentissime tecnologie assistive: permettono a chi ha disabilità motorie o visive di scrivere testi lunghi, aprire app e controllare il dispositivo semplicemente parlando, scavalcando la necessità di toccare lo schermo. Servono solo ad ascoltare la musica in macchina. Rallentano i dispositivi e andrebbero sempre disattivati.

Quando un documento ufficiale viene pubblicato su un sito della Pubblica Amministrazione, perché si sconsiglia vivamente di caricarlo come "immagine scannerizzata" (es. una foto di un foglio di carta)?. Perché le immagini consumano troppa memoria del server. Perché un file immagine, senza una trascrizione o un riconoscimento ottico dei caratteri (OCR), è un "muro nero" inaccessibile per gli screen reader dei non vedenti, che non possono leggerne il testo all'interno. Perché le foto dei documenti perdono i colori originali della carta. Perché le immagini non possono essere stampate a colori.

Dal punto di vista dei diritti umani, l'inaccessibilità di un sito web per servizi essenziali (es. prenotare una visita medica o accedere alla banca) cosa costituisce?. Un semplice bug tecnico senza importanza. Una grave forma di discriminazione digitale e di barriera architettonica virtuale, che nega a una categoria di cittadini il diritto all'inclusione, alla salute o alla partecipazione sociale sancito dall'ONU. Un modo per spingere le persone a uscire di casa e fare movimento. Un risparmio economico giustificato per l'azienda che gestisce il sito.

Perché nel web design accessibile si insiste molto sull'importanza del "Contrasto cromatico" (Color Contrast)?. Per rendere il sito più moderno e simile a un videogioco. Perché un basso contrasto tra il colore del testo e quello dello sfondo (es. testo grigio chiaro su sfondo bianco) rende la lettura impossibile o faticosa per persone ipovedenti, anziane o con daltonismo. Perché fa risparmiare batteria sugli smartphone degli utenti. Perché i monitor vecchi non supportano i colori troppo accesi.

Quando inserisci un link (collegamento ipertestuale) nel testo di un articolo, perché è un grave errore di accessibilità scrivere la frase "Clicca qui"?. Perché i motori di ricerca cancellano la pagina. Perché gli utenti che usano uno screen reader spesso scorrono la pagina saltando da un link all'altro fuori contesto. Se il link si chiama "Clicca qui", l'utente non avrà alcuna idea della destinazione del link. Il testo del link deve essere descrittivo (es. "Scarica il modulo di iscrizione"). Perché "clicca" è un termine che può essere usato solo se l'utente ha un mouse, escludendo chi usa i touch screen. Perché i link devono essere sempre nascosti per sicurezza.

Nella stesura di una pagina web o di un documento Word, a cosa serve l'uso corretto della gerarchia delle intestazioni (H1, H2, H3 / Titolo 1, Titolo 2)?. Serve unicamente a rendere il testo più grande o più piccolo dal punto di vista estetico. Serve a dare una struttura logica e semantica (un "indice" invisibile) al documento. Gli screen reader utilizzano questa struttura per permettere agli utenti non vedenti di saltare rapidamente da una sezione all'altra senza dover ascoltare tutto il testo riga per riga. Serve a criptare il documento contro la copia illegale. Serve a evidenziare gli errori ortografici.

Se un sito ha contenuti in continuo movimento, lampeggianti o video in autoplay, quale funzione di accessibilità deve obbligatoriamente fornire per tutelare l'utente?. Un pulsante per cambiare i colori del video. Un meccanismo per mettere in pausa, fermare o nascondere l'animazione. Questo è fondamentale sia per chi ha disturbi dell'attenzione, sia per evitare di scatenare crisi nelle persone affette da epilessia fotosensibile. Un tasto per scaricare il video in bassa risoluzione. Un collegamento per condividere il video sui social media.

Stai compilando un modulo (form) online per fare un acquisto. L'etichetta del campo per inserire il nome sparisce non appena inizi a digitare. Perché questo è un problema di accessibilità cognitiva?. Perché non ti permette di cambiare la lingua della tastiera. Se l'etichetta sparisce (uso errato del placeholder), un utente con problemi di memoria a breve termine o disabilità cognitive, se distratto, potrebbe dimenticare cosa stava digitando in quel campo. Le etichette (Label) devono restare sempre visibili. Perché il campo diventerà invisibile anche ai motori di ricerca. Perché i moduli senza etichette rifiutano le carte di credito.

A livello di "Accessibilità Cognitiva", quali sono le raccomandazioni principali per scrivere testi sul web (es. per persone con dislessia o deficit cognitivi)?. Usare frasi molto lunghe, parole latine, font calligrafici complessi e testi completamente giustificati. Usare un linguaggio semplice e diretto (Plain Language), frasi brevi, elenchi puntati, font bastoni (sans-serif) ad alta leggibilità ed evitare il testo giustificato che crea "fiumi bianchi" tra le parole. Scrivere tutto il testo in lettere maiuscole per attirare l'attenzione. Sostituire tutte le parole con icone e disegni animati.

Cos'è un'Audiidescrizione (Audio Description) associata a un prodotto multimediale come un film o un documentario?. È la colonna sonora del film venduta separatamente. È una traccia audio aggiuntiva che, durante le pause dei dialoghi, descrive a voce alta le azioni visive, le espressioni facciali, i costumi e i cambi di scena, permettendo a una persona non vedente di comprendere appieno lo svolgimento della trama visiva. È il commento del regista su come ha girato la scena. È un file di testo che riassume la trama del film.

Quando un utente naviga un sito solo tramite la tastiera (usando il tasto TAB per spostarsi tra i link), quale elemento grafico è indispensabile per non farlo "perdere" nello schermo?. Un video introduttivo che spiega come usare il sito. Il "Focus Indicator" (Indicatore di focus): un contorno visivo evidente (solitamente un riquadro o una sottolineatura) che si sposta dinamicamente e mostra esattamente su quale pulsante o link si trova posizionato il cursore in quel momento. Il cursore del mouse deve diventare gigantesco. La pagina deve cambiare colore di sfondo a ogni pressione del tasto.

Devi mostrare un grafico a torta complesso per spiegare il bilancio della tua scuola. Per renderlo accessibile, oltre al grafico visivo, cosa devi fornire?. Un'immagine del grafico in bianco e nero. Un'alternativa testuale strutturata (come una tabella dati o una spiegazione estesa nel corpo del testo) che riporti tutti i valori numerici presenti nel grafico, in modo che possano essere compresi anche da chi non può vedere l'immagine. Il file sorgente di Excel con le macro di calcolo attivate. Un video in cui disegni il grafico a mano.

Se un sito web in cui il colore rosso significa "Errore" e il colore verde significa "Corretto" (ad esempio in un modulo), quale regola d'oro dell'accessibilità stai rischiando di violare?. Il colore da solo non deve mai essere l'unico mezzo visivo utilizzato per trasmettere un'informazione, indicare un'azione o richiedere una risposta. Per un utente daltonico (es. deuteranopia), rosso e verde potrebbero sembrare identici. Bisogna sempre affiancare al colore un'icona, un simbolo o un testo esplicito. I colori rosso e verde sono riservati per legge solo ai semafori stradali. Il colore verde consuma troppa batteria sui dispositivi mobili. I siti web accessibili devono essere obbligatoriamente in scala di grigi.

Chi emana e aggiorna le linee guida internazionali per l'accessibilità dei contenuti web, diventate lo standard tecnico di riferimento in tutto il mondo?. Il Parlamento Europeo con una votazione annuale. Il W3C (World Wide Web Consortium) attraverso la sua iniziativa WAI (Web Accessibility Initiative), che redige le linee guida note come WCAG (Web Content Accessibility Guidelines). Una commissione formata da Google, Apple e Microsoft. L'Organizzazione Mondiale della Sanità (OMS).

Le linee guida WCAG si basano su quattro principi fondamentali (l'acronimo POUR). Un sito web accessibile deve essere: Programmato, Ottimizzato, Unico, Rapido. Percepibile, Operabile, Comprensibile (Understandable), Robusto. Privato, Ordinato, Universale, Ristretto. Potente, Orgoglioso, Utile, Redditizio.

Cosa misurano i livelli di conformità "A", "AA" e "AAA" definiti dalle WCAG?. Il livello di difficoltà dei videogiochi presenti sul sito. Il grado di accessibilità raggiunto dal sito. Il livello "A" è il requisito minimo indispensabile, il livello "AA" è lo standard di accettabilità legale richiesto in quasi tutti i paesi europei, mentre "AAA" rappresenta il massimo livello di accessibilità e inclusione possibile (spesso applicabile solo a contenuti specifici). L'età minima consigliata per visualizzare i contenuti del sito. La velocità di caricamento delle pagine web sulle reti 5G.

Se utilizzi un tool automatico (come Lighthouse o WAVE) per analizzare l'accessibilità del tuo sito web, quanti e quali problemi può mediamente scoprire da solo?. Può scoprire il 100% degli errori, sostituendo completamente l'analisi umana. Non serve a nulla, i tool automatici riconoscono solo i bug di sicurezza. Può scoprire solo una percentuale limitata di errori (circa il 20-30%), come l'assenza tecnica dell'attributo "alt" o errori di contrasto. Tuttavia, non può valutare la qualità, il senso o la logica del contenuto (es. non sa se il testo alternativo descrive correttamente l'immagine), richiedendo sempre un test umano e manuale. Analizza solo se il sito è stato scritto in lingua inglese.

Sei uno sviluppatore e stai creando un "Menu a tendina" (Dropdown) personalizzato. Affinché uno screen reader possa comunicare all'utente che quel menu è "espanso" o "collassato", quale tecnologia tecnica devi implementare nel codice HTML?. Le impostazioni del firewall del server. I tag e gli attributi WAI-ARIA (Accessible Rich Internet Applications), come ad esempio 'aria-expanded="true"'. L'ARIA serve a colmare le lacune semantiche dell'HTML comunicando agli screen reader lo stato dinamico e il ruolo dei componenti complessi dell'interfaccia. Un file audio in formato MP3 che dice "Aperto" e "Chiuso". Cambiare l'estensione del sito web in ".access".

Nel principio WCAG della "Robustezza" (Robustness), cosa si richiede a un sito web per essere definito accessibile?. Che i server non vadano in crash se ci sono troppi visitatori contemporaneamente. Che il contenuto sia abbastanza robusto da essere interpretato in modo affidabile da un'ampia varietà di "user agent" (browser attuali e futuri) e, soprattutto, che sia compatibile senza errori con le Tecnologie Assistive (screen reader, software di dettatura). Che il sito web non possa mai essere hackerato. Che le immagini pesino almeno 5 Megabyte per non sgranare.

Per agevolare chi naviga esclusivamente tramite tastiera, quale link "invisibile" viene raccomandato di inserire come primissimo elemento del codice HTML (visibile solo se si preme il tasto Tab)?. Un link per scaricare un antivirus gratuito. Il link "Vai al contenuto principale" (Skip to main content). Permette agli utenti di saltare i lunghi menu di navigazione ripetitivi presenti in cima a ogni singola pagina, passando immediatamente al testo dell'articolo. Un link per spegnere il monitor. Un link per tradurre il sito in linguaggio dei segni.

Un video sul tuo sito mostra una persona che illustra un procedimento tecnico parlando, ma appaiono anche scritte a schermo che non vengono lette ad alta voce. Come adempi in modo avanzato all'accessibilità per le persone sorde e per quelle non vedenti contemporaneamente?. Mettendo il video in muto. Fornendo una "Trascrizione Descrittiva" (Transcript) sotto il video: un file di testo che unisce tutte le battute parlate (utile per i sordi e gli screen reader) con la descrizione testuale di tutte le azioni e le scritte visive importanti (utile per i non vedenti). Modificando il video in un file audio. Inserendo solo i sottotitoli in lingua straniera.

Hai programmato una finestra "Pop-up" (Modale) che appare sullo schermo per chiedere l'iscrizione alla newsletter. Come si gestisce il "Focus" per rendere questo pop-up accessibile da tastiera?. Il focus deve essere disabilitato per evitare che l'utente clicchi per sbaglio. Il focus della tastiera deve essere "intrappolato" (Focus Trap) all'interno del pop-up finché questo non viene chiuso (impedendo all'utente di tabulare sugli elementi oscurati in secondo piano). Quando il pop-up viene chiuso, il focus deve ritornare esattamente al pulsante che lo aveva originariamente aperto. Il pop-up deve chiudersi da solo dopo 3 secondi per non disturbare. Il pop-up deve obbligare l'utente a cliccare con il mouse per scomparire.

Nell'attributo <html lang="it"> all'inizio del codice di un sito, a cosa serve definire la lingua per l'accessibilità?. Serve a far tradurre il sito automaticamente da Google Translate. Istruisce lo Screen Reader su quale motore di sintesi vocale e pronuncia utilizzare. Se un testo italiano è etichettato per errore come "en" (inglese), lo screen reader leggerà le parole italiane applicando l'accento e la fonetica inglese, risultando incomprensibile all'utente non vedente. Serve a mostrare il sito solo agli indirizzi IP italiani. Cambia il colore della bandiera nella barra del browser.

In Italia, quale legge (e successivi aggiornamenti) stabilisce l'obbligo legale per la Pubblica Amministrazione e per le grandi aziende private di rendere accessibili i propri siti web e app mobili, recependo le direttive europee?. La Legge sulla Privacy (GDPR). La Legge Stanca (Legge 4/2004) "Disposizioni per favorire l'accesso dei soggetti disabili agli strumenti informatici", integrata dalle Linee Guida di AgID. Il Codice del Consumo. La Direttiva Copyright.

Dal 2025, in tutta Europa, entrerà in piena applicazione l'European Accessibility Act (EAA - Direttiva 2019/882). Qual è la portata rivoluzionaria di questa direttiva rispetto al passato?. Obbligherà tutti i cittadini europei a usare i comandi vocali. Estende gli stringenti obblighi di accessibilità (finora relegati soprattutto al settore pubblico) a una vasta gamma di prodotti e servizi privati chiave nel mercato interno, tra cui e-commerce, servizi bancari, terminali self-service (bancomat), e-book, smartphone e servizi di trasporto passeggeri. Riguarda esclusivamente l'accessibilità fisica degli edifici pubblici (es. rampe per disabili), ma non il digitale. Impone la gratuità totale di internet per le persone con disabilità.

In un'applicazione web "Single Page" (SPA) in cui il contenuto si aggiorna dinamicamente senza ricaricare la pagina (es. compare un messaggio "Salvataggio riuscito"), come si avvisa un utente cieco che naviga con lo screen reader di questo cambiamento visivo improvviso?. Emettendo un forte segnale acustico (beep) generato dal server. Utilizzando un'area ARIA "Live Region" (es. attributo aria-live="polite"). Questo tag istruisce lo screen reader a intercettare il nuovo testo comparso nel codice sorgente e ad annunciarlo vocalmente all'utente, senza interrompere quello che stava già leggendo. Costringendo l'utente a ricaricare l'intera pagina web premendo F5. Non è possibile avvisarlo; gli screen reader leggono la pagina solo una volta al caricamento iniziale.

Cosa rappresenta l'"Accessibility Tree" (Albero dell'Accessibilità) generato dal browser?. È un grafico a forma di albero che mostra quanto un sito sia ecologico (Green Web). È una struttura dati parallela al DOM (Document Object Model) creata dal browser, che "ripulisce" il codice HTML da tutto lo stile visivo (CSS) ed espone alle Tecnologie Assistive solo le informazioni semantiche rilevanti (Ruolo, Nome, Stato, Valore) degli elementi dell'interfaccia utente. È un elenco di tutti i virus bloccati dall'antivirus durante la navigazione. È la sitemap del sito visibile a piè di pagina.

Qual è la "Prima Regola dell'uso di ARIA" (WAI-ARIA) per gli sviluppatori frontend?. Usare sempre attributi ARIA personalizzati per sostituire il vecchio HTML. Nessun ARIA è meglio di un cattivo ARIA: se puoi usare un elemento HTML5 nativo (es. <button> o <nav>) che possiede già la semantica e il comportamento accessibile integrato di default, non usare un elemento neutro (es. <div>) riempiendolo di ruoli ARIA per simulare un pulsante. Inserire il tag aria-hidden="true" su ogni elemento del sito per maggiore sicurezza. Usare ARIA solo se si programma in linguaggio Python.

Le linee guida WCAG 2.2 hanno introdotto nuovi criteri per il "Focus Appearance" e per l'area di tocco sui dispositivi mobili. Qual è il requisito minimo (Target Size) per un pulsante o link cliccabile (touch) per evitare che persone con tremori o problemi di motricità fine clicchino per sbaglio l'elemento vicino?. Deve essere grande almeno quanto metà dello schermo. La dimensione dell'area di tocco (target) dell'interfaccia utente deve essere di almeno 24x24 pixel CSS (o 44x44 pixel per criteri più stringenti), includendo eventuale spazio di spaziatura, per permettere una pressione del dito accurata. Deve poter essere cliccato solo usando uno speciale pennino capacitivo. Non ci sono dimensioni minime, l'importante è che il pulsante sia di colore rosso.

Nella creazione di PDF accessibili (Standard PDF/UA), qual è il requisito tecnico infrastrutturale che li differenzia dai PDF standard usati per la semplice stampa?. Sono stampati con inchiostro Braille. Contengono un "Albero dei Tag" (Tagged PDF). I tag invisibili mappano l'ordine di lettura e la semantica del documento (titoli, paragrafi, tabelle, testi alternativi delle immagini), garantendo che uno screen reader non legga le colonne di testo in un ordine confuso basato sulla posizione geometrica sul foglio. Possono essere aperti solo se inseriti in un'email certificata (PEC). Hanno una password di protezione che sblocca i file multimediali interni.

Le linee guida WCAG 2.2 hanno affrontato il problema dell''Autenticazione Cognitiva'. Cosa significa questo in pratica per l'accessibilità dei login?. Che bisogna usare test del Q.I. per far accedere gli utenti. Che i siti non dovrebbero obbligare gli utenti a risolvere puzzle complessi (es. memorizzare password senza poter fare copia/incolla, o eseguire calcoli matematici/riconoscimenti visivi complessi) come unico modo per fare il login, poiché escludono persone con disabilità cognitive o di memoria. Vanno offerti metodi alternativi come il riconoscimento biometrico o i link magici via email. Che l'intelligenza artificiale deve bloccare gli utenti che leggono troppo lentamente. Che la password deve essere cambiata ogni 24 ore.

Se un utente interagisce con un sito web tramite "Switch Access" (un singolo pulsante fisico o interruttore per persone con tetraplegia), come naviga materialmente l'interfaccia?. Parlando al microfono del dispositivo. Il software esegue una "scansione" automatica e sequenziale degli elementi cliccabili sullo schermo (riga per riga o blocco per blocco); quando il sistema evidenzia l'elemento desiderato, l'utente preme fisicamente il singolo interruttore per selezionarlo/attivarlo. Guardando intensamente lo schermo finché non si attiva l'elemento. Muovendo fisicamente il monitor del computer.

Nella governance dell'accessibilità di un'organizzazione, cos'è una "Dichiarazione di Accessibilità" (Accessibility Statement)?. Un documento legale in cui si dichiara che i disabili non possono usare il sito per motivi di sicurezza aziendale. Una pagina pubblica obbligatoria in cui l'ente dichiara formalmente il livello di conformità (es. WCAG 2.1 AA) raggiunto dal proprio sito o app, elenca in modo trasparente i contenuti attualmente non accessibili (specificandone il motivo) e fornisce un "Meccanismo di Feedback" tramite cui gli utenti possono segnalare barriere o richiedere documenti in formati alternativi. Il certificato di iscrizione della Camera di Commercio. Un manifesto pubblicitario stampato e affisso nei Comuni.