2108 WEB - I decaloghi per rendere i siti accessibili ai diversamente abili
Aug 1, 2021 ·
4m 3s
Download and listen anywhere
Download your favorite episodes and enjoy them, wherever you are! Sign up or log in now to access offline listening.
Description
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...
show more
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.
show less
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.
Information
Author | IusOnDemand srl |
Organization | IusOnDemand srl |
Website | - |
Tags |
Copyright 2024 - Spreaker Inc. an iHeartMedia Company