Prova a dare una letta a questo 3D
La cultura sbagliata dell'ALT se ti chiarisce le idee
Prova a dare una letta a questo 3D
La cultura sbagliata dell'ALT se ti chiarisce le idee
Facciamo due passi ed allontaniamoci per un attimo dal problema: vorrei prima mostrarti un'altra cosa.
In un documento web, le immagini che vi inseriamo possono essere principalmente di due tipi:
- di contenuto e
- di natura prettamente grafica.
In quest'ultimo tipo ricadono tutte quelle immagini il cui scopo è ornamentale o, per dirla meglio, che aiutano a veicolare le informazioni attraverso una comunicazione grafica visuale. Prendiamo questa pagina come esempio:
- http://www.thinkvitamin.com/intervie...dan-cederholm/
Le immagini di grafica sono ad esempio le sfumature, gli sfondi e via dicendo. Nella maggior parte dei casi, appunto, vengono inserite all'interno del documento come sfondi.
Le immagini di contenuto, invece, sono quelle che fanno realmente parte del contenuto del documento. Prendiamo ad esempio questa pagina:
- www.romagna.net/arsfactory/sapiens/gioconda.htm
In questo caso le foto e i particolari della Monna Lisa sono parte integrante delle informazioni di pagina. Per questo motivo, le immagini di contenuto non vanno inserite come sfondo quanto piuttosto mediante il marcatore <img>.
Ed eccoci arrivati al punto: se un'immagine fa parte del markup significa che veicola una qualche informazione preziosa quanto il testo presente nello stesso documento.
Ora, cosa succede, ad esempio, se ad accedere alla pagina in questione è una persona non vedente? Le immagini perderebbero di potenza comunicativa. Possiamo però fare qualcosa per limitare questa barriera, ovvero fornire ad esse un contenuto alternativo, in forma testuale, che rispecchi con esattezza la funzione comunicativa dell'immagine.
E a questo serve l'attributo alt, il cui nome deriva appunto dall'abbreviazione di alternativa.
P.S. Nel malaugurato caso in cui tu abbia inserito tramite markup e non tramite CSS delle immagini grafiche nel documento, il valore del testo alternativo dovrà essere nullo, ovvero:
In tal modo, i lettori di schermo (i browser per non vedenti) salteranno l'immagine, non considerandola e aiutando quindi a rendere più scorrevole la fruizione del documento.codice:alt=""
P.P.S. Ops, non avevo visto la risposta di salasir; bè, effettivamente merita dare una letta a quella discussione, che affronta più nel dettaglio la parte tecnica del problema.![]()
Leading the Web to Its Full Potential...
www.pierofix.it | www.w3.org | www.zeldman.com/externals | http://browsehappy.com | www.alistapart.com | www.webstandards.org | www.flickr.com/photos/pierofix/
Ti faccio un esempio su un miliardo. Pensi che un papà non vedente non possa voler reperire delle notizie su una gamma di giochi e scegliere quello che meglio si adatta alle passioni di suo figlio per il regalo di compleanno?
Leading the Web to Its Full Potential...
www.pierofix.it | www.w3.org | www.zeldman.com/externals | http://browsehappy.com | www.alistapart.com | www.webstandards.org | www.flickr.com/photos/pierofix/
Considerare l'accessibilità, o in particolare l'utilizzo dell'ALT, solo per i non vedenti è un errore comune.. non cadere nello sbaglio!Originariamente inviato da T. VERCETTI
ho capito, anche se il mio sito parla di videogiochi, quindi mi sembra inutile farlo utilizzabile per i non vedenti.
Pensa semplicemente ad un utente che si collega utilizzando una connessione lentissima, e disabilita le immagini per fare prima. Non è un caso così raro, è capitato anche a me di farlo.
Se non è presente l'ALT, si perderanno per forza di cose alcune informazioni.
La considerazione di TomStardust è sacrosanta.
Volevo solo giustificare il mio intervento dicendo che spesso l'estremizzazione, in questi casi in cui occorre essere sintetici, credo aiuti a far ragionare meglio chi è all'oscuro del grande mondo che è l'accessibilità.
Tutto qua.![]()
Leading the Web to Its Full Potential...
www.pierofix.it | www.w3.org | www.zeldman.com/externals | http://browsehappy.com | www.alistapart.com | www.webstandards.org | www.flickr.com/photos/pierofix/