Link
I link costituiscono un aspetto essenziale della navigazione Web. Quel che occorre tener presente è gli utenti possono trovare il link nella lettura complessiva della pagina, oppure possono muoversi tra i vari link della pagina con tabulazione o altri meccanismi.
Requisiti dei link
Suggerimenti
- Assicurarsi che il testo della destinazione del link sia chiaro non solo se letto nel contesto, ma anche separatamente. “Clicca qui per registrarti” ha un senso se letto nella sua globalità, ma lo perde se si ascolta o legge solo “Clicca qui”.
- Assicurarsi che il testo de link sia univoco ossia che non esistano link con lo stesso testo ma che puntano a risorse differenti.l
- Occorre assicurarsi che i link siano chiaramente riconoscibili da tutti gli utenti in particolare quelli con difficoltà cognitive o ipovedenti. Fino ad oggi era una convenzione diffusa che i links fossero scritti in blu e sottolineati e che quando il mouse ci fosse passato sopra si trasformava in una manina. Se si vuole adottare un altro stile, occorre comunque rendere chiaramente evidenti i link con lo stile e il colore del carattere, con la trasformazione del cursore del mouse e con altri accorgimenti grafici come freccine e simili. E’ auspicabile che i link, come tutte le altre strutture di comando di un sito, rispettino sempre le stesse convenzioni grafiche.
- Ricordiamo che tutti i link ottentuti mediante javascript devono aprirsi anche quando javascript è disabilitato
- È sconsigliato utilizzare solo simboli grafici cliccabili (esempio pallini, freccine, iconcine) affiancati al testo per implementare il link e in ogni caso se l’area cliccabile dello stesso è troppo piccola si mette in seria difficoltà l’utente che ha un controllo non preciso dei dispositivi di puntamento.
- Quando un link punta ad un file, è bene che all'interno del link sia indicato anche il tipo di file e le sue dimensioni, in modo che l´utente possa valutare se è il caso di aprirlo oppure no, ed è bene indicare dove si può scaricare il programma necessario per la visualizzazione del file.
- Evitare l’uso del metatag HTTP-EQUIV=”REFRESH” per forzare il caricamento di un’altra pagina; preferire meccanismi di redirezione lato server oppure prevedere una pagina statica col link per saltare alla nuova pagina;
- Per limitare la lunghezza dei link, si può aggiungere l'attributo title per fornire una spiegazione più estesa (il contenuto del title è il fumetto che appare quando l'utente posiziona il puntatore del mouse sul link, prova qui).
Esempi
Provate con
un semplice colpo d'occhio: quale tra questi tre link aiuta a capire più in fretta dove porta? Qual'è il più efficace da usare?
Clicca qui per partecipare al nostro sondaggio e vincere un premio
<a href=”test.asp”>Clicca qui</a> per partecipare al nostro sondaggio e vincere un premio
può essere trasformato così:
<a href=”test.asp”>Clicca qui per partecipare al nostro sondaggio e vincere un premio</a>
oppure, meglio ancora:
<a href=”test.asp”>Partecipa al sondaggio e vinci</a>Verifiche sui link
Alcune verifiche possono essere fatte con la
barra dell'accessibilità (versione 2.0), controllando:
- Link significativi: Informazioni > Visualizza i link [nuova finestra]
apparirà una lista in cui sarà semplice capire se il testo dei link ha senso quando letto fuori dal contesto.
- Selezione da tastiera: Struttura > Ordine di tabulazione
verrà mostrato un numero corrispondente all'ordine, verificare che ogni link abbia un numero e che la numerazione segua una sequenza logica.
- Link attivi (on-line): Controlla > Controllo dei link del W3C > Controlla la pagina corrente
Verificare che tutti i link siano funzionanti.
Linee guida per siti ed applicazioni web della Regione Emilia-Romagna
