Tendenze del design dell'imballaggio per il 2022

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. 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 permette alle persone con specifiche disabilità di adattare l'interfaccia utente (UI) del sito e di progettarla in base alle proprie esigenze.

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, adatta la sua 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 il seguente indirizzo e-mail

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 un un prompt per inserire il profilo dello screen-reader in modo da poter navigare e utilizzare il 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, ecc.); 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 (alternate text) per le immagini non descritte. 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 utilizzare le tendine con i tasti freccia, di chiuderle con Esc, di attivare i pulsanti e i collegamenti con il tasto Invio, di navigare tra gli elementi radio e le 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 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 dovute ad animazioni lampeggianti e a combinazioni di colori rischiose.
• Modalità ipovedenti: questa modalità regola il sito web per la comodità degli utenti con problemi visivi, come il deterioramento della vista, la visione a tunnel, la cataratta, il glaucoma e altri.
• Modalità Disabilità cognitiva: questa modalità offre diverse opzioni di assistenza per aiutare gli utenti con disabilità cognitive come dislessia, autismo, CVA e altre, a concentrarsi più facilmente sugli elementi essenziali del sito web.
• Modalità ADHD Friendly: questa modalità aiuta gli utenti con ADHD e disturbi del neurosviluppo a leggere, navigare e concentrarsi più facilmente sugli elementi principali del sito web, riducendo in modo significativo 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 il quale i siti web devono essere compatibili.
• Profilo di navigazione da tastiera (non vedenti): 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 UI, 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 mettere in risalto elementi importanti come link e titoli. Si può anche scegliere di evidenziare solo gli elementi focalizzati o passati con 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, iniziali, gergo e altro.
7. Funzioni aggiuntive - offriamo agli utenti la possibilità di cambiare il colore e le dimensioni 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