Report di sostenibilità – Econatura 2024

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 queste linee guida ci aiuta a garantire che il sito web sia accessibile a tutti: non vedenti, persone con disabilità motorie, ipovedenti, 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 ne ottimizza costantemente il livello di accessibilità. Questa applicazione corregge l'HTML del sito web, adattandone le funzionalità e il comportamento agli screen reader utilizzati dagli utenti non vedenti e alle funzioni della tastiera utilizzate dalle persone con disabilità motorie.

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 possano 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 copre alcuni dei requisiti più importanti per gli screen reader, insieme a screenshot della console di esempi di codice:

1. Ottimizzazione dello 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 non 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 di screen reader ricevono anche avvisi automatici per attivare la modalità screen reader non appena accedono al sito web.

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

2. Ottimizzazione della navigazione tramite tastiera: Il processo in background regola anche l'HTML del sito web e aggiunge vari comportamenti tramite codice JavaScript per rendere il sito web utilizzabile tramite tastiera. Ciò include la possibilità di navigare sul 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 utilizzando il tasto Invio, di navigare tra elementi radio e caselle di controllo utilizzando i tasti freccia e di compilarli con la barra spaziatrice o il tasto Invio. Inoltre, gli utenti che utilizzano la 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 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 sul nostro sito web

• Modalità sicura per l'epilessia: questo profilo consente alle persone con epilessia di utilizzare il sito web in modo sicuro, eliminando il rischio di crisi epilettiche derivanti da animazioni lampeggianti o intermittenti e da combinazioni di colori rischiose.
• Modalità per ipovedenti: questa modalità adatta il sito web alla comodità degli utenti con disabilità visive come calo della vista, visione a tunnel, cataratta, glaucoma e altri.
• Modalità per disabilità cognitive: questa modalità offre diverse opzioni di assistenza per aiutare gli utenti con disabilità cognitive come dislessia, autismo, disturbi del comportamento alimentare e altri, a concentrarsi più facilmente sugli elementi essenziali del sito web.
• Modalità adatta a persone con ADHD: questa modalità aiuta gli utenti con ADHD e disturbi del neurosviluppo a leggere, navigare e concentrarsi sugli elementi principali del sito web più facilmente, riducendo significativamente 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 Navigazione Tastiera (Disabilità Motoria): questo profilo consente alle persone con disabilità motorie 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 regolazioni dell'interfaccia utente, del design e della leggibilità

1. Regolazioni del carattere: gli utenti possono aumentarne e ridurne le dimensioni, modificarne la famiglia (tipo), regolarne la spaziatura, l'allineamento, l'altezza delle righe e altro ancora.
2. Regolazioni del colore: gli utenti possono selezionare diversi profili di contrasto del colore, come chiaro, scuro, invertito e monocromatico. Inoltre, gli utenti possono cambiare le combinazioni di colori di titoli, testi e sfondi, con oltre sette diverse opzioni di colore.
3. Animazioni: le persone con epilessia possono interrompere tutte le animazioni in esecuzione con un 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 passa il mouse.
5. Disattivazione dell'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 l'audio dell'intero sito web all'istante.
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 cambiare 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

Miriamo a 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 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. Ciononostante, continuiamo a migliorare la nostra accessibilità, aggiungendo, aggiornando e migliorando le sue opzioni e funzionalità, e sviluppando e adottando nuove tecnologie. Tutto ciò ha lo scopo di raggiungere il livello ottimale di accessibilità, al passo con i progressi tecnologici.