Giorno 14: Aggiungete titoli ai link

Visto che tutto il web si basa sui link, penserete che tutti conoscano l’attributo title ma raramente questi è presente. Per chi non lo sapesse, tutti i link possono avere un titolo, specificato dall’attributo title del tag <a>. Il testo così indicato è in aggiunta a quello che fa da riferimento per il link stesso. Generalmente viene visualizzato nel browser visuale come un tooltip ma può essere rappresentato anche nei browser non visuali.

Non tutti i link devono avere un titolo. Se il testo del link è il nome di un articolo, non aggiungete il titolo; infatti il testo che fa da link è di per sè sufficientemente descrittivo. Ma se leggete il testo del link da solo, fuori dal contesto, e non potete comprendere a cosa si riferisca, aggiungete un titolo.

A chi serve?

  1. A Jackie. JAWS ha un’opzione per leggere il titolo di un link insieme al testo del link stesso. (Questa non è un’opzione già preimpostata. Per attivarla, Jackie preme INSERT+V per visualizzare la finestra di opzioni JAWS, e imposta “Text links verbosity” a “Alt tag or title”.)
  2. A Michael. Quando muove il cursore su un link con Opera, visualizza il titolo del link nella barra di stato e come tooltip. Così da decidere se sprecare preziosa banda nel seguirlo
  3. A Lillian. Quando muove il cursore in Internet Explorer, visualizza il titolo del link come tooltip.
  4. A Marcus. Quando Marcus preme “l“, Lynx visualizza la lista di link presenti nella pagina, includendo per ogni link il titolo, se presente.

Come fare

Su ogni link dove il testo del collegamento stesso non è sufficiente per il lettore per decidere se merita un click, aggiungete un attributo title . Esempio:

  • Nella mia barra di navigazione ho un link alla mia pagina di statistiche, il testo è semplicemente Statistics, ma l’attributo title fornisce ulteriori informazioni:

    <a title="referrers and other visitor statistics" href="/stats/">Statistics</a>

  • Nella mia barra di navigazione ho un link al mio libro, Dive Into Python, così rappresentato:

<a title="Free Python book for experienced programmers" href="http://diveintopython.org/">Dive Into Python</a>

  • Quando collego un articolo usando una frase all’interno di una frase, cerco di usare un attributo title per fornire informazioni che identifichino il link, come il titolo dell’articolo o la citazione. Per esempio , il suggerimento di ieri incluso nella frase:

Why is this a problem? Because <a title="TheCounter.com statistics on Javascript usage in browsers, April 2002" href="http://www.thecounter.com/stats/2002/April/javas.php">11% of Internet users don't use Javascript</a> for one reason or another, including many disabled users whose browsers simply don't support it.

Viene rappresentato così:

Why is this a problem? Because 11% of Internet users don’t use Javascriptfor one reason or another, including many disabled users whose browsers simply don’t support it.

Non esagerate con l’attributo title. Usatelo, come tutto del resto, con moderazione.

Approfondimenti