Tag: Andrea Ballabio

Stato di conformità

Crediamo fermamente che Internet debba essere disponibile e accessibile a chiunque e ci impegniamo a fornire un sito web accessibile al pubblico più ampio possibile, indipendentemente dalle disabilità e dalle capacità del singolo utente.

Per raggiungere questo obiettivo, miriamo ad aderire il più rigorosamente possibile alle Linee guida per l'accessibilità dei contenuti Web 2.1 (WCAG 2.1) del World Wide Web Consortium (W3C) a livello di AA. Queste linee guida spiegano come rendere i contenuti web accessibili alle persone con una vasta gamma di disabilità. Il rispetto di tali linee guida ci aiuta a garantire che il sito web sia accessibile a tutte le persone: non vedenti, persone con disabilità motorie, disabilità visive, disabilità cognitive e altro ancora.

Questo sito utilizza varie tecnologie che hanno lo scopo di renderlo il più accessibile possibile in ogni momento. Utilizziamo un'interfaccia di accessibilità che consente alle persone con disabilità specifiche di adattare l'interfaccia utente del sito web (interfaccia utente) e di progettarla in base alle proprie esigenze personali.

Inoltre, il sito web utilizza un'applicazione basata sull'intelligenza artificiale che viene eseguita in background e ottimizza costantemente il livello di accessibilità. Questa applicazione corregge l'HTML del sito web, ne adatta le funzionalità e il comportamento per i lettori di schermo utilizzati dagli utenti non vedenti e per le funzioni della tastiera utilizzate da persone con disabilità motorie.

Se hai riscontrato un malfunzionamento o hai idee per migliorare, saremo felici di ascoltarti. Puoi contattare lo staff del sito utilizzando la seguente e-mail

Screen-reader e navigazione da tastiera

Il nostro sito Web implementa la tecnica degli attributi ARIA (Accessible Rich Internet Applications), insieme a vari diversi cambiamenti comportamentali, per garantire che gli utenti non vedenti, che visitano con screen-reader, siano in grado di leggere, comprendere e godere delle funzioni del sito Web. Non appena un utente con uno screen-reader accede al tuo sito, riceve immediatamente una richiesta per accedere al profilo di lettore di schermo in modo da poter navigare e utilizzare il tuo sito in modo efficace. Ecco come il nostro sito Web copre alcuni dei requisiti più importanti per gli screen-reader, insieme ad alcuni esempi di funzionamento delle scorciatoie da tastiera:

1. Ottimizzazione per Screen-reader: eseguiamo un processo in background che analizza i componenti del sito Web dall'alto verso il basso, per garantire la conformità continua anche durante l'aggiornamento del sito. In questo processo, forniamo agli screen reader dati significativi utilizzando il set di attributi ARIA. Ad esempio, forniamo etichette di moduli accurate; descrizioni per icone utilizzabili (icone dei social media, icone di ricerca, icone del carrello, ecc.); guida alla convalida per gli input dei moduli; ruoli degli elementi come pulsanti, menu, dialoghi modali (popup) e altri. Inoltre, il processo in background esegue la scansione di tutte le immagini del sito Web e fornisce una descrizione accurata e significativa basata sul riconoscimento di oggetti immagine come tag ALT (testo alternativo) per le immagini che non sono descritte. Estrarrà anche i testi incorporati nell'immagine, utilizzando una tecnologia OCR (riconoscimento ottico dei caratteri). Per attivare le regolazioni dello screen reader in qualsiasi momento, gli utenti devono solo premere la combinazione di tasti Alt+1. Gli utenti di screen reader ricevono anche annunci automatici per attivare la modalità screen reader non appena accedono al sito web.

   Queste regolazioni sono compatibili con tutti i lettori di schermo più diffusi, inclusi JAWS e NVDA.

2. Ottimizzazione per la navigazione da tastiera:Il processo in background gestisce anche l'HTML del sito e aggiunge vari comportamenti utilizzando il codice JavaScript per renderlo utilizzabile dalla tastiera. Ciò include la possibilità di navigare utilizzando i tasti Tab e Maiusc+Tab, utilizzare i menu a discesa con i tasti freccia, chiuderli con Esc, attivare pulsanti e collegamenti utilizzando il tasto Invio, navigare tra elementi radio button e caselle di controllo utilizzando i tasti freccia e confermarli con la barra spaziatrice o il tasto Invio. Inoltre, gli utenti da tastiera troveranno menu di navigazione rapida e di salto del contenuto, disponibili in qualsiasi momento facendo utilizzando il comando Alt+1. Il processo è utilizzabile anche per i popup generati dal sito. La navigazione attiva sarà focalizzata sul popup che sarà così controllabile con le modalità viste in precedenza.

   Gli utenti possono anche utilizzare scorciatoie come "M" (menu), "H" (intestazioni), "F" (moduli), "B" (pulsanti) e "G" (grafica) per passare a elementi specifici.

Profili di disabilità supportati nel nostro sito web

• Modalità sicura per l'epilessia: questo profilo consente alle persone con epilessia di utilizzare il sito Web in sicurezza, eliminando il rischio di convulsioni derivanti da animazioni rapide o lampeggianti e combinazioni di colori accese e troppo contrastate.
• Modalità per non vedenti: questa modalità regola il sito Web per agevolare l'utilizzo degli utenti con disabilità visive come degrado visivo, visione a tunnel, catartta, glaucoma e altri.
• Modalità di disabilità cognitiva: questa modalità fornisce diverse opzioni di assistenza per aiutare gli utenti con disabilità cognitive come dislessia, autismo, CVA e altri, a concentrarsi più facilmente sugli elementi essenziali del sito web.
• Modalità ADHD: questa modalità aiuta gli utenti con ADHD e disturbi del neurosviluppo a leggere, navigare e concentrarsi più facilmente sugli elementi principali del sito Web riducendo significativamente le distrazioni.
• Utenti con cecità: questa modalità configura il sito Web in modo che sia compatibile con lettori di schermo come JAWS, NVDA, VoiceOver e TalkBack. Uno screen reader è un software per utenti non vedenti che viene installato su un computer e uno smartphone e i siti Web devono essere compatibili con esso.
• Profilo di navigazione della tastiera (con disabilità motorie): questo profilo consente alle persone con disabilità motorie di consultare il sito web utilizzando i tasti Tab, Maiusc+Tab e Invio della tastiera. Gli utenti possono anche utilizzare scorciatoie come "M" (menu), "H" (intestazioni), "F" (moduli), "B" (pulsanti) e "G" (grafica) per passare a elementi specifici.

Ulteriori regolazioni dell'interfaccia utente, del design e della leggibilità

1. Regolazioni dei caratteri – utenti, possono aumentare e diminuire le dimensioni dei font, cambiarne la famiglia (tipo), regolare la spaziatura, l'allineamento, l'altezza della linea e altro ancora.
2. Regolazioni del colore – gli utenti possono selezionare vari profili di contrasto del colore come chiaro, scuro, invertito e monocromatico. Inoltre, gli utenti possono calmbiare a piacimento combinazioni di colori di titoli, testi e sfondi, con oltre 7 diverse opzioni di colorazione.
3. Animazioni – gli utenti con epilessia possono interrompere tutte le animazioni in esecuzione con il semplice clic di un pulsante. Le animazioni controllate dall'interfaccia includono video, GIF e transizioni lampeggianti CSS.
4. Evidenziazione dei contenuti – gli utenti possono scegliere di enfatizzare elementi importanti come link e titoli. Possono anche scegliere di evidenziare solo gli elementi attivi o in modalità hover.
5. Disattivazione audio – gli utenti con apparecchi acustici potrebbero riscontrare mal di testa o altri problemi a causa della riproduzione automatica dell'audio. Questa opzione consente agli utenti di disattivare l'audio dell'intero sito Web all'istante.
6. Disturbi cognitivi – utilizziamo un motore di ricerca collegato a Wikipedia e Wikizionario, che consente alle persone con disturbi cognitivi di decifrare i significati di frasi, acronimi, slang e altro.
7. Funzioni aggiuntive – offriamo agli utenti la possibilità di modificare il colore e le dimensioni del cursore, utilizzare una modalità di stampa, abilitare una tastiera virtuale e molte altre funzioni.

Compatibilità con browser e tecnologie di assistenza

Il nostro obiettivo è supportare la più ampia gamma possibile di browser e tecnologie assistive, in modo che i nostri utenti possano scegliere gli strumenti più adatti a loro, con il minor numero possibile di limitazioni. Pertanto, abbiamo lavorato molto duramente per poter supportare tutti i principali sistemi che comprendono oltre il 95% della quota di mercato degli utenti, inclusi Google Chrome, Mozilla Firefox, Apple Safari, Opera e Microsoft Edge, JAWS e NVDA (screen reader), entrambi per Windows e per utenti MAC.

Note, commenti e feedback

Nonostante i nostri migliori sforzi per consentire a chiunque di adattare il sito Web alle proprie esigenze, potrebbero esserci ancora pagine o sezioni che non sono completamente accessibili o mancano di una soluzione tecnologica adeguata per renderle accessibili. Tuttavia, stiamo migliorando continuamente la nostra accessibilità, aggiungendo, aggiornando e migliorando le sue opzioni e funzionalità e sviluppando e adottando nuove tecnologie. Tutto questo ha lo scopo di raggiungere il livello ottimale di accessibilità, a seguito dei progressi tecnologici. Per qualsiasi necessità, si prega di contattare