Domande generiche

[emanuelevt]

salve, vorrei provi delle domande generiche ma che probabilmente possano interessare tutti noi; in particolare - mi accontento anche se mi potreste indirizzare in altri url - i don't speak english... :

- Come posso evitare di far figurare i link all'inizio del codice (per i non vedenti)

ESEMPIO

<div id="contenitore">

	<div id="con1"><img src="logo2.gif" /> 
	<div id="link">
	
	<ul>

			<li><a href=""><font color="#cc3300;";>home</font> </a>&nbsp;<font size="0.5em">|</font></li>
			<li><a href="">idee </a>&nbsp;<font size="0.5em">|</font></li>
			<li><a href="">servizi</a>&nbsp;<font size="0.5em">|</font></li>
			<li><a href="">contattik</a></li>

	</ul>
	</div>	
	</div>
.......

- Quando faccio i link ovviamente utilizzo <ul>e <li>ma incontro due problemi; il primo legato alla larghezza (in quanto I.E. accetta un'inserimento della larghezza mentre gli altri no) e poi il colore di sfondo vorrei che coprisse l'intera larghezza; come devo fare?

ESEMPIO

/*Esempio con Link che comprono l'intera larghezza*/

#link{width:100%;} 

/* la larghezza del 20% è accettata solo da I.E. ma non da altri broswer*/

#link a{font-family:verdana, arial, serif; text-decoration:none;}

#link ul{list-style-type:none;}
#link li{display:inline;border:1px solid red; width:20%;}
#link li a:link, #link li a:link{color:black;}
*/vorrei che il colore di sfondo copri l'intera larghezza invece occupa solamente l'area della scritta*/
#link li a:hover{background-color:silver;}
#link li a:active{color:black;}

 

[cassiopea257]

Perchè non metti semplicemente il background-color anche in link active, visited e gli altri tipi di link?
Tipo così
#link li a:hover{background-color:silver; color:black;} Viene la scritta nera e lo sfondo argento.
Non è necessrio poi che ripeti il codice anche nella pagina html con font color, basta che lo lasci nel foglio di stile. o stesso per il font, mettilo nel foglio di stile.
Non ho capito la storia dei non vedenti.

 

[emanuelevt]

Allora praticamente i non vedenti quando vanno su internet hanno una sorta di screen reader (non so se tecnicamente si chiamna così) il quale ovviamente legge le informazioni dal codice sorgente (ad esempio quando il non vedente seleziona una immagine il screen reader gli legge tutto ciò che è contenuto in ciò che tu hai scritto all'interno di alt="...") .
Il problema che molti non vedenti vanno incontro è che lo screen reader legge ovviamente dall'alto in basso; motivo per il quale si dovrebbe evitare di mettere i link all'inizio del codice (poiché prima che essi possano sentire il vero contenuto della pagina devono attendere la lettura di tutti i link...) quindi in pratica sarebbe meglio inserire i link o le informazioni non prettamente inerenti al contenuto della pagina, in fondo;

Ma dalla mia parte mi trovo in difficoltà poiché per far visualizzare correttamente in tutti i broswer i miei siti non riesco a inserire i link in fondo al codice... .
P.S.; forse mi sono spiegato male; il mio problema è che il colore di sfondo non si espande per tutta l'area che contiene il link; ccioè se l'area del link è larga 60px il colore di sfondo si mette solamente nella parte contenente la scritta ma non per tutti i 60px...;

 

[alessandro1997]

Scusami, ora io so che tecnicamente non sarebbero affari miei, ma tu pensi che tanti non vedenti visiteranno il tuo sito? Caspita! E quanto deve essere grande?! Neanche Google ha il supporto per non vedenti (o sì?)...

 

[emanuelevt]

Guarda è ovvio che non ho questa pretesa...; però è giusto prendere in considerazione questi due fattori:

- Un sito web professionale deve essere realizzato anche in base alle esigenze dei disabili

- Se tutti la penserebbero come te un disabile non può andare sul web perchè sarebbe tartassato da inutili parole (i link)

Grazie comunque, ciao

:hammer:

 

[alessandro1997]

Se tutti la pensassero, non penserebbero, per carità
Comunque sto facendo qualche ricerca in merito, anche se credo che alla fine non sia così difficile. Hai già provato ad inserire un posizionamento assoluto?

 

[WpStyle]

Se già non lo conosci dai un occhio a questo sito:
http://www.diodati.org/
direi uno dei migliori per informazioni su accessibilità e usabilità

 

[emanuelevt]

Ok il sito è buono, e il div assoluto effettivamente dovrebbere risolvere il problema.

Il secondo problema (penso che per i più esperti sia banale) è quello che se utilizzo i tag <ul><li>..</li></ul> per fare i link non riesco a mettere il colore di sfondo che mi va a corpire tutto il contenuto anziché solo il testo... non mi viene proprio niente in mente qualche idea?

cmq grazie ancora per le risposte.

 

[WpStyle]

Per il background del link prova così:
dai una classe al collegamento

<li><a class="sfondocolorato" href="#">testo del link</a></li>

nel css:

.testo {
	background-color:#000000;
}