Intervento agli Accessibility Days 2021

1. #A11YDAYS
Usabilità nella valutazione dei
siti pubblici
WCAG ed Euristiche
Jacopo Deyla
Consulente a11y & UX

2. #a11yDays

3. #a11yDays
una cosa di cui ti accorgi, solo se manca
L’usabilità è

4. #a11yDays
Non se ne può fare a meno
Se un oggetto ce l’ha, lo riesci a usare bene, in fretta, e «con gusto»

5. #a11yDays
Non lo dite a nessuno?
Se vi dico un segreto?

6. #a11yDays
Non è facoltativa, è obbligatoria, per legge
L’usabilità(di siti e app)

7. #a11yDays
non se lo ricorda (o non lo sa?) nessuno,
e quindi nessuno controlla
Il problema è che

8. #a11yDays
da solo, non basta a nessuno,
ecco perché dobbiamo parlarne
Accessibile

9. #a11yDays
Da solo non basta a tutti,
se ti dimentichi di qualcuno «speciale»
Usabile

10. #a11yDays
a valutare l’usabilità (insieme all’accessibilità)
Per cominciare
Oggiqualchespunto

11. #a11yDays
E’ accessibile
(PER LEGGE)
Ciò che è accessibile nei contenuti, ma anche fruibile
ovvero:
• Facilità e semplicità d’uso;
• Efficienza nell’uso (+)
• Efficacia nell’uso (+)
• Soddisfazione nell’uso (= usabilità)

12. #a11yDays
Come si fa a rendere oggettivo
ciò che è soggettivo?
Problema 1
«nell’uso»? (e sembrerebbeuso da parte di tutti)
Un mio articolo sull’argomento usabilità e la legge sull’accessibilità

13. #a11yDays
Come si fa a trasformare in vero/falso
ciò che si può solo misurare?
Problema 2
La legge però è bianca o nera

14. #a11yDays
Requisiti, metodologia ed indicazioni
Linee guida sull’accessibilità
La soluzione si deve cercare nelle

15. #a11yDays
Cosa dicono le linee guida?
(PER I PICCOLI PROGETTI)
Se puoi, fai fare un test a un esperto. e con utenti
disabili
Se non puoi, fai una verifica:
- euristica
- col protocollo eGLU (magari con utenti disabili)

16. #a11yDays
la soluzione più economica
Le euristiche sono
Matengonocontodellepersonecondisabilità?

17. #a11yDays
... basta provare a leggerle con coerenza
WCAG 2
Certo! Perchéle euristiche«sono un po’ anche nelle»

18. #a11yDays
Percepibile, utilizzabile, comprensibile e robusto (solido)
4 principi
WCAG 2

19. #a11yDays
Adattabile, adeguata disponibilità di tempo, navigabile…
13 linee guida
WCAG 2

20. #a11yDays
Le euristiche nelle linee guida AGID
(LE ALTRE LINEE GUIDA - PARTE 1)
1. Percezione:
2. Comprensibilità:
3. Operabilità
4. Coerenza
5. Salvaguardia della salute (safety)
6. Sicurezza

21. #a11yDays
Le euristiche nelle linee guida AGID
(LE ALTRE LINEE GUIDA - PARTE 2)
7. Trasparenza
8. Apprendibilità
9. Aiuto e documentazione
10.Tolleranza agli errori
11.Gradevolezza
12.Flessibilità

22. #a11yDays
Per una questione di coerenza dei termini
– parliamo di legge
L’unica soluzione

23. #a11yDays
Mappare le euristiche, nelle linee guida WCAG
usabilità+accessibilità
(e nei rispettivi punti di controllo), ovvero….

24. #a11yDays
1.Percezione
CORRISPONDE A QUESTE LINEE GUIDA
1.1 Alternative testuali
1.2 Media temporizzati
1.3 Adattabile
1.4 Distinguibile
Ovvero a circa 20 criteri di successo

