DIP design™ | Grafica, Illustrazione e Pubblicità

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 capacità.

Per raggiungere questo obiettivo, ci sforziamo di aderire il più possibile alle Linee guida per l'accessibilità dei contenuti web (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 una vasta gamma di disabilità. Rispettare queste linee guida ci aiuta a garantire che il sito web sia accessibile a tutti: persone non vedenti, persone con disabilità motorie, ipovedenti, persone con disabilità cognitive e altro ancora.

Questo sito utilizza diverse tecnologie progettate 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) e il design del sito alle loro esigenze personali.

Inoltre, il sito utilizza un'applicazione basata sull'intelligenza artificiale che opera in background e ottimizza costantemente il livello di accessibilità. Questa applicazione corregge il codice HTML del sito, adattandone la funzionalità e il comportamento per i lettori di schermo utilizzati dagli utenti non vedenti e per le funzioni da tastiera impiegate da persone con disabilità motorie.

Se hai riscontrato un malfunzionamento o hai suggerimenti per migliorare l'accessibilità, saremo lieti di ricevere il tuo feedback. Puoi contattare gli operatori del sito web utilizzando la seguente email: info@streetcommerce.it

Navigazione tramite lettore di schermo e tastiera

Il nostro sito web implementa la tecnica ARIA (Accessible Rich Internet Applications) insieme a varie altre modifiche comportamentali per garantire che gli utenti non vedenti, che utilizzano lettori di schermo, possano leggere, comprendere e utilizzare le funzionalità del sito. Non appena un utente con lettore di schermo entra nel sito, riceve immediatamente un avviso per attivare il Profilo per Lettori di Schermo, in modo da poter navigare ed interagire con il sito in modo efficace. Ecco come il nostro sito soddisfa alcuni dei principali requisiti per i lettori di schermo, con esempi di codice riportati nella console:

1. Ottimizzazione per lettori di schermo: eseguiamo un processo in background che analizza i componenti del sito dall’alto verso il basso, assicurando la conformità continua anche dopo gli aggiornamenti. In questo processo, forniamo ai lettori di schermo dati significativi utilizzando gli attributi ARIA. Ad esempio, offriamo etichette precise per i moduli; descrizioni per icone interattive (icone social, icone di ricerca, icone del carrello, ecc.); indicazioni di validazione per i campi modulo; ruoli per elementi come pulsanti, menu, finestre modali (popup) e altro. Inoltre, il processo in background analizza tutte le immagini del sito e fornisce una descrizione accurata basata sul riconoscimento degli oggetti nelle immagini come tag ALT (testo alternativo) per le immagini prive di descrizione. L’applicazione è anche in grado di estrarre il testo incorporato nelle immagini utilizzando la tecnologia OCR (riconoscimento ottico dei caratteri). Per attivare le regolazioni per lettori di schermo in qualsiasi momento, gli utenti devono premere la combinazione di tasti Alt+1. Inoltre, gli utenti dei lettori di schermo ricevono automaticamente un avviso per attivare la modalità Lettore di Schermo non appena accedono al sito.

   Queste regolazioni 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 il codice HTML del sito e aggiunge varie funzionalità tramite JavaScript per rendere il sito navigabile tramite tastiera. Ciò include la possibilità di navigare nel sito utilizzando i tasti Tab e Shift+Tab, gestire i menu a discesa con i tasti freccia, chiuderli con il tasto Esc, attivare pulsanti e link con il tasto Invio, navigare tra elementi radio e checkbox con i tasti freccia, e selezionarli con la barra spaziatrice o il tasto Invio. Inoltre, gli utenti della tastiera troveranno menu di navigazione rapida e di salto contenuti, disponibili in qualsiasi momento premendo Alt+1 o come primi elementi del sito durante la navigazione tramite tastiera. Il processo in background gestisce anche i popup, spostando il focus della tastiera su di essi non appena vengono aperti, impedendo che il focus si disperda fuori dalla finestra modale.

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

Profili di accessibilità supportati dal nostro sito

• Modalità Epilessia Sicura: questa modalità consente alle persone con epilessia di navigare in sicurezza eliminando il rischio di crisi causate da animazioni lampeggianti o combinazioni di colori pericolose.
• Modalità Ipovedenti: questa modalità regola il sito per gli utenti con problemi visivi come vista ridotta, visione a tunnel, cataratta, glaucoma e altri.
• Modalità per Disabilità Cognitive: offre opzioni di assistenza per utenti con disabilità cognitive come dislessia, autismo, ictus (CVA) e altre, aiutandoli a focalizzarsi sugli elementi essenziali del sito.
• Modalità Amichevole per ADHD: aiuta gli utenti con ADHD e disturbi dello sviluppo neurologico a leggere, navigare e concentrarsi sugli elementi principali del sito riducendo le distrazioni.
• Modalità per Non Vedenti: configura il sito per essere compatibile con lettori di schermo come JAWS, NVDA, VoiceOver e TalkBack.
• Profilo di Navigazione da Tastiera (Disabilità Motorie): consente alle persone con disabilità motorie di navigare nel sito utilizzando i tasti Tab, Shift+Tab e Invio, oltre a scorciatoie per accedere rapidamente agli elementi del sito.

Ulteriori regolazioni UI, design e leggibilità

1. Regolazione caratteri – gli utenti possono aumentare o diminuire la dimensione del testo, cambiare il tipo di carattere, regolare spaziatura, allineamento, altezza della riga e altro.
2. Regolazione colori – possibilità di selezionare profili di contrasto, invertire i colori e modificare la combinazione cromatica.
3. Blocco animazioni – possibilità di interrompere tutte le animazioni per utenti con epilessia.
4. Highlight contenuti – evidenziazione di link, titoli e altri elementi chiave.
5. Disattivazione audio – possibilità di silenziare tutti i suoni del sito.

Compatibilità con browser e tecnologie assistive

Il nostro sito è compatibile con i principali browser e tecnologie assistive per garantire la migliore esperienza possibile.

Note e commenti

Per suggerimenti o richieste di assistenza, contatta info@streetcommerce.it