Перейти к содержимому

WCAG 2.2: 2.1.4 Character Key Shortcuts — The Complete Guide

A11Y Guru

0:00 / 0:00

WCAG 2.2: 2.1.4 Character Key Shortcuts — The Complete Guide

5 просмотров · 1 дн. назад
A11Y Guru
10 подписчиков
5 просмотров · 1 дн. назад
Success Criterion 2.1.4 — Character Key Shortcuts (Level A). If your page uses single-character keyboard shortcuts, users must be able to turn them OFF or remap them to include a modifier key like Control or Alt. Why? Speech-input users: say the word "dim" into a text field and a global "d" shortcut hijacks the keystroke. Watch the QuickNotes conflict demo, then the fixed version with a working off switch and remap control. What you'll learn: What 2.1.4 requires, in plain words — off, remap, or focus-scoped Why it exists: speech input, and anyone typing in your interface Broken vs fixed: the QuickNotes shortcut conflict, recorded live How to test: type the shortcut letters in a text field — nothing may fire The one official technique: G217 — turn off or remap, findable and persistent The failure to avoid: F99 — single-key shortcuts with no off switch Your checklist, and the close of Guideline 2.1: Keyboard Accessible Chapters: 0:00 Intro — character key shortcuts 1:21 What 2.1.4 means 3:00 Broken vs fixed: the QuickNotes hijack 4:19 How to test: type in a text field 5:54 The fix: G217 + checklist — Guideline 2.1 complete (next: 2.2 Enough Time) Links: Understanding 2.1.4: https://www.w3.org/WAI/WCAG22/Understandin... How to Meet WCAG (quick reference): https://www.w3.org/WAI/WCAG22/quickref/ NVDA screen reader: https://www.nvaccess.org/ Part of Understanding WCAG 2.2 — one deep-dive video for every success criterion, 1.1.1 through 4.1.3.