iGuzzini riconosce l'importanza di offrire un sito web che possa essere utilizzato in diversi modi, senza dipendere da un singolo senso, abilità o tecnologia. Il nostro impegno continuo è costruire un sito usabile, desiderabile e accessibile per tutti i gruppi di utenti, incluse le persone con disabilità.
Conformità agli standard
Icona di conformità di livello A, Linee guida per l'accessibilità dei contenuti Web 1.0 del W3C-WAI.
Il nostro sito è conforme alle Linee guida per l'accessibilità dei contenuti Web 1.0 del W3C, livello A.
Di seguito è riportato un elenco di requisiti critici che, da soli, coprono quasi il 40% dei problemi di accessibilità evidenziati dal W3C. Questi requisiti hanno ricevuto particolare attenzione e la massima priorità durante la valutazione da parte di esperti:
Fornire un equivalente testuale per ogni elemento non testuale.
Garantire che le combinazioni di colori tra primo piano e sfondo offrano un contrasto sufficiente, sia per chi ha deficit visivi sia per chi visualizza il sito su uno schermo in bianco e nero.
Assicurarsi che le pagine siano utilizzabili anche quando script, applet o altri oggetti programmabili sono disattivati o non supportati. Se ciò non è possibile, fornire le stesse informazioni su una pagina alternativa accessibile.
Finché gli user agent non permetteranno agli utenti di bloccare i contenuti in movimento, evitare l’uso di elementi in movimento nelle pagine.
Finché gli user agent non permetteranno agli utenti di disattivare le finestre generate automaticamente, evitare la comparsa di pop-up o altre finestre e non modificare la finestra corrente senza informare l’utente.
Suddividere grandi blocchi di informazioni in gruppi più gestibili, dove naturale e appropriato.
Identificare chiaramente il target di ogni link.
Utilizzare il linguaggio più chiaro e semplice possibile, in base ai contenuti del sito.
Strumenti di navigazione
I link del menu sono raggruppati e viene fornita un’opzione per saltare la navigazione. Il link per saltare la navigazione non ha testo visibile ed è pensato specificamente per chi utilizza un lettore di schermo.
La maggior parte dei browser consente di accedere direttamente a link specifici digitando tasti di accesso definiti nel sito. Le seguenti scorciatoie da tastiera sono disponibili su tutto il sito fuse8:
S – Salta la navigazione
1 – Home page
3 – Mappa del sito
9 – Contattaci
0 – Dichiarazione di accessibilità
T – Torna all’inizio della pagina
Dove possibile, queste scorciatoie non entrano in conflitto con le combinazioni di tasti comunemente usate da screen reader e browser.
Modalità di attivazione delle scorciatoie nei diversi browser:
Internet Explorer 8, 7 (Windows): tenere premuto il tasto Alt e il tasto di accesso, poi rilasciarli e premere Invio per attivare il link.
Internet Explorer 6, 5 (Windows): tenere premuto Alt e il tasto di accesso, poi premere Invio.
Internet Explorer 4 (Windows): tenere premuto Alt e il tasto di accesso.
Internet Explorer 5 e successivi (Mac): Ctrl e il tasto di accesso (purtroppo le versioni precedenti non supportano i tasti di accesso).
Firefox 2, 3 (Windows): Shift + Alt e il tasto di accesso.
Firefox (versioni precedenti): Alt e il tasto di accesso.
Firefox (Mac): Ctrl e il tasto di accesso.
Netscape 6 e successivi (Windows): Alt e il tasto di accesso (le versioni precedenti non li supportano).
Mozilla (Windows): Alt e il tasto di accesso.
Opera: tenere premuto Shift e premere Esc, poi rilasciarli. Questo farà comparire un menu con i tasti di accesso disponibili nella pagina. Premere il tasto desiderato.
Safari 2, 3 (Mac): Ctrl e il tasto di accesso.
Marcatura semantica
È stata utilizzata una marcatura strutturata e semantica per rappresentare la struttura del documento. I tag H1 sono utilizzati per i titoli principali, i tag H3 per i sottotitoli, e così via.
I fogli di stile CSS sono utilizzati per l’impaginazione visiva, mentre JavaScript è impiegato per migliorare l’usabilità e per scopi decorativi. Tuttavia, le pagine restano completamente accessibili anche se queste tecnologie vengono ignorate o non sono supportate.
Immagini
Tutte le immagini di contenuto, i pulsanti grafici, i simboli e gli oggetti hanno equivalenti testuali descrittivi e significativi. Le immagini non sono utilizzate per rappresentare testo: tutti i titoli sono stilizzati tramite CSS e possono essere ridimensionati secondo le esigenze dell’utente.
Colori
Il design del sito è stato testato per garantire un contrasto cromatico adeguato, in modo che tutte le informazioni siano sempre leggibili.
La maggior parte del testo è grigio su sfondo bianco, una combinazione che supera con successo i test di visibilità:
La differenza di luminosità tra i due colori è sufficiente. La soglia è 125 e il risultato tra colore di primo piano e sfondo è 169.
La differenza di colore tra i due colori è sufficiente. La soglia è 500 e il risultato tra colore di primo piano e sfondo è 501.
Dimensioni dei caratteri
Sono state utilizzate unità relative nel linguaggio di markup e nei CSS, quindi il layout del sito si adatta al ridimensionamento del testo anche in Internet Explorer per Windows.