GUIDE & TUTORIAL

Stato di conformità

Siamo fermamente convinti che Internet debba essere disponibile e accessibile a tutti, e ci impegnamo a fornire un sito web accessibile al pubblico più ampio possibile, indipendentemente dalle circostanze e dalle abilità.

Per raggiungere questo obiettivo, miriamo a rispettare il più rigorosamente possibile le Linee Guida per l'Accessibilità dei Contenuti Web 2.1 (WCAG 2.1) del World Wide Web Consortium (W3C) al livello AA. Queste linee guida spiegano come rendere i contenuti web accessibili a persone con una vasta gamma di disabilità. La conformità a queste linee guida ci aiuta a garantire che il sito sia accessibile a tutti: persone non vedenti, persone con disabilità motorie, deficit visivi, disabilità cognitive e altro ancora.

Questo sito utilizza varie tecnologie pensate per renderlo il più accessibile possibile in ogni momento. Utilizziamo un'interfaccia di accessibilità che permette alle persone con specifiche disabilità di adattare l'interfaccia utente (UI) del sito e personalizzarla in base alle proprie esigenze.

Inoltre, il sito utilizza un'applicazione basata sull'intelligenza artificiale che opera in background e ottimizza costantemente il suo livello di accessibilità. Questa applicazione corregge l'HTML del sito, adattandone la funzionalità e il comportamento per gli screen-reader utilizzati dagli utenti non vedenti e per le funzioni da tastiera utilizzate da persone con disabilità motorie.

Se hai riscontrato un malfunzionamento o hai idee per miglioramenti, saremo lieti di ascoltarti. Puoi contattare i gestori del sito nella sezione CONTATTI

Navigazione con screen-reader e tastiera

Il nostro sito implementa la tecnica degli attributi ARIA (Accessible Rich Internet Applications), insieme a varie modifiche comportamentali, per garantire che gli utenti non vedenti che visitano il sito con screen-reader possano leggere, comprendere e utilizzare le funzioni del sito. Non appena un utente con screen-reader accede al sito, riceve immediatamente un prompt per attivare il Profilo Screen-Reader, permettendogli di navigare e utilizzare il sito in modo efficace. Ecco come il nostro sito soddisfa alcuni dei requisiti più importanti per gli screen-reader, con esempi di codice:

1. Ottimizzazione per screen-reader: eseguiamo un processo in background che analizza i componenti del sito dall'alto verso il basso, garantendo una conformità continua anche durante gli aggiornamenti. In questo processo, forniamo agli screen-reader dati significativi utilizzando gli attributi ARIA. Ad esempio, forniamo etichette accurate per i moduli, descrizioni per le icone interattive (icone dei social media, icone di ricerca, carrello, ecc.), indicazioni per la validazione degli input, e ruoli degli elementi come pulsanti, menu, finestre di dialogo modali (popup) e altri. Inoltre, il processo analizza 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 i testi incorporati nelle immagini utilizzando una tecnologia OCR (riconoscimento ottico dei caratteri). Per attivare le regolazioni per screen-reader in qualsiasi momento, gli utenti devono semplicemente premere la combinazione di tasti Alt+1. Gli utenti con screen-reader ricevono anche annunci automatici per attivare la modalità Screen-reader non appena accedono al sito.

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

2. Ottimizzazione per la navigazione da tastiera: Il processo in background regola anche l'HTML del sito e aggiunge vari comportamenti utilizzando codice JavaScript per rendere il sito utilizzabile con la tastiera. Ciò include la possibilità di navigare il sito utilizzando i tasti Tab e Maiusc+Tab, aprire i menu a tendina con i tasti freccia, chiuderli con Esc, attivare pulsanti e link con il tasto Invio, navigare tra elementi radio e checkbox con i tasti freccia e compilarli con la barra spaziatrice o il tasto Invio. Inoltre, gli utenti che navigano con la tastiera troveranno menu di navigazione rapida e salto del contenuto, disponibili in qualsiasi momento premendo Alt+1 o come primi elementi del sito durante la navigazione con la tastiera. Il processo gestisce anche i popup, spostando il focus della tastiera su di essi non appena compaiono e impedendo che il focus esca da essi.

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

Profili di disabilità supportati dal nostro sito

• Modalità Sicura per Epilessia: questo profilo permette alle persone con epilessia di utilizzare il sito in sicurezza, eliminando il rischio di crisi causate da animazioni lampeggianti o combinazioni di colori pericolose.
• Modalità per Ipovedenti: questa modalità adatta il sito per la comodità di utenti con deficit visivi come vista ridotta, visione tunnel, cataratta, glaucoma e altri.
• Modalità per Disabilità Cognitive: questa modalità offre diverse opzioni di assistenza per aiutare utenti con disabilità cognitive come dislessia, autismo, ictus e altri, a concentrarsi più facilmente sugli elementi essenziali del sito.
• Modalità ADHD: questa modalità aiuta utenti con ADHD e disturbi del neurosviluppo a leggere, navigare e concentrarsi sugli elementi principali del sito, riducendo significativamente le distrazioni.
• Modalità per Non Vedenti: questa modalità configura il sito 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, con cui i siti web devono essere compatibili.
• Profilo Navigazione da Tastiera (Disabilità Motorie): questo profilo permette alle persone con disabilità motorie di utilizzare il sito con i tasti Tab, Maiusc+Tab e Invio. Gli utenti possono anche utilizzare scorciatoie come "M" (menu), "H" (intestazioni), "F" (moduli), "B" (pulsanti) e "G" (grafica) per saltare a elementi specifici.

Ulteriori regolazioni di UI, design e leggibilità

1. Regolazione dei caratteri – gli utenti possono aumentare e diminuire la dimensione, cambiare il tipo di carattere, regolare spaziatura, allineamento, interlinea e altro.
2. Regolazione dei colori – gli utenti possono selezionare vari profili di contrasto come chiaro, scuro, invertito e monocromatico. Inoltre, possono modificare gli schemi di colore di titoli, testi e sfondi, con oltre sette opzioni diverse.
3. Animazioni – le persone con epilessia possono fermare tutte le animazioni con un clic. Le animazioni controllate includono video, GIF e transizioni lampeggianti in CSS.
4. Evidenziazione dei contenuti – gli utenti possono scegliere di enfatizzare elementi importanti come link e titoli. Possono anche evidenziare solo gli elementi focalizzati o al passaggio del mouse.
5. Disattivazione audio – gli utenti con dispositivi acustici possono sperimentare mal di testa o altri problemi a causa della riproduzione automatica di audio. Questa opzione permette di disattivare l'audio dell'intero sito istantaneamente.
6. Disturbi cognitivi – utilizziamo un motore di ricerca collegato a Wikipedia e Wiktionary, permettendo alle persone con disturbi cognitivi di decifrare il significato di frasi, sigle, slang e altro.
7. Funzioni aggiuntive – offriamo agli utenti la possibilità di cambiare colore e dimensione del cursore, utilizzare una modalità di stampa, attivare una tastiera virtuale e molte altre funzioni.

Compatibilità con browser e tecnologie assistive

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

Note, commenti e feedback

Nonostante i nostri massimi 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 o che mancano di una soluzione tecnologica adeguata per renderle accessibili. Tuttavia, miglioriamo continuamente l'accessibilità, aggiungendo, aggiornando e perfezionando opzioni e funzionalità, e sviluppando e adottando nuove tecnologie. Tutto ciò è finalizzato a raggiungere il livello ottimale di accessibilità, seguendo i progressi tecnologici. Per qualsiasi assistenza, contattaci all'indirizzo info@soscittadino.it