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

WCAG 2.2: 2.2.6 Timeouts — The Complete Guide

A11Y Guru

0:00 / 0:00

WCAG 2.2: 2.2.6 Timeouts — The Complete Guide

1 просмотр · 1 дн. назад
A11Y Guru
10 подписчиков
1 просмотр · 1 дн. назад
Success Criterion 2.2.6 Timeouts is the AAA rule for the quietest way to lose work: doing nothing. If user inactivity can cause data loss, the user must be warned of the timeout's duration — unless the data is preserved for more than 20 hours even if they never lift a finger. In this deep-dive we watch an application form silently die of inactivity, then fix it with the official W3C sufficient techniques — warn of the duration up front, or preserve the data past 20 hours — and learn to test timeouts with keyboard, DevTools, and NVDA. What you'll learn: The exact requirement of 2.2.6: warn of the timeout's duration, unless data is safe for 20+ hours How 2.2.6 differs from 2.2.1 (control the timer) and 2.2.5 (survive re-auth) Live demos: a form that silently dies of inactivity — then the version that warns and confirms every save How to test: keyboard walkthrough of the warning dialog, DevTools inspection of the inactivity timer, NVDA procedure The official sufficient techniques: warn of the duration up front, preserve data past 20 hours, or set timeouts beyond 20 hours The 20-hour preservation exception — and why 'we keep drafts' must actually be true Official W3C techniques covered: 2.2.6 — warn of the inactivity duration at the start of the process 2.2.6 — the 20-hour rule: data preserved 20+ hours needs no warning 2.2.6 — set session timeouts beyond 20 hours of inactivity 2.2.6 — test inactivity, not just clicks Chapters: 0:00 — Title card: 2.2.6 Timeouts (Level AAA) 0:06 — Series intro 0:44 — What 2.2.6 means 2:21 — Broken vs fixed 3:54 — How to test: keyboard 4:55 — How to test: DevTools 6:08 — How to test: NVDA walkthrough 7:47 — How to fix: official techniques 9:33 — Checklist + next episode Links: Understanding SC 2.2.6 (W3C): https://www.w3.org/WAI/WCAG22/Understandin... How to Meet WCAG 2.2 — 2.2.6 quick reference: https://www.w3.org/WAI/WCAG22/quickref/#ti... NVDA screen reader (free): 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.