19 settembre 05
Capita spesso di progettare delle pagine web che contengono l’abstract del contenuto di un articolo seguito dal link “continua” che ci fa arrivare all’articolo per esteso.
Sappiamo bene che utilizzare, all’interno di una pagina web, parole così generiche e ripetute per i collegamenti compromette l’accessibilità della pagina1: frasi come “continua” o “leggi l’articolo” non danno nessuna informazione sul documento che stiamo per raggiungere attraverso il link ma ancor di più sono alquanto fastidiose per chi attraverso screen-reader, effettua la navigazione tra i link, soprattutto se i “continua” presenti nella pagina sono più di uno.
L’deale sarebbe effetuare il link sul titolo dell’abstract.
Ma sei il cliente vuole per forza il “continua”?
Niente paura, Max Design individua una tecnica CSS che ci permette di usare il “continua” e rendere la nostra pagina accessibile: basta scrivere al fondo di ogni abstract, ad esempio, “continua la lettura di titolo dell’articolo”, inserire uno span dopo il “continua” che ci permette via CSS di nascondere, con un posizionamento assoluto al di fuori della pagina, la frase che segue al “continua”.
Riusciremo in questo modo ad accontentare il cliente e ad avere dei link significativi che ci consentono di avere la pagina accessibile.
«Continua la lettura di E se il cliente vuole il “continua”?», apprendendo la tecnica, sul sito Max Design
1 WCAG 1.0 punto di controllo 13.1,
Requisito n.° 19 della Legge 4 del 9 gennaio 2004
Sezione: blog - Argomenti: accessibilità, css-design |
I commenti sono chiusi per questo articolo.