Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial

Visibile, invisibile o... discreto?

Come visualizzare gli skip links con i CSS?
Come visualizzare gli skip links con i CSS?
Link copiato negli appunti

Stavo leggendo questo tutorial, Designing Accessible Navigation, una buona sintesi delle tecniche HTML e CSS per la realizzazione di menu accessibili. Ad un certo punto si torna di striscio sulla questione del trattamento via CSS degli skip links. Il rimando è ad un lungo articolo pubblicato a suo tempo su Accessites.org.

Ho subito collegato il tutto ad una cosa che ho notato di recente sul sito di Molly Holzschlag. Da qui la triplice alternativa proposta nel titolo. Cosa fare degli skip links? Lasciarli visibili? Renderli invisibili con una qualche tecnica CSS? Oppure usare l'approccio discreto di Molly?

Lo skip link sul suo sito è visibile solo quando si passa il mouse sulla parte superiore della testata. Ho dato una sbirciata al CSS e riporto qui le regole con cui è creato l'effetto:


/* discrete "skip to the content" link */
#header #skipper {display:block; overflow: hidden; font-weight: bold;

text-indent: -600em;background: transparent; text-decoration: none;
padding: 0.5em 0;}

#header #skipper:focus,#header #skipper:hover,#header #skipper:active
{text-indent: 3em; background: #6c3; color: #fff;}

Ti consigliamo anche