Stiamo tostando un nuovo caffe' !




Frasi celebri:
"Saremo noi che abbiamo nella testa un maledetto muro" - Ivano Fossati




Caffe20 è su Telegram: segui o partecipa nel gruppo

2108 WEB - I decaloghi per rendere i siti accessibili ai diversamente abili


2021-08-01 spataro

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.

Continua per tema:
inclusione · disabilità · digitali



store:



Come ascoltarci

Puoi ascoltare il Caffè cliccando su "play" oppure:
cerca caffe20 on Spreaker caffe20 on Spotify Twitter Alexa caffe20 on Estensione caffe20 on iTunes caffe20 on Google Calendar
Ascolta dal lunedì alla domenica, alle 8.30, news e attrezzi di lavoro.