Skip to main content
Home
Back to Guidelines

What is Character Key Shortcuts?

Keyboard shortcuts should use modifier keys like [ctrl], [cmd], or [alt/option]. If single-key shortcuts are used (e.g. ‘S’ for save), it must be possible to turn them off, remap them with a modifier key, or restrict them to when the relevant element is focused.

Keyboard shortcuts should use modifier keys like [ctrl], [cmd], or [alt/option]. If single-key shortcuts are used (e.g. ‘S’ for save), it must be p...

  • Keyboard and screen reader users.
  • People who need predictable interactions.
  • Users who benefit from visible focus and clear labels.

Good vs Bad Examples

Use the tabs to compare the accessible pattern with the example to avoid.

Good Example of Character Key Shortcuts

Shortcut settings allowing single-key shortcuts to be turned off or remapped.
html live code 
<button aria-keyshortcuts="S">Save</button>
Why this is correct (developer logic):
  • Provides an accessible and predictable interaction.
  • Works better for keyboard and assistive technology users.
  • Matches the intended WCAG requirement for this page.

Implementation Checklist

Progress0 / 5 completed (0%)

Knowledge Check

Answer Yes or No to test your understanding of character key shortcuts.

Score: 0 / 3 · Answered: 0 / 3

Does the good example demonstrate character key shortcuts correctly?

Is the bad example acceptable for character key shortcuts?

Should this pattern be checked with keyboard and screen reader testing?