25. #a11yDays
2.Operabilità (utilizzabilità)
CORRISPONDE A QUESTE LINEE GUIDA
2.1 Accessibile da tastiera
2.2 Adeguata disponibilità di tempo
2.3 Convulsioni e reazioni fisiche
2.4 Navigabile
2.5 Modalità di input
Ovvero a più di 15 criteri di successo

26. #a11yDays
3. Comprensibilità
CORRISPONDE A QUESTE LINEE GUIDA
3.1 Leggibile
3.2 Prevedibile
3.3 Assistenza nell’inserimento
Ovvero 10 criteri di successo, sempre per ciascuna «pagina», sia
per web, che app e doc non web

27. #a11yDays
4 Coerenza
CORRISPONDE A QUESTI CRITERI DI SUCCESSO
3.2.4 Navigazione coerente
3.2.5 Identificazione coerente
Le parole, le definizioni, devono essere esse stesse coerenti, e
quindi dove ricorre la parola coerenza o il tema coerenza, lì
abbiamo individuato i criteri corrispondenti

28. #a11yDays
4 Salvaguardia della salute
CORRISPONDE A 1 CRITERIO DI SUCCESSO
2.3.1 Tre lampeggiamenti o inferiori alla soglia
E’ l’unico requisito che se violato causa più che un fastidio o un
impedimento (crisi epilettiche)

29. #a11yDays
10. Tolleranza agli errori
CORRISPONDE A 4 CRITERIO DI SUCCESSO
2.5.2 Cancellazione delle azioni del puntatore
3.3.3 Suggerimenti per gli errori
3.3.4 Prevenzione degli errori (legali, finanziari, dati)
4.1.3 Messaggi di stato
Dove due di questi potrebbero anche essere 9.Aiuto e
documentazione, ma abbiamo preferito associarli a «errore»

30. #a11yDays
12. Flessibilità
CORRISPONDE A 6 CRITERIO DI SUCCESSO
1.3.4 Orientamento
1.4.4 Ridimensionamento del testo
1.4.10 Ricalcolo del flusso
2.1.2 Nessun impedimento all’uso della tastiera
2.2.1 Regolazione tempi di esecuzione
2.5.1 Movimenti del puntatore
Sono criteri non totalmente bloccanti di adattabilità, che
volevamo «risaltassero» anche per la novità del «mobile»

31. #a11yDays
Le euristiche non mappate sono
6. Sicurezza
7. Trasparenza
8. Apprendibilità
9. Aiuto e documentazione
11. Gradevolezza

32. #a11yDays
perchè per ogni euristica, è stata fatta una scelta
errori
Questa mappatura ha degli

33. #a11yDays
Un esempio di errore
DOVUTO ALLE SCELTE A MONTE
Trasparenza significa comunicare lo stato del sistema
Il requisito WCAG 2.4.2 Titolo di una pagina, è uno dei modi, utile
a chi non vede, per «comunicare lo stato del sistema».
Il titolo però è già analizzato nell’euristica «Percezione», e quindi
era superfluo ripeterlo
Volevamo un report leggibile e che non presentasse più volte il
riferimento allo stesso errore. La mancanza di un titolo incide
meno del «non ruotare» che può essere un vero ostacolo.

34. #a11yDays
Unendo accessibilità ed usabilità (ux a11y)
Valutazione
Un esempiodi

35. #a11yDays

36. #a11yDays

37. #a11yDays

38. #a11yDays

39. #a11yDays

40. #a11yDays
Qualche altro spunto
Si può fare di più?

41. #a11yDays
Nelle linee guida sugli appalti,
si chiedeva di «fare qualcosa» e darne prova
(base/intermedio/avanzato).
Un’idea sull’argomento, era venuta a

42. #a11yDays
test interni sempre con personale disabile,
anche per dare più valore alle persone
Delta V
Idee nate quando è nata la legge:

43. #a11yDays
La ricchezza nascosta degli imprevisti
Voto elettronico
Panel sempremisti

44. #A11YDAYS
DEYLA.COM
Jacopo Deyla
Domande?