2013-09-04 6 views

risposta

3
<a href="#" title="select from 
1: this 
2: that" > Click here </a> 
+0

ma che dire se sto generando dinamicamente quello dal database. che carattere ho bisogno di mettere – user26

7

Come hai taggato questo con accessibilità, direi che l'approccio più valido non è quello di fare affidamento sul titolo per le informazioni.

Il current HTML spec scoraggia questo uso come persone che usano chi non può usare un mouse (ad esempio a causa di problemi di mobilità) ma usano una tastiera e vedono lo schermo non vedranno mai il testo del suggerimento/titolo. Le persone che utilizzano i touch screen non possono accedervi.

La maggior parte delle persone che utilizzano uno screen reader non è al corrente del testo del titolo, anche se è possibile accedere alla maggior parte dei lettori di schermo, non viene letto per impostazione predefinita e qualcuno dovrebbe sapere per cercarlo. (. E there are more issues)

La specifica suggerisce di utilizzare questo per interruzioni di riga:

Se il valore dell'attributo titolo contiene "LF" (U + 000A) caratteri, il contenuto è diviso in più righe. Ogni carattere "LF" (U + 000A) rappresenta un'interruzione di riga.

Tuttavia, la visualizzazione delle nuove righe dipende dal browser (How can I use a carriage return in a HTML tooltip).

Sospetto che l'approccio dell'interfaccia utente globale richieda un po 'più di riflessione, dal momento che molte persone verrebbero confuse dal tipo di istruzione nel tuo esempio, cioè cosa fare se si fa clic su di esso se ci sono più opzioni?

Se la tua situazione rende difficile il write good link text quindi vorrei postare di più su l'interazione al UX stackexchange.

4

se si sta generando in modo dinamico mettere \ n

$(td).attr("title", "One \n Two \n Three"); 
14

prova con questo codice funziona

<a href="#" title="select from 1: this &#013; 2: that" > Click here </a> 
+2

Questo non funziona in Chrome 43. Dove funziona? – matty