Skip to content

Instantly share code, notes, and snippets.

@eQRoeil
Last active August 29, 2015 14:19
Show Gist options
  • Save eQRoeil/5118fde76b0315844400 to your computer and use it in GitHub Desktop.
Save eQRoeil/5118fde76b0315844400 to your computer and use it in GitHub Desktop.
Liste de raccourcis clavier à éviter pour une webapp

Je cherche une liste (ou en établir une) de raccourcis clavier à éviter pour ne pas venir en conflit avec des raccourcis existants, pour une webapp.

En me basant sur raccourcis clavier de firefox :

  • tab (a11y)
  • ctrl p
  • ctrl c
  • ctrl v
  • ctrl x
  • ctrl s (sauf si c'est un enregistrement ?)
  • ctrl +
  • ctrl -
  • ctrl 0
  • ctrl a
  • ctrl z
  • ctrl y
  • ctrl f
  • ctrl k
  • ctrl e
  • ctrl w
  • ctrl maj w
  • alt F4
  • ctrl + Maj + PgPréc
  • ctrl + Maj + PgSuiv
  • ctrl + Maj + P
  • ctrl + Tab
  • ctrl + PgSuiv
  • ctrl + Maj + Tab
  • ctrl + PgPréc
  • ctrl + Maj + T
  • ctrl + Maj + N
  • ctrl + 1 à 8
  • ctrl + H
  • ctrl + Maj + D
  • ctrl + Maj + I
  • ctrl + D
  • alt ←
  • alt →
  • alt Orig
  • ctrl o

ça commence à faire beaucoup

Comment utiliser des raccourcis claviers (relativement) intuitifs sans ennuyer l'utilisateur ?

@eQRoeil
Copy link
Author

eQRoeil commented Apr 17, 2015

Suite aux retours sur Twitter.

Consensus : c'est pas simple (si on se soucie de raccourcis existants) : raccourcis des navigateurs (et addons), des OS, des AT, des design patterns ARIA…

Précision sur le contexte : rédaction en markdown, les raccourcis servant à activer des helpers (lien, abbr, blockquote etc.) ou afficher la preview, le code html produit…
Le focus est donc principalement sur la zone de saisie en md, ce qui me fait éviter les raccourcis une touche (à la Gmail)

Quelques pistes :

  • surcharger les existants quand ça a du sens ctrl + s pour sauvegarder (ex: codepen)
  • laisser le choix à l'utilisateur de personnaliser ses propres raccourcis merci goetsu
  • j'ai pensé à un raccourci unique qui donnerait le focus sur un champ auto-complete avec des liens/buttons qui produiraient l'action attendue : le nombre d'appui sur les touches devrait être comparable, pas de (sauf 1) raccourcis à mémoriser (en gros le ctrl shift p de sublime text et filtre sur les propositions à la saisie puis entrée…) combiné à une présentation slideshow avec nav ← →

Pour référence, raccourcis :

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment