Tag: Concorso IO Chef

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ù vasto possibile, indipendentemente dalle circostanze e dalle capacità.

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 AA. Queste linee guida spiegano come rendere i contenuti web accessibili alle persone con un'ampia gamma di disabilità. Il rispetto di tali linee guida ci aiuta a garantire che il sito web sia accessibile a tutti: non vedenti, persone con disabilità motorie, disabilità visive, 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 disabilità specifiche di adattare l'interfaccia utente del sito web e progettarla in base alle proprie esigenze personali.

Inoltre, il sito web utilizza un'applicazione basata sull'intelligenza artificiale che funziona in background e ottimizza costantemente il suo livello di accessibilità. Questa applicazione corregge l'HTML del sito web, adattandone funzionalità e comportamento agli screen reader utilizzati dagli utenti non vedenti e alle funzioni della tastiera utilizzate dalle persone con disabilità motorie.

Se hai riscontrato un malfunzionamento o hai idee per migliorarlo, saremo lieti di ascoltarti. Puoi contattare gli operatori del sito web utilizzando il seguente indirizzo email.

Navigazione tramite screen reader e tastiera

Il nostro sito web implementa la tecnica degli attributi ARIA (Accessible Rich Internet Applications), insieme a diverse modifiche comportamentali, per garantire che gli utenti non vedenti che utilizzano screen reader siano in grado di leggere, comprendere e utilizzare le funzioni del sito web. Non appena un utente con screen reader accede al tuo sito, riceve immediatamente un messaggio che gli chiede di inserire il profilo dello screen reader, in modo da poter navigare e utilizzare il sito in modo efficace. Ecco come il nostro sito web affronta alcuni dei requisiti più importanti per gli screen reader, insieme a screenshot della console con esempi di codice:

1. Ottimizzazione per screen reader: eseguiamo un processo in background che apprende i componenti del sito web dall'inizio alla fine, per garantire la conformità costante anche durante gli aggiornamenti. In questo processo, forniamo agli screen reader dati significativi utilizzando il set di attributi ARIA. Ad esempio, forniamo etichette accurate per i moduli; descrizioni per le icone attivabili (icone dei social media, icone di ricerca, icone del carrello, ecc.); istruzioni di convalida per gli input dei moduli; ruoli degli elementi come pulsanti, menu, finestre di dialogo modali (popup) e altri. Inoltre, il processo in background analizza tutte le immagini del sito web e fornisce una descrizione accurata e significativa basata sul riconoscimento degli oggetti immagine come tag ALT (testo alternativo) per le immagini che non sono descritte. Estrae 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 semplicemente premere la combinazione di tasti Alt+1. Gli utenti che utilizzano screen reader ricevono anche avvisi automatici per attivare la modalità screen reader non appena accedono al sito web. Queste modifiche sono compatibili con tutti i lettori di schermo più diffusi, tra cui JAWS e NVDA.

2. Ottimizzazione della navigazione da tastiera: il processo in background regola anche il codice HTML del sito web e aggiunge diverse funzionalità tramite codice JavaScript per renderlo fruibile tramite tastiera. Tra queste, la possibilità di navigare all'interno del sito web utilizzando i tasti Tab e Maiusc+Tab, di utilizzare i menu a discesa con i tasti freccia, di chiuderli con Esc, di attivare pulsanti e link con il tasto Invio, di navigare tra elementi radio e caselle di controllo con i tasti freccia e di compilarli con la barra spaziatrice o il tasto Invio. Inoltre, gli utenti che usano la tastiera troveranno menu di navigazione rapida e di salto contenuto, disponibili in qualsiasi momento premendo Alt+1 o come primi elementi del sito durante la navigazione con la tastiera. Il processo in background gestisce anche i popup attivati, spostando il focus della tastiera su di essi non appena compaiono, impedendone lo spostamento.

   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 affette da epilessia di utilizzare il sito Web in modo sicuro, eliminando il rischio di crisi convulsive derivanti da animazioni lampeggianti o intermittenti e da combinazioni di colori rischiose.
• Modalità per ipovedenti: questa modalità adatta il sito Web alle esigenze degli utenti con problemi visivi, come deficit della vista, visione a tunnel, cataratta, glaucoma e altri.
• Modalità disabilità cognitiva: questa modalità offre diverse opzioni di assistenza per aiutare gli utenti con disabilità cognitive, come dislessia, autismo, disturbi cognitivi e altri, a concentrarsi più facilmente sugli elementi essenziali del sito web.
• Modalità ADHD Friendly: questa modalità aiuta gli utenti affetti da ADHD e disturbi dello sviluppo neurologico a leggere, navigare e concentrarsi sugli elementi principali del sito Web più facilmente, riducendo significativamente le distrazioni.
• Modalità Cecità: questa modalità configura il sito web per essere compatibile con screen reader come JAWS, NVDA, VoiceOver e TalkBack. Uno screen reader è un software per utenti non vedenti installato su computer e smartphone, e i siti web devono essere compatibili con esso.
• Profilo di navigazione da tastiera (con disabilità motoria): questo profilo consente alle persone con disabilità motoria di utilizzare il sito web utilizzando i tasti Tab, Maiusc+Tab e Invio. Gli utenti possono anche utilizzare scorciatoie come "M" (menu), "H" (titoli), "F" (moduli), "B" (pulsanti) e "G" (grafica) per passare a elementi specifici.

Ulteriori modifiche all'interfaccia utente, al design e alla leggibilità

1. Regolazioni del carattere: gli utenti possono aumentarne e diminuirne le dimensioni, modificarne la famiglia (tipo), regolarne la spaziatura, l'allineamento, l'altezza della riga e altro ancora.
2. Regolazione del colore: gli utenti possono selezionare diversi profili di contrasto cromatico, come chiaro, scuro, invertito e monocromatico. Inoltre, è possibile cambiare la combinazione di colori di titoli, testi e sfondi, scegliendo tra oltre sette diverse opzioni.
3. Animazioni: una persona con epilessia può interrompere tutte le animazioni in esecuzione con un semplice clic. Le animazioni controllate dall'interfaccia includono video, GIF e transizioni CSS lampeggianti.
4. Evidenziazione dei contenuti: gli utenti possono scegliere di enfatizzare elementi importanti come link e titoli. Possono anche scegliere di evidenziare solo gli elementi evidenziati o su cui si è passato il mouse.
5. Disattivazione audio: gli utenti con apparecchi acustici potrebbero avvertire mal di testa o altri problemi a causa della riproduzione automatica dell'audio. Questa opzione consente agli utenti di disattivare istantaneamente l'audio dell'intero sito web.
6. Disturbi cognitivi: utilizziamo un motore di ricerca collegato a Wikipedia e Wikizionario, che consente alle persone con disturbi cognitivi di decifrare il significato di frasi, iniziali, 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 assistive

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 alle loro esigenze, con il minor numero di limitazioni possibile. Pertanto, abbiamo lavorato duramente per poter supportare tutti i principali sistemi che rappresentano oltre il 95% della quota di mercato degli utenti, tra cui Google Chrome, Mozilla Firefox, Apple Safari, Opera e Microsoft Edge, JAWS e NVDA (screen reader).

Note, commenti e feedback

Nonostante i nostri sforzi per consentire a chiunque di adattare il sito web alle proprie esigenze, potrebbero esserci ancora pagine o sezioni non completamente accessibili, in fase di accessibilità o prive di una soluzione tecnologica adeguata per renderle accessibili. Tuttavia, continuiamo a migliorare la nostra accessibilità, aggiungendo, aggiornando e migliorando le sue opzioni e funzionalità, e sviluppando e adottando nuove tecnologie. Tutto ciò è finalizzato a raggiungere il livello ottimale di accessibilità, al passo con i progressi tecnologici. Per qualsiasi assistenza, si prega di contattare