Single‑letter keyboard shortcuts that must be remappable, turned off, or only active on focus to prevent accidental activation.
Character key shortcuts are keyboard combinations that trigger actions when users type specific characters, often used in web applications for quick access to features. While these shortcuts can improve efficiency for power users, they can create accessibility barriers when they conflict with assistive technology or when users accidentally trigger them.
WCAG 2.1 Success Criterion 2.5.6 requires that character key shortcuts either be disabled by default, be able to be remapped, or only be active when the component that uses them has focus. This prevents accidental activation and allows users to customize their experience.
The issue becomes particularly problematic when shortcuts conflict with screen reader commands, browser shortcuts, or other assistive technology functions. Users may find themselves accidentally triggering actions they didn't intend, creating a frustrating and potentially unusable experience.
Creating accessible character key shortcuts requires careful consideration of user needs and technical implementation:
Disable by Default: Make shortcuts opt-in rather than opt-out. Users who want shortcuts can enable them, while others won't be affected.
Remapping Options: Allow users to customize shortcut keys to avoid conflicts with their assistive technology or personal preferences.
Focus Requirements: Only activate shortcuts when the relevant component has focus, preventing accidental activation when users are navigating elsewhere on the page.
Visual Indicators: Clearly indicate available shortcuts and their current status. Provide a way for users to see what shortcuts are active.
Alternative Access: Ensure all functionality accessible via shortcuts is also available through other means like menus, buttons, or other standard interface elements.
Conflict Prevention: Test shortcuts with common assistive technologies to ensure they don't interfere with screen reader commands or other accessibility tools.
User Education: Provide clear documentation about shortcuts and how to manage them, including how to disable them if needed.
Join over 1 million websites using WebAbility to ensure digital accessibility compliance and provide equal access to all users.
A visible caret or pointer state that helps users track input focus or text insertion position, essential for low-vision and cognitive accessibility.
Mechanisms such as skip links and landmarks that let users jump past repeated content directly to main sections.
Numeric ratio expressing luminance difference between two colors. Common thresholds: 4.5:1 for normal text, 3:1 for large text or UI.
A visible outline or style that shows which element has keyboard focus. WCAG requires adequate contrast and size.
Strategies to set and maintain focus order during dynamic changes such as modals, route transitions, and component mounts.
This glossary is continuously improved and maintained by WebAbility to advance accessible design and development.Contact us to suggest improvements or report issues.