Corsi on-line

Link esterni accessibili

Le norme relative all’accessibilità raccomandano caldamente (o meglio impongono!) che ogni collegamento ad una risorsa esterna debba essere segnalato come tale:

<a class="link_esterno" href="http://www.sito.it">vai al sito (link esterno)</a>

Inutile dire che l’indicazione “(link esterno)” presente in ogni link non è particolarmente gradevole, esiste però una semplice tecnica per nascondarla agli occhi di coloro che non hanno la necessità di visualizzarla. Per farlo faremo ricorso al tag <span> ed un pizzico di CSS:

<a class="link_esterno" href="http://www.sito.it">vai al sito<span> (link esterno)</span></a>

Aggiungiamo al nostro foglio di stile queste poche righe:

a.link_esterno span
{
  position: absolute;
  left: -5000px;
  width: 4000px;
}

In questo modo la specifica sarà semplicemente spinta al di fuori dell’area visibile della pagina salvando l’accessibilità del link.

Post correlati
I più letti del mese
Tematiche