Stato di conformità

Crediamo fermamente che Internet debba essere disponibile e accessibile a chiunque e ci impegniamo a offrire un sito web accessibile al pubblico più ampio possibile, indipendentemente da condizioni e abilità.

Per raggiungere questo obiettivo, puntiamo ad aderire nel modo più rigoroso possibile alle Web Content Accessibility Guidelines 2.1 (WCAG 2.1) del World Wide Web Consortium (W3C), al livello AA. Queste linee guida spiegano come rendere i contenuti web accessibili alle persone con un’ampia gamma di disabilità. La conformità a tali linee guida ci aiuta a garantire che il sito sia accessibile a tutte le persone: persone cieche, persone con disabilità motorie, persone con disabilità visive, persone con disabilità cognitive e altro ancora.

Questo sito web utilizza diverse tecnologie pensate per renderlo il più accessibile possibile in ogni momento. Utilizziamo un’interfaccia di accessibilità che consente alle persone con specifiche disabilità di regolare l’UI (interfaccia utente) del sito e adattarne il design alle proprie esigenze personali.

Inoltre, il sito web utilizza un’applicazione basata su intelligenza artificiale che opera in background e ottimizza costantemente il livello di accessibilità. Questa applicazione corregge l’HTML del sito e adatta funzionalità e comportamento per gli screen reader utilizzati dagli utenti ciechi e per le funzioni da tastiera utilizzate da persone con disabilità motorie.

Se hai riscontrato un malfunzionamento o hai idee per miglioramenti, saremo felici di ascoltarti. Puoi contattare i gestori del sito utilizzando il seguente indirizzo email niptvarelli@istitutovarelli.it

Navigazione con screen reader e tastieran

Il nostro sito implementa la tecnica degli attributi ARIA (Accessible Rich Internet Applications), insieme a diverse modifiche comportamentali, per garantire che gli utenti ciechi che visitano il sito con screen reader possano leggere, comprendere e utilizzare le funzionalità del sito. Non appena un utente con screen reader entra nel sito, riceve immediatamente un prompt per attivare il Profilo Screen Reader, così da poter navigare e usarlo in modo efficace. Ecco come il nostro sito copre alcuni dei requisiti più importanti per gli screen reader, insieme a screenshot della console con esempi di codice:

Ottimizzazione per screen reader: eseguiamo un processo in background che “apprende” i componenti del sito dall’alto verso il basso, per garantire una conformità continua anche durante gli aggiornamenti del sito. In questo processo, forniamo agli screen reader dati significativi usando l’insieme di attributi ARIA. Ad esempio, forniamo etichette corrette per i moduli; descrizioni per icone azionabili (icone social, icone di ricerca, icone del carrello, ecc.); indicazioni di validazione per gli input dei moduli; ruoli degli elementi come pulsanti, menu, finestre di dialogo modali (popup) e altri. Inoltre, il processo in background scansiona tutte le immagini del sito e fornisce una descrizione accurata e significativa basata sul riconoscimento degli oggetti come tag ALT (testo alternativo) per le immagini non descritte. Estrae anche testi incorporati nelle immagini tramite tecnologia OCR (riconoscimento ottico dei caratteri). Per attivare in qualsiasi momento le regolazioni per screen reader, gli utenti devono solo premere la combinazione da tastiera Alt+1. Gli utenti di screen reader ricevono inoltre annunci automatici per attivare la modalità Screen Reader non appena entrano nel sito.

Queste regolazioni sono compatibili con tutti i principali screen reader, inclusi JAWS e NVDA.

Ottimizzazione della navigazione da tastiera: il processo in background adatta anche l’HTML del sito e aggiunge diversi comportamenti tramite codice JavaScript per rendere il sito utilizzabile da tastiera. Questo include la possibilità di navigare nel sito usando i tasti Tab e Shift+Tab, gestire i menu a tendina con i tasti freccia, chiuderli con Esc, attivare pulsanti e link con il tasto Invio, navigare tra radio button e checkbox con i tasti freccia e selezionarli con la barra spaziatrice o Invio. Inoltre, gli utenti che navigano da tastiera troveranno menu di navigazione rapida e salti al contenuto (skip menu), disponibili in qualsiasi momento cliccando Alt+1 oppure come primi elementi del sito durante la navigazione da tastiera. Il processo in background gestisce anche i popup spostando il focus della tastiera su di essi non appena compaiono e impedendo che il focus esca dalla finestra.

