Giorno 14 – Aggiungete titoli ai link
A cura di Franco Carcillo | giovedì 29 maggio 2003
Link permanente
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?
- 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”.)
- 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
- A Lillian. Quando muove il cursore in Internet Explorer, visualizza il titolo del link come tooltip.
- 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
titlefornisce 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
titleper 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
- Jakob Nielsen: Using Link Titles to Help Users Predict Where They Are Going.
Continua l’argomento con…
- Introduzione
- Giorno 1 – Jackie
- Giorno 2 – Michael
- Giorno 3 – Bill
- Giorno 4 – Lillian
- Giorno 5 – Marcus
- Giorno 6 – Indicate un DOCTYPE
- Giorno 7 – Identificate la vostra lingua
- Giorno 8 – Date titoli significativi
- Giorno 9 – Fornite ulteriori ausili alla navigazione
- Giorno 10 – Presentate subito il contenuto principale
- Giorno 11 – Saltate la barra di navigazione
- Giorno 12 – Usate i colori sicuri
- Giorno 13 – Usate link veri
- Giorno 15 – Definite scorciatoie da tastiera
- Giorno 16 – Non aprite nuove finestre
- Giorno 17 – Definite gli acronimi
- Giorno 18 – Date al calendario una vera didascalia
- Giorno 19 – Usate vere intestazioni di tabella
- Giorno 20 – Fornite un sommario della tabella
- Giorno 22 – Usate liste vere (o fatele sembrare tali)
- Giorno 23 – Fornite testi equivalente per le immagini
- Giorno 24 – Fornite testi equivalenti per mappe di immagini
- Giorno 25 – Usate barre orizzontali vere (o quasi)
- Giorno 26 – Usate dimensioni relative per i font
- Giorno 27 – Usate intestazioni vere
- Giorno 28 – Etichettate gli elementi dei moduli
- Giorno 29 – Rendete tutto ricercabile
- Giorno 30 – Dichiarate il vostro livello di accessibilità
- Giorno 21 – Ignorate le immagini con funzione spaziatrice
- Conclusioni
- Dichiarazione di accessibilità
- Termini di utilizzo
- Traduzioni
- Nota all’edizione italiana














