Come funzionano le WCAG?
Pensiamo a una piramide, come proposto da Armony ALTINIER. Le WCAG 2.1 sono formate da:
- 4 principi chiave;
- 13 linee guida;
- 78 criteri di successo;
- + di 600 tecniche.
Con le WCAG 2.2 forse qualche numero cambierà.
4 Principi (POUR)
- Perceivable / Percepibile: In pratica devi assicurare che il contenuto sia accessibile a chiunque;
- Operable / Funzionale: Assicurati che tutte le funzioni siano accessibili, anche con tastiera e Screen reader;
- Understandable / Capibile: contenuti e azioni devono essere facili da capire;
- Robust / Robusto: il contenuto deve essere interpretato in modo corretto dalla maggior parte degli strumenti di supporto come le tecnologie assistive (Screen reader).
13 Linee guida
A ogni Principio corrispondono delle Linee guida.
Ad esempio, il principio 1 Perceivable ha 4 linee guida da rispettare:
1.1 – Fornisci testi alternativi per ogni contenuto non testuale (con alcune eccezioni);
1.2 – Fornisci alternative per i time-based media (video, audio, ecc…);
1.3 – Crea contenuto che può essere presentato in diversi modi senza perdere informazioni e valore strutturale;
1.4 – Facilita la visione e l’ascolto del contenuto per le persone.Per le altre linee guida rimando al link WCAG: https://lnkd.in/dzizE6dq
78 Criteri di successo
A ogni Linea guida corrispondono dei Criteri di successo
Ad esempio, il criterio 1.1.1 si riferisce ai contenuti non testuali (livello A) e dice che:
Tutti i contenuti non testuali devono avere anche dei testi alternativi con significato equivalente, così tutti possono capire. Ci sono però delle eccezioni, ad esempio le immagini decorative che non sono importanti ai fini della comprensione.
+ di 600 tecniche
Ci sono tecniche base e poi suggerimenti.
Ad esempio, per quanto riguarda la linea guida 1.1.1:
Situazione A: C’è una breve descrizione che può servire allo stesso scopo e presentare le stesse informazioni del contenuto non testuale?G94: Allora fornisci quella breve descrizione, ma come?
ARIA6: Puoi farlo assegnando la descrizione all’oggetto con aria-label.
Adesso è un po’ più chiaro come sono fatte le WCAG? Quello che mi sento di suggerire è di capire un po’ alla volta, mettere in pratica, sbagliare, provare senza spaventarsi. Da qualche parte bisogna pur iniziare.