Gli utenti possono anche usare scorciatoie come “M” (menu), “H” (intestazioni), “F” (moduli), “B” (pulsanti) e “G” (grafica) per saltare a elementi specifici.

Profili di disabilità supportati sul nostro sito

• Modalità Sicura per Epilessia: questo profilo consente alle persone con epilessia di usare il sito in sicurezza eliminando il rischio di crisi dovute ad animazioni lampeggianti o intermittenti e a combinazioni di colori rischiose.

• Modalità Ipovedenti: questa modalità adatta il sito per la comodità di utenti con disabilità visive come peggioramento della vista, visione a tunnel, cataratta, glaucoma e altre.

• Modalità Disabilità Cognitive: questa modalità offre diverse opzioni assistive per aiutare utenti con disabilità cognitive come dislessia, autismo, CVA (ictus) e altre a concentrarsi sugli elementi essenziali del sito con maggiore facilità.

• Modalità Adatta all’ADHD: questa modalità aiuta le persone con ADHD e disturbi del neurosviluppo a leggere, navigare e concentrarsi sugli elementi principali del sito riducendo significativamente le distrazioni.

• Modalità Cecità: questa modalità configura il sito per essere compatibile con screen reader come JAWS, NVDA, VoiceOver e TalkBack. Uno screen reader è un software per utenti ciechi installato su computer e smartphone, e i siti devono essere compatibili con esso.

• Profilo Navigazione da Tastiera (Disabilità Motorie): questo profilo consente alle persone con disabilità motorie di utilizzare il sito tramite i tasti Tab, Shift+Tab e Invio. Gli utenti possono anche usare scorciatoie come “M” (menu), “H” (intestazioni), “F” (moduli), “B” (pulsanti) e “G” (grafica) per saltare a elementi specifici.

Ulteriori regolazioni dell’UI, del design e della leggibilità

1. Regolazioni dei font – gli utenti possono aumentare o diminuire la dimensione del testo, cambiare famiglia (carattere), regolare spaziatura, allineamento, altezza di riga e altro.

2. Regolazioni dei colori – gli utenti possono selezionare diversi profili di contrasto (chiaro, scuro, invertito e monocromatico). Inoltre, possono modificare gli schemi colore di titoli, testi e sfondi con oltre sette diverse opzioni.

3. Animazioni – le persone con epilessia possono fermare tutte le animazioni in esecuzione con un clic. Le animazioni controllate dall’interfaccia includono video, GIF e transizioni lampeggianti in CSS.

4. Evidenziazione dei contenuti – gli utenti possono scegliere di mettere in evidenza elementi importanti come link e titoli. Possono anche scegliere di evidenziare solo gli elementi in focus o al passaggio del mouse.

5. Disattivazione audio – gli utenti con dispositivi acustici potrebbero avere mal di testa o altri problemi a causa della riproduzione automatica dell’audio. Questa opzione permette di silenziare immediatamente l’intero sito.

6. Disturbi cognitivi – utilizziamo un motore di ricerca collegato a Wikipedia e Wiktionary, che consente alle persone con disturbi cognitivi di comprendere il significato di frasi, sigle, slang e altro.

7. Funzioni aggiuntive – offriamo la possibilità di cambiare colore e dimensione del cursore, usare una modalità di stampa, abilitare una tastiera virtuale e molte altre funzioni.

Compatibilità con browser e tecnologie assistive

Puntiamo a supportare la più ampia gamma possibile di browser e tecnologie assistive, così che gli utenti possano scegliere gli strumenti più adatti con il minor numero di limitazioni possibile. Per questo motivo, abbiamo lavorato molto per supportare tutti i principali sistemi che rappresentano oltre il 95% della quota di mercato degli utenti, inclusi Google Chrome, Mozilla Firefox, Apple Safari, Opera e Microsoft Edge, nonché JAWS e NVDA (screen reader).

Note, commenti e feedback

Nonostante i nostri migliori sforzi per permettere a chiunque di adattare il sito alle proprie esigenze, potrebbero ancora esserci pagine o sezioni non completamente accessibili, in fase di adeguamento, oppure prive di una soluzione tecnologica adeguata per renderle accessibili. Continuiamo comunque a migliorare l’accessibilità, aggiungendo, aggiornando e perfezionando opzioni e funzionalità, e sviluppando e adottando nuove tecnologie. Tutto questo mira a raggiungere un livello ottimale di accessibilità, seguendo i progressi tecnologici. Per qualsiasi assistenza, contattaci all’indirizzo niptvarelli@istitutovarelli.it