menù di navigazione a immagini e accessibilità

[zoom]

per necessità grafiche ho bisogno di creare un menù di navigazione a immagini invece che semplici link.
Ho la necessità di usare gli hover e volevo evitare js, quindi volevo farlo tutto in css
il problema è:
a livello di accessibilità come siamo messi?

altra cosa:
io per il momento avrei fatto una cosa di questo tipo

<ul>[*]
<a .....>link</a>
[*]
<a .....>link</a>
[/list]

e ai link dò font-size:0 (in modo da nascondere il link al caricamento del css) e metto i vari a impostati come block con dimensione fissa e sfondo con l'immagine della scritta.

in questo modo se carico i css vedo i link perfetti con lo sfondo a posto e l'hover, altrimenti vedo le scritte normali. Idem per gli screenReader.

ovviamente IE fa a modo suo e mi lascia una riga anche con font-size:0.

cosa ne dite? ha senso come cosa?
e soprattutto.... come faccio a nascondere il testo a IE? :master:

[pierofix]

Per far "evaporare" il testo, ti consiglio di usare una delle tecniche di Mr. Zeldman:

a {
   text-indent:-9999px;
}

Per il resto non riesco a capire il problema: un semplice image-replacement in css non ti basta?

[zoom]

Originariamente inviato da pierofix
Per il resto non riesco a capire il problema: un semplice image-replacement in css non ti basta?

:master:
cos'è?

rispiego il mio problema...
devo fare un hover che fa cambiare l'immagine del menù.
siccome non voglio usare Js e IE gli hover li interpreta solo su tag a ho messo le immagini come sfondo del a.
funziona perfettamente, ora anche su IE perchè nascondo la scritta.

quello che mi chiedo io è: a livello di accessibilità siamo a posto?
cioè, ci possono essere problemi facendo il menù a immagini in questo modo?
dovrebbe andare bene, vero? :master:

[pierofix]

L'unico problema forse può sorgere nel caso in cui l'utente abbia imposto il blocco di caricamento immagini nel proprio browser.

A fronte di questo, quindi, forse conviene sempre lasciare il testo nel pulsante e solo abbellirlo con qualche sfondo fighet.

Comunque, nel tuo caso, screen-reader o utenti con css disabilitati in generale non dovrebbero avere problemi di accessibilità.

[zoom]

e lo so, però purtroppo in questo caso il grafico ha avuto il sopravvento...
non posso proprio mettere il testo semplice...
comunque la percentuale di browser con caricamento immagini disabilitato dovrebbe essere veramente irrisoria....

oltretutto linx penso non supporti nemmeno il text-indent, quindi sarei a cavallo...


vabbè, diciamo che per ora va bene così.
se troverò dei problemi proverò a rimediare....

grazie

[Mich_]

Devi inserire gli attributi alt in tutte le immagini che hanno un contenuto significativo, ed i title in tutti i link non autoesplicativi.

Mi pare che il tuo caso ricada in ambedue questi obblighi.

A quel punto dovresti essere a posto anche per l'accessibilita`.

[zoom]

per come l'avevo studiata io però sarebbero immagini di sfondo...
dici che invece sarebbe meglio metterle in pagina?
:master:

[pierofix]

Mmm, forse meglio di sfondo.