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 circostanze e dalle abilità.

Per raggiungere questo obiettivo, ci sforziamo 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) a livello AA. Queste linee guida spiegano come rendere i contenuti web accessibili a persone con una vasta gamma di disabilità. Il rispetto di tali linee guida ci aiuta a garantire che il sito web sia accessibile a tutti: persone non vedenti, con disabilità motorie, ipovedenti, disabilità cognitive e molte altre.

Questo sito 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 (UI) del sito e personalizzarla secondo le proprie esigenze.

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

Se hai riscontrato un malfunzionamento o hai suggerimenti per migliorare, saremo lieti di ascoltarti. Puoi contattare i gestori del sito utilizzando la seguente email: info@afterlabel.com

Lettori di schermo e navigazione da tastiera

Il nostro sito implementa la tecnica degli attributi ARIA (Accessible Rich Internet Applications), insieme a diverse modifiche comportamentali, per garantire che gli utenti non vedenti che utilizzano lettori di schermo possano leggere, comprendere e utilizzare le funzioni del sito. Appena un utente con lettore di schermo accede al sito, riceve subito un avviso per entrare nel Profilo per Lettori di Schermo, così da poter navigare e interagire efficacemente con il sito. Ecco come il nostro sito soddisfa alcune delle principali esigenze dei lettori di schermo, con esempi di codice dalla console:

1. Ottimizzazione per lettori di schermo: eseguiamo un processo in background che analizza ogni componente del sito dall’alto verso il basso per garantire la conformità anche in seguito ad aggiornamenti. Durante questo processo forniamo ai lettori di schermo dati significativi tramite gli attributi ARIA. Ad esempio: etichette accurate nei moduli; descrizioni per le icone interattive (social, ricerca, carrello ecc.); guida alla validazione nei campi modulo; ruoli di elementi come pulsanti, menu, finestre modali (popup), ecc. Inoltre, il processo scansiona tutte le immagini del sito fornendo descrizioni testuali basate sul riconoscimento oggetti come tag ALT per le immagini non descritte. Vengono anche estratti testi presenti nelle immagini tramite tecnologia OCR (riconoscimento ottico dei caratteri). Per attivare gli adattamenti per lettori di schermo in qualsiasi momento, basta premere Alt+1. Gli utenti riceveranno anche un avviso automatico all’ingresso nel sito per attivare la modalità Lettore di Schermo.

   Queste funzioni 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 modifica l’HTML del sito e aggiunge vari comportamenti tramite JavaScript per renderlo navigabile da tastiera. Include la possibilità di navigare con i tasti Tab e Shift+Tab, aprire i menu a tendina con le frecce, chiuderli con Esc, attivare pulsanti e link con Invio, navigare tra elementi radio e checkbox con le frecce e selezionarli con la barra spaziatrice o Invio. Gli utenti da tastiera trovano anche menu di navigazione rapida e salta-contenuto, sempre accessibili con Alt+1 o come primi elementi del sito durante la navigazione. Il processo gestisce anche i popup spostando il focus della tastiera su di essi appena si aprono, impedendo che il focus esca dall’elemento attivo.

   Gli utenti possono anche usare scorciatoie come “M” (menu), “H” (titoli), “F” (moduli), “B” (pulsanti) e “G” (immagini) per saltare direttamente agli elementi desiderati.

Profili di disabilità supportati dal nostro sito

• Modalità Sicura per Epilessia: questo profilo consente alle persone epilettiche di navigare in sicurezza eliminando rischi di crisi causate da animazioni lampeggianti o combinazioni cromatiche pericolose.
• Modalità Ipovedenti: questa modalità adatta il sito per chi ha problemi visivi come vista deteriorata, visione a tunnel, cataratta, glaucoma, ecc.
• Modalità Disabilità Cognitive: offre opzioni di assistenza per utenti con disabilità cognitive come dislessia, autismo, ictus (CVA), ecc., per facilitare l’attenzione agli elementi essenziali del sito.
• Modalità Amica dell’ADHD: aiuta gli utenti con ADHD e disturbi neuroevolutivi a leggere, navigare e concentrarsi più facilmente sugli elementi principali, riducendo le distrazioni.
• Modalità Non Vedenti: configura il sito per essere compatibile con lettori di schermo come JAWS, NVDA, VoiceOver e TalkBack. Un lettore di schermo è un software per non vedenti installato su computer o smartphone e i siti web devono essere compatibili con esso.
• Profilo Navigazione da Tastiera (Disabilità Motorie): consente a persone con disabilità motorie di usare il sito con i tasti Tab, Shift+Tab e Invio. Si possono usare anche scorciatoie come “M” (menu), “H” (titoli), “F” (moduli), “B” (pulsanti) e “G” (grafica).

Regolazioni aggiuntive di UI, design e leggibilità

1. Regolazioni del font – gli utenti possono aumentare o diminuire la dimensione del testo, cambiarne il tipo, modificare spaziatura, allineamento, altezza della linea e altro.
2. Regolazioni dei colori – gli utenti possono scegliere diversi profili di contrasto come chiaro, scuro, invertito, monocromatico. Possono anche modificare combinazioni di colori per titoli, testi e sfondi, con oltre sette opzioni disponibili.
3. Animazioni – chi soffre di epilessia può disattivare tutte le animazioni in esecuzione con un solo clic. Le animazioni controllate includono video, GIF e transizioni CSS lampeggianti.
4. Evidenziazione dei contenuti – è possibile evidenziare elementi importanti come link e titoli, o solo quelli attivi o selezionati.
5. Disattivazione dell’audio – gli utenti con apparecchi acustici potrebbero avere fastidi con l’audio automatico. Questa funzione consente di silenziare tutto il sito all’istante.
6. Disordini cognitivi – utilizziamo un motore di ricerca collegato a Wikipedia e Wiktionary per aiutare le persone a comprendere significati di frasi, abbreviazioni, gergo e altro.
7. Funzioni aggiuntive – possibilità di cambiare colore e dimensione del cursore, attivare una modalità di stampa, tastiera virtuale e molte altre funzionalità.

Compatibilità con browser e tecnologie assistive

Miriamo a supportare il maggior numero possibile di browser e tecnologie assistive, affinché gli utenti possano scegliere liberamente gli strumenti più adatti alle proprie esigenze, con il minor numero di limitazioni. Per questo, abbiamo lavorato duramente per garantire la compatibilità con tutti i principali sistemi, che coprono oltre il 95% del mercato: Google Chrome, Mozilla Firefox, Apple Safari, Opera, Microsoft Edge, JAWS e NVDA.

Note, commenti e feedback

Nonostante il nostro massimo impegno per consentire a chiunque di personalizzare il sito secondo le proprie esigenze, potrebbero esserci ancora pagine o sezioni non completamente accessibili, in fase di adeguamento o prive temporaneamente di soluzioni tecnologiche adeguate. Continuiamo però a migliorare costantemente l’accessibilità, aggiornando le funzionalità e adottando nuove tecnologie per raggiungere il miglior livello possibile. Per qualsiasi richiesta di assistenza, contattaci a info@afterlabel.com