Newsgroup: it.lavoro.professioni.webmaster
Titolo: Info accessibilità sito x non vedenti

Vorrei lavorare a una versione del mio sito accessibile per non vedenti.
non so se nel mio caso ne valga la pena. Nel sito ci sono i miei disegni,
oltre che a dei testi. Per questi non c'č problema, ma per i disegni? Come
si opera in questo caso? Sapete indicarmi dei link, magari in italiano, dove
viene spiegata la procedura?
Grazie,
Daniele
--
-----------------------------------------------
Ludus: Vignette & Fumetti
http://www.ludus.info
-----------------------------------------------
"Tu guardi mai il Grande Fratello?"
"Sě. Ogni volta che tiro la catena."


Ciao,
per iniziare leggiti una traduzione del buon Diodati:
http://www.webaccessibile.org/argomenti/argomento.asp?cat=69
Per il tuo caso, penso sia però necessario usare l'attributo longdesc che
richiama un file esterno di descrizione oppure un d-link.
Ti consiglio di leggere un esempio pratico in Campus:
http://campus.leeds.ac.uk/guidelines/accessibility/alt.htm
--
Questo messaggio potrebbe non risultare leggibile ad utenti con disabilità
visive. Nel caso risultino problemi di lettura, inviate un post in questo
newsgroup in risposta al messaggio originale indicando come testo del
messaggio: NON ACCESSIBILE.

 
http://campus.leeds.ac.uk/guidelines/accessibility/alt.htm
Ti ringrazio.
Quindi mi conviene mettere ogni vignetta in una pagina con a fianco un
d-link, che richiama un'altra pagina html che descrive il disegno. Ma a
questo punto, per risparmiare pagine, posso inserire la vignetta col suo alt
e la longdesc e sotto ne metto la descrizione. Va bene cosě?


 e la longdesc e sotto ne metto la descrizione. Va bene così?
La longdesc è di fatto un collegamento esterno, come il d-link.
Difatti nell'esempio citato:
<img src="diagram.gif" alt="Diagram of Circuit" longdesc="circuit.html">
la "descrizione lunga" è presente nel file circuit.html
mentre per i browser che non supportano la longdesc (ti suggerisco di
leggerti questo interessante thread nel sito del W3C:
http://lists.w3.org/Archives/Public/w3c-wai-ig/2002JulSep/thread.html#379)è
suggerito il d-link:
<a href="diagram.html" title="Description of diagram image">[D]</a>
Se la tua descrizione non è molto lunga, potresti optare per immagine con
sotto la descrizione, magari facendo le cose per bene in XHTML :
http://www.alistapart.com/stories/practicalcss/
di cui riporto una piccola parte di codice:
<div class="container">
<div class="spacer">
  &nbsp;
</div>
<div class="float">
  <img src="image1.gif" width="100" height="100"
  alt="image 1" /><br />
  <p>caption 1</p>
</div>
<div class="float">
  <img src="image2.gif" width="100" height="100"
  alt="image 2" /><br />
  <p>caption 2</p>
</div>
<div class="float">
  <img src="image3.gif" width="100" height="100"
  alt="image 3" /><br />
  <p>caption 3</p>
</div>
<div class="spacer">
  &nbsp;
</div>
</div>
Vedi tu :)


 Vedi tu :)
Grazie,
ho fatto qualche prova, ma serve parecchio esercizio :)
Esempio: non riesco a centrare coi div 2 immagini una di fianco all'altra.
Inoltre: per essere accessibile un sito deve essere necessariamente senza
tabelle?
Grazie,


 tabelle?
Fosse solo quello il problema :)
http://www.aib.it/aib/cwai/WAI-trad.htm


 
http://www.aib.it/aib/cwai/WAI-trad.htm
Una bella lettura. mi conservo il link per "attingere" info.
