it-swarm-eu.dev

Descrizione comando per indicare la scorciatoia da tastiera che coinvolge i tasti cursore

Nella nostra applicazione (web), vogliamo descrizioni comandi (leggi: attributi del titolo) che indicano anche le scorciatoie per i pulsanti. Abbiamo alcuni pulsanti che coinvolgono i tasti cursore ('freccia').

Abbiamo provato a usare personaggi come ⬅ e ←, ma non sembrano proprio corretti. Abbiamo anche provato a spiegarlo, ad es. "Tasto freccia sinistra", ma è un po 'prolisso.

Qual è un buon modo per farlo?

2
Sietse

Forse potresti provare un carattere Dingbat con i tasti della tastiera reali? Qualcosa come questo:

alt text

1
fluxd

Le descrizioni comandi dell'attributo di base "titolo" sono molto limitate e non rappresentano la migliore opzione: i browser possono visualizzarle o meno come previsto.

Penso che il commento di @Rahul sia molto buono in questo senso: potresti voler guardare una soluzione tooltip più completa. Ci sono molte librerie predefinite per darti tooltip più flessibili, solidi e accattivanti dell'attributo di base "title".

Se stai guardando l'attributo title per motivi di accessibilità (come opzione di fallback da soluzioni tooltip più complesse), allora penso che l'opzione dettagliata ('Premi il tasto freccia sinistra per ...') sia la tua migliore opzione: uno screen reader dovrebbe leggere fuori bene.

1
FOR

Cosa c'è che non va nella tua prima icona? Sembra quasi perfetto, per me. Certo, sarebbe meglio vederlo nel contesto delle altre icone di "scorciatoie da tastiera", ma sembra che trasmetterà le informazioni importanti, vale a dire "questo è il tasto cursore sinistro".

Se vuoi essere più chiaro, puoi colorarlo di beige in base al fatto che è il colore più probabile del tasto che l'utente premerà. Forse un po 'di ombreggiatura e rimodellamento dell'icona aiuterebbero a enfatizzare la sua "chiave".

0
Bobby Jack

Se passi oltre utilizzando l'attributo title e utilizzi invece una soluzione CSS, potresti effettivamente fornire sia una piccola immagine del tasto della tastiera sia una breve descrizione sotto di essa. Esiste una vasta raccolta di pagine Web molto interessanti e immagini di esempio di "Immagini chiave tastiera CSS" usano quella frase in una ricerca di immagini di Google per cominciare, ecco una pagina erudita di qualcuno che ha rotto il modo in cui viene fatto sulle pagine Stack Overflow vedi: -

http://www.jimmyscode.com/css-styling-for-kbd-tags/

0
bobbyg