Un web inclusivo anche per i diversamente abili: come si costruisce?
Ho creato una sintesi dei consigli piu' comuni, citando le fonti per gli approfondimenti.
Nell'audio i criteri per avvicinarsi alla materia: non un web pensato per piacere solo a Google, ma anche gli utenti finali.
Audio senza pubblicit? su https://it.tipeee.com/caffe20it/news/123162
Ecco alcune fonti:
- https://www.webaccessibile.org/normative/abi-accessibilita-dellhome-banking/appendice-il-decalogo-dell-accessibilita/
- https://asktog.com/atc/principles-of-interaction-design/
- https://www.usabile.it/082001.htm
- https://www.apogeonline.com/articoli/decalogo-accessibile-luca-accomazzi/
- http://www.labcd.unipi.it/wp-content/uploads/2016/05/Elisa-Salatti-Disabili-digitali-dal-web-agli-ambienti-virtuali.pdf
Proviamo un elenco:
Cosa da NON FARE:
- tabelle per sidebar e contenuti centrali
- javascript che rivelano / nascondono contenuti senza alternative no javascript
- embed e iframe senza alternative noembed noiframe
- testi chiari su fondi chiari; o scuri.
- la grafica non deve abolire la leggibilit?
- no immagini senza testo alternativo e significativo
- no pdf di immagini
- non usare h1 h2 h3 a caso
- no alert javascript o simili
- non chiudere a caso i tag html
Cose DA FARE:
- Usare tanto css per impaginare (MAI inline)
- visualizzare il testo senza immagini, css, javascript per avere una idea di come sara' letto
- supportare i tasti
- anticipare le informazioni utili per scegliere
- usa h1 h2 h3, liste, paragrafi, grassetti.
- chiudi in ordine i tag html che apri
- metti i link sopra termini autoesplicativi (no: "leggi ancora")
- sia leggibile
- sia semplice
- sotto il multimediale inserire sottotitoli
- usa nelle immagini ALT o ALT: LONGDESC
- usa noscript noframe noembed
- nelle tabelle usare i sommari e caption
Criteri:
- disabilit? e' ancora solo ipovisione, non solo cecit? e lettore dello schermo.
- la grafica non prevalga sull'usabilit?
- non limitare troppo quello che l'utente puo' aspettarsi di poter fare: non impedire con alert
- lascia compiere azioni facili
- mantenere struttura comune tra le pagine
- non nascondere la complessit?, verr? comunque ricercata
- pensa a cosa ci deve fare con la pagina l'utente e daglielo subito e non con un piccolo comando
- le interfacce siano facilmente navigabili
- contenuti ulteriori possono essere caricati in un momento successivo
test - checkup:
- socchiudi gli occhi e valuta cosa riesci a fare
- registra uno screencast per spiegare come fare a ... Preparati: sara' umiliante
- testa su piu' schermi, prima mobile.