NORME E REGOLAMENTI DI ACCESSIBILITÀ
[paragrafo_grande]In che modo piccoli aggiustamenti nel nostro lavoro di progettazione possono permetterci di progettare applicazioni per il maggior numero? Vi abbiamo già parlato di quelli progettati per semplificare la vita persone con disabilità.[/paragrafo_grande]
In Francia, il 20% delle persone è disabile
L'accessibilità è una delle aree di miglioramento che vorremmo sempre apportare ai nostri progetti. Ma è ancora necessario avere le conoscenze per trovare gli strumenti che ci aiutino in questo processo e questo in ogni fase della progettazione. L'ideale è, naturalmente, iniziare dall'inizio.
Per fare ciò, ho raccolto gli strumenti che mi sono più utili per soddisfare gli standard di accessibilità RGAA e come li utilizzo quotidianamente. Ma prima di entrare nel vivo della questione, ecco alcune informazioni pratiche:
Cos'è l'RGAA?
L' introduzione a RGAA spiega che si tratta di uno standard di accessibilità basato sulle WCAG ( Web Content Accessibility Guidelines ), ovvero regole per l'accessibilità dei contenuti web che presentano un'ampia gamma di raccomandazioni per rendere i contenuti web più accessibili. (fonte: WCAG )
“In conformità con le raccomandazioni europee, che hanno riconosciuto le WCAG 2.0 come standard di riferimento, la legislazione francese ha scelto di allineare le RGAA a queste norme internazionali, fornendo un quadro metodologico e un quadro di riferimento tecnico per verificare la conformità ai criteri di successo delle WCAG 2.0.”
Esistono 3 diversi livelli di conformità
Le livelli di conformità corrispondono ad un livello di requisito relativo al grado di accessibilità del sito. Ecco alcuni esempi di applicazione:
Nel livello A : Il colore non è l'unico mezzo visivo per trasmettere informazioni.
Nel livello AA : I testi piccoli hanno un rapporto di contrasto almeno pari a 4.5
A livello AAA : I testi piccoli hanno un rapporto di contrasto almeno pari a 7
In sintesi, la RGAA è una modalità di applicazione delle WCAG definita dal W3C nell'ambito dell'applicazione dell'articolo 47 del la legge del 2005 sulla disabilità.
Nel 2008, il 70% dei siti inglesi non soddisfaceva gli standard di accessibilità
Huffington Post
Hai mai avuto una disabilità?
Durante il nostro precedente Meetup UX & Accessibilità Episodio II, Sylvie Duchateau (mediatore dell'accessibilità presso Access 42), che è nata cieca, stava dimostrando il suo lettore di schermo NVDA.
Per permetterti di vivere la disabilità in tutte le sue forme, Atalan ha sviluppato a strumento di simulazione. A Ora che l'hai sperimentato, entriamo nel vivo della questione!
STRUMENTI PER LA PROGETTAZIONE ACCESSIBILE
# 1 STELLA
Come funziona ?
La prima caratteristica è un simulatore. I diversi livelli di visione dei colori possono essere testati durante la progettazione. Al volo, possiamo sapere se questa patologia è diffusa e avere dettagli al riguardo. Lo trovo utile per adattare il mio lavoro di progettazione a un vasto pubblico.
La seconda caratteristica ti permette di misurare il livello di contrasto del tuo progetto secondo gli standard WCAG, chi è lei meno gestibile perché bisogna selezionare due livelli (preferibilmente lo sfondo e un elemento) per misurare il contrasto.
Senza Stark
Con Stark – tenendo conto del daltonismo
Apprezziamo
La cosa interessante è che il contrasto viene misurato rispetto ai livelli di conformità AA e AAA e, ove applicabile, notifica le situazioni di guasto. Questo strumento consente di eseguire test durante la produzione e di effettuare un benchmark mirato a uno o più specifici handicap visivi.
Mi fa risparmiare tempo poiché combina due caratteristiche (contrasto e interpretazione errata dei colori) e posso sapere immediatamente se il mio prodotto soddisfa le aspettative di accessibilità. Mi permette anche di adattarmi in base alle esigenze di ogni progetto. Alcuni scelgono di corrispondere solo al livello AA e altri al livello AAA.
Si offre anche di esportare il risultato per fare una dimostrazione e aumentare la consapevolezza dell'accessibilità, molto pratico negli incontri con i clienti!
Piccolo bonus : Durante il test della visione, puoi spostare la finestra Stark su qualsiasi file aperto (JPG, scheda Browser,...) e provare di nuovo!
# 2 Contrasto
Come funziona ?
Come Stark, questa applicazione ti consente di testare il contrasto tra due colori. La ricchezza di questa applicazione è che il test può essere effettuato su qualsiasi software del tuo Macbook. Basta usare la pipetta per ciascuno dei due colori e il gioco è fatto! Sai se il tuo modello è compatibile con AA e AAA. Grazie alla pipetta è anche possibile recuperare il codice esadecimale del colore testato.
Apprezziamo
La possibilità di recuperare i codici esadecimali di tutti gli elementi che appaiono sullo schermo con il contagocce: sul desktop, nel browser, nei software aperti, ecc., è ideale per l'analisi di un sito web.
Potremmo migliorare
Un prezzo leggermente fuori passo con le funzionalità offerte. Apprezzerei che fosse arricchito con altre funzionalità come Stark.
# 3 NOCAFFÈ
Come funziona ?
Offre un simulatore integrato mirato alla disabilità visiva. Il vantaggio rispetto a Stark? l'estensione non include solo la carenza colorimetrica ma anche altre disabilità visive come la miopia o la comparsa di macchie al centro della vista. Puoi regolare l'impatto di ogni disabilità visiva utilizzando il dispositivo di scorrimento, che puoi anche combinare tra loro.
Il più delle volte cerco di avere una persona con una disabilità, questa estensione mi consente di diversificare il tipo di disabilità visiva e adattarlo in base al progetto. Ad esempio, un sito il cui target è tra i 50 e gli 80 anni, più soggetto a AMD, questa estensione sarà perfetta per i test in condizioni. Ma il modo migliore rimane fare appello a un utente che soffre di questo tipo di carenza.
Apprezziamo
Questo plugin è utile per sensibilizzare l'utente sull'impatto di una disabilità visiva. Lo utilizzo in combinazione con Stark e Contrast per condurre una valutazione specialistica.
È durante i test in condizioni reali che possiamo determinare quali elementi sono importanti e/o essenziali.
Nocoffee mi permette di mettermi nei panni di un utente che soffre di disabilità visiva. Dimostrare concretamente i punti di blocco che gli utenti possono incontrare è sempre un grande vantaggio durante un workshop di sensibilizzazione con un cliente.
Una buona dimostrazione è meglio di una lezione sull'accessibilità.
Potremmo migliorare
Mancano i dati sulle persone colpite dal tipo di disabilità in questione, contrariamente a quanto si può trovare a Stark. Inoltre, non è possibile adeguarsi secondo le prime bozze in progettazione.
# 4 Facile
Soluzione di accessibilità digitale
Come funziona?
FACIL'iti è uno strumento che permette di adattare un sito web agli utenti con disabilità. Ancora più completo delle soluzioni precedenti, supporta non solo le disabilità visive, ma anche quelle motorie e cognitive come il morbo di Parkinson e la dislessia. Si adatta a ogni singolo utente e consente una visualizzazione personalizzata. FACIL'iti è molto facile da usare e implementare. Basta aggiungere una riga di codice alla pagina che si desidera rendere accessibile e inserire il logo FACIL'iti per consentire all'utente di attivarlo.
Apprezziamo
Da parte dell'utente, il feedback è molto positivo. Grazie alla creazione di un profilo gratuito, puoi salvare le tue preferenze da un sito all'altro così come da un dispositivo all'altro e mantenere così il tuo comfort di lettura senza la necessità di installare uno strumento aggiuntivo. L'input dell'utente visualizza come una pagina è influenzata da una disabilità. Ma ancora una volta, non fornisce una soluzione chiavi in mano. Tuttavia, aiuta a comprendere meglio la diversità della disabilità.
Qui puoi vedere la navigazione tra un sito informativo e un e-commerce, prima e dopo l'attivazione di FACIL'iti, con parametri che avevo predefinito: “scarsa percezione dei colori e dislessia”.
Spesso quando ci si avvicina al tema dell'accessibilità per il web, la disabilità visiva sarà una priorità. Tuttavia, nella progettazione devono essere considerate anche molte disabilità. Con FACIL'iti ho trovato lo strumento perfetto per dare visibilità alle diverse disabilità che colpiscono gli utenti dei nostri siti web.
Potremmo migliorare
Il piano di abbonamento mensile. Non sono sicuro che i siti che generano poco traffico e i cui proprietari non sono stati informati dei problemi di accessibilità sentiranno il desiderio di impegnarsi in quello che potrebbero erroneamente considerare un investimento perso. .
Non pensato neanche per simulare la sperimentazione di una disabilità, rimane rilevante per la sensibilizzazione e la didattica.
Conclusione
Per progettare siti web più accessibili, ci sono molti passaggi da seguire quando si parte da zero. A volte può sembrare impossibile, ma integrando gradualmente le migliori pratiche nel nostro processo di progettazione, saremo in grado di fornire siti web sempre più accessibili a un pubblico più ampio. Ma soprattutto, per rassicurarvi, ricordate queste parole delle WCAG :
Non è consigliabile impostare un obiettivo AAA a livello di sito poiché non è possibile soddisfare tutti i criteri di successo AAA per alcuni contenuti
PORTA VIA
- Per aumentare la consapevolezza dell'accessibilità, è meglio sperimentare la disabilità
- Testa sempre i tuoi prototipi con utenti mirati
- Sperimenta con gli strumenti finché non trovi quello che funziona meglio per te e soddisfa di più le tue esigenze.
Laetitia Grosjean (@Laetitia_m_g), UX Designer @UX-Repubblica
Scopri i nostri 10 plugin essenziali per Sketch
fonti
https://forum.alsacreations.com/topic-6-41989-1-Rapport-entre-W3C-WCAG-RGAA-et-AccessiWeb.html
https://access42.net/decouvrir-accessibilite
http://www.accessiweb.org/
http://references.modernisation.gouv.fr/e-accessible
https://github.com/jpboutherin/colors-for-all
