IL PCPro e l'impegno di 180 giorni del RNIB ti chiede di rendere i tuoi siti web e le tue app mobili più accessibili alle persone non vedenti e ipovedenti.
Se ogni organizzazione nel Regno Unito rispettasse l’impegno, ciò avrebbe un effetto straordinario sulla vita di persone come me che utilizzano uno screen reader per accedere a computer, tablet e smartphone. Avrebbe anche un effetto positivo sulla nostra economia digitale, poiché più persone sarebbero in grado di accedere a informazioni, servizi e prodotti online.
Forse ti starai chiedendo come procedere per soddisfarlo. L'accessibilità è qualcosa che dovrebbe essere integrato in ogni aspetto della tua attività, dal livello delle policy fino alle attività quotidiane. Ci vuole tempo per pianificare e implementare una strategia di successo, ma i cinque punti di impegno offrono un modo fantastico per iniziare.
Carattere e testo
Promessa 1: evitare caratteri a dimensione fissa e rendere la dimensione e il colore del testo configurabili dall'utente
Apri il tuo sito web nel tuo browser preferito e gioca con la funzionalità di ridimensionamento del testo, non con lo zoom. Il testo si ridimensiona? È facile da leggere? Il testo inizia a sovrapporsi ad altri contenuti e a nasconderli alla vista?
L'impegno di 180 giorni
I cinque impegni sono:
1. Evitare caratteri a dimensione fissa e rendere la dimensione e il colore del testo configurabili dall'utente, ove possibile. Evitare l'uso di sfondi con motivi.
2. Per rendere il nostro screen reader del nostro sito web/app compatibile con gli screen reader più diffusi come JAWS per Windows, SuperNova, VoiceOver e NVDA.
3. Utilizzare un'interfaccia coerente in tutto il nostro sito Web/app.
4. Per garantire che il nostro sito web/app sia completamente accessibile utilizzando solo la tastiera.
5. Testare il nostro sito web/app con utenti non vedenti e ipovedenti e i loro gruppi di supporto prima di implementare modifiche importanti.
Se il testo non si ridimensiona affatto, è probabile che il tuo sito web utilizzi un carattere fisso e che tu stia visualizzando il tuo sito web con Internet Explorer. La dimensione del testo è stata probabilmente definita utilizzando un'unità di misura fissa come un pixel. La maggior parte dei browser considera i pixel flessibili, ma per il momento non tutte le versioni di Internet Explorer lo fanno.
Il trucco sta nell'utilizzare un'unità di misura flessibile per definire la dimensione del testo sul tuo sito web. "em" è una buona scelta e viene utilizzata da molti sviluppatori esperti. In questo modo le persone potranno ridimensionare il testo sul tuo sito web per adattarlo a loro stessi: il Consiglio della contea del Derbyshire sito è un buon esempio di un sito che funziona.
Quando rendi flessibile il testo sul tuo sito web, dovrai anche pensare a come risponderà il layout di ciascuna pagina quando il testo verrà ridimensionato. Adattare il tuo sito web in modo che ogni pagina abbia una certa elasticità significherà che man mano che la dimensione del testo aumenta, il resto del contenuto si fletterà per adattarlo. In questo modo ti assicurerai che le persone possano leggere le tue informazioni più facilmente e avrai la certezza che il design del tuo sito web sia sempre bello.
Ora pensa ai colori utilizzati dal tuo sito web. Il colore del testo contrasta bene con lo sfondo? Lo trovi facile da leggere? Lo sfondo bianco rende difficile vedere quando la luce splende sullo schermo in un certo modo?
Il colore è un aspetto importante dell'identità del marchio e richiede un'attenta riflessione per creare una tavolozza di colori del marchio che trasmetta i messaggi giusti. Può quindi sembrare improbabile che tu possa fornire scelte di colori alternativi per le persone ipovedenti, senza violare le linee guida del tuo marchio.
