Newsgroup: it.lavoro.professioni.webmaster
Titolo: ALT non valido

Ho letto su 
http://liftonline.usablenet.com
 che non è corretto, nel caso si
usi un'immagine al solo scopo "decorativo" o, come nel mio caso (immagine
trasparente), per ottenere uno spazio di tot pixel, inserire alt="spazio",
ma è bene mettere alt=""
Non è sempre opportuno descrivere l'immagine? O quando non offre
informazioni l'alt è meglio lasciarlo vuoto?
Nel caso si decida di descriverla comunque l'immagine, a cosa si va incontro
dal punto di vista dell'accessibilità?
Daniele
-- 
Ludus: Vignette & Fumetti
http://www.ludus.info
http://www.cartoonsandcomics.net
"Le uniche differenze di classe che conosco sono all'interno del mio foglio
di stile."

 incontro dal punto di vista dell'accessibilità?
che un lettore vocale cominci a spiegare immagine per immagine a che
serve... ti sembra utile?
-- 
Lino Mari
http://www.ebow.it
 - e-business on web!
http://www.ebow.it/blog/
 - Mktg Log
http://www.dev2dev.it
 - La rete ha connesso nuove particelle - d2D004

 serve... ti sembra utile?
no, in effetti...
grazie


 ottenere uno spazio?
certo.


 certo.
va be'... e tu come faresti allora? O qual č il modo piů corretto?


 va be'... e tu come faresti allora? O qual č il modo piů corretto?
Puoi sempre usare i CSS...
-- 
===============
Saluti
Web Inside
===============

 va be'... e tu come faresti allora? O qual č il modo piů corretto?
il modo migliore č separare il contenuto dalla presentazione... quindi la
parte di presentazione e struttura devi gestirla esternamente con i fogli di
stile...


 dal punto di vista dell'accessibilità?
Ciao Daniele,
l'effetto che può uscire da l'uso del testo alternativo per immagini
che non hanno un senso compiuto ma solo decorativo può essere meglio
spiegato attraverso questa analisi che abbiamo fatto:
http://checky.bazzmann.com/regione_aosta/checky_regione_aosta.php
Per quanto riguarda la gestione di spazi "bianchi", l'uso dei CSS
è quello più corretto, come ti hanno già accennato. Anche perchè
permette un controllo senza eguali sull'aspetto di impaginazione.
-- 
Aloha,
Marco Trevisan
------------------------------------------------------------------------
< Bazzmann|Mag > E' nato il design molecolare. | 
http://www.bazzmann.com
< Bazzmann Srl > Design molecolare applicato.  | 
http://www.bazzmann.it

 permette un controllo senza eguali sull'aspetto di impaginazione.
Non è proprio uno spazio bianco quello che mi occorre, ma uno trasparente.
ecco perché uso una gif trasparente di 1x1 px ridimensionandola a
piacimento.
Ho provato a creare una classe, impostando sia il padding che l'height, ma
lo spazio è maggiore dei 10 pixel.


lo spazio č maggiore dei 10 pixel.
Spiegati meglio, dove e/o come la usi questa classe?
Tieni presente che IE, se imposti l'height ad una dimensione inferiore
a quella del font-size, lui se ne frega e usa un  height uguale al
font-size. Imposta il font-size ad 1px e risolvi il casino.
Esempio:
<html>
<head>
<style type="text/css">
#d1x1{
	width:1px;
	height:1px;
	background-color:white;
	float:left;
	font-size:1px;
}
#d2x2{
	width:2px;
	height:2px;
	background-color:white;
	float:left;
	font-size:1px;
}
#d3x3{
	width:3px;
	height:3px;
	background-color:white;
	float:left;
	font-size:1px;
}
#d4x4{
	width:4px;
	height:4px;
	background-color:white;
	float:left;
	font-size:1px;
}
body{background-color:red}
</style>
</head>
<body>
<div id="d1x1"></div>
<div id="d2x2"></div>
<div id="d3x3"></div>
<div id="d4x4"></div>
</body>
</html>
Esempio da Javascript:
<html>
<head>
<style type="text/css">
body{background-color:red}
div {float:left;}
</style>
<script type="text/javascript">
function addDiv(){
 var i;
 var md;
 var c;
 var b=document.getElementsByTagName("body")[0];
 for(i=1;i<=40;i++){
	md=document.createElement("div");
	if(i<20){
		md.style.width=i+"px";
		md.style.height=i*4+"px";
	} else {
		md.style.width=(40-i)+"px";
		md.style.height=(40-i)*4+"px";
	}
	md.style.fontSize="1px";
	md.style.backgroundColor="rgb("+i*4+","+i*5+","+i*6+")";
	b.appendChild(md);
 }
}
</script>
</head>
<body onload="addDiv();">
</body>
</html>
'bye