Andrea Pucci – C’è sempre qualcosa che non va

Stato di conformità

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

A tal fine, ci proponiamo di 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) al livello AA. Queste linee guida spiegano come rendere i contenuti web accessibili alle persone con un'ampia gamma di disabilità. Il rispetto di queste linee guida ci aiuta a garantire che il sito web sia accessibile a tutte le persone: non vedenti, persone con disabilità motorie, visive, cognitive e altre ancora.

Questo sito web utilizza diverse tecnologie che hanno lo scopo di renderlo sempre il più accessibile possibile. Utilizziamo un'interfaccia di accessibilità che consente alle persone con disabilità specifiche di adattare l'interfaccia utente (UI) del sito web e di progettarla in base alle loro 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, adattando le sue funzionalità e il suo comportamento agli screen-reader utilizzati dagli utenti non vedenti e alle funzioni della tastiera utilizzate dalle persone con disabilità motorie.

Se avete riscontrato un malfunzionamento o avete idee per un miglioramento, saremo lieti di ascoltarvi. Potete contattare gli operatori del sito web utilizzando la seguente e-mail paladozza@bolognawelcome.it

Navigazione con 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 visitano il sito con screen-reader siano in grado di leggere, comprendere e utilizzare le funzioni del sito. Non appena un utente con uno screen-reader entra nel vostro sito, riceve immediatamente una richiesta di inserimento del profilo dello screen-reader, in modo da poter navigare e utilizzare il vostro sito in modo efficace. Ecco come il nostro sito copre alcuni dei requisiti più importanti per gli screen-reader, insieme a schermate di esempi di codice:

1. Ottimizzazione per gli screen-reader: eseguiamo un processo in background che apprende i componenti del sito web da cima a fondo, per garantire la conformità continua anche durante l'aggiornamento del sito. In questo processo, forniamo agli screen-reader dati significativi utilizzando la serie 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 e così via); indicazioni di convalida per gli input dei moduli; ruoli di elementi come pulsanti, menu, finestre di dialogo modali (popup) e altri. Inoltre, il processo di background analizza tutte le immagini del sito web e fornisce una descrizione accurata e significativa basata sul riconoscimento degli oggetti dell'immagine come tag ALT (testo alternativo) per le immagini non descritte. Estrae anche i testi incorporati nell'immagine, utilizzando una tecnologia OCR (riconoscimento ottico dei caratteri). Per attivare le regolazioni degli screen-reader in qualsiasi momento, gli utenti devono solo premere la combinazione di tastiera Alt+1. Gli utenti di screen-reader ricevono anche annunci automatici per attivare la modalità screen-reader non appena entrano nel sito web.

   Queste regolazioni sono compatibili con tutti gli screen reader più diffusi, compresi JAWS e NVDA.

2. Ottimizzazione della navigazione da tastiera: Il processo di background regola anche l'HTML del sito web e aggiunge vari comportamenti utilizzando il codice JavaScript per rendere il sito web operabile da tastiera. Ciò include la possibilità di navigare nel sito utilizzando i tasti Tab e Shift+Tab, di azionare i menu a tendina con i tasti freccia, di chiuderli con Esc, di attivare pulsanti e collegamenti con il tasto Invio, di navigare tra elementi radio e caselle di controllo con i tasti freccia e di riempirli con la barra spaziatrice o il tasto Invio. Inoltre, gli utenti della tastiera troveranno menu di navigazione rapida e menu di esclusione dei contenuti, disponibili in qualsiasi momento facendo clic su 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 verso di essi non appena appaiono e non permettendo che il focus si sposti al di fuori di essi.

   Gli utenti possono anche usare scorciatoie come "M" (menu), "H" (titoli), "F" (moduli), "B" (pulsanti) e "G" (grafica) per saltare 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 epilettiche causate da animazioni lampeggianti e combinazioni di colori rischiose.
• Modalità Visually Impaired: questa modalità regola il sito web per la comodità degli utenti con problemi di vista, come il deterioramento della vista, la visione a tunnel, la cataratta, il glaucoma e altri.
• Modalità Disabilità cognitiva: questa modalità fornisce diverse opzioni di assistenza per aiutare gli utenti con disabilità cognitive come dislessia, autismo, CVA e altre, a concentrarsi sugli elementi essenziali del sito web più facilmente.
• Modalità ADHD Friendly: questa modalità aiuta gli utenti con ADHD e disturbi dello sviluppo neurologico a leggere, navigare e concentrarsi sugli elementi principali del sito web con maggiore facilità, riducendo significativamente le distrazioni.
• Modalità cecità: questa modalità configura il sito web in modo che sia 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 di navigazione da tastiera (non vedenti motori): questo profilo consente alle persone con disabilità motorie di utilizzare il sito web utilizzando i tasti Tab, Shift+Tab e Invio della tastiera. Gli utenti possono anche utilizzare scorciatoie come "M" (menu), "H" (titoli), "F" (moduli), "B" (pulsanti) e "G" (grafica) per saltare a elementi specifici.

Ulteriori modifiche a interfaccia utente, design e leggibilità

1. Regolazione dei caratteri - gli utenti possono aumentare e diminuire le dimensioni, cambiare 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 scambiare gli schemi di colore di titoli, testi e sfondi, con oltre 7 diverse opzioni di colorazione.
3. Animazioni - gli utenti epilettici possono interrompere tutte le animazioni in corso con un semplice clic. 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. Si può anche scegliere di evidenziare solo gli elementi focalizzati o quelli che passano il mouse.
5. Disattivazione dell'audio - gli utenti con dispositivi acustici possono avere mal di testa o altri problemi dovuti alla 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 Wiktionary, che consente alle persone con disturbi cognitivi di decifrare il significato di frasi, sigle, termini gergali e altro.
7. Funzioni aggiuntive - offriamo agli utenti la possibilità di cambiare il colore e la dimensione del cursore, di utilizzare una modalità di stampa, di attivare una tastiera virtuale e molte altre funzioni.

Compatibilità con i browser e le 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 a loro, con il minor numero possibile di limitazioni. Per questo motivo, 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), sia per Windows che per gli utenti MAC.

Note, commenti e feedback

Nonostante i nostri sforzi per consentire a chiunque di adattare il sito web alle proprie esigenze, è possibile che vi siano ancora pagine o sezioni non completamente accessibili, in procinto di diventarlo o prive di una soluzione tecnologica adeguata per renderle accessibili. Tuttavia, miglioriamo continuamente la nostra accessibilità, aggiungendo, aggiornando e migliorando le opzioni e le funzionalità, sviluppando e adottando nuove tecnologie. Tutto questo per raggiungere il livello ottimale di accessibilità, seguendo i progressi tecnologici. Per qualsiasi assistenza, contattate paladozza@bolognawelcome.it