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.