diff --git a/custom-words.txt b/custom-words.txt index 0745a42b1c..42cc7a1c11 100644 --- a/custom-words.txt +++ b/custom-words.txt @@ -97,3 +97,4 @@ tristimulus unsynchronized untimed untrap +untrapping diff --git a/understanding/20/no-keyboard-trap.html b/understanding/20/no-keyboard-trap.html index 2b55a64103..4e1414d812 100644 --- a/understanding/20/no-keyboard-trap.html +++ b/understanding/20/no-keyboard-trap.html @@ -11,48 +11,64 @@

Understanding No Keyboard Trap

In brief

-
Goal
Keyboard users don't get stuck.
-
What to do
Ensure users always know how to navigate away from components.
-
Why it's important
People who rely on the keyboard often have no other means to navigate.
+
Goal
+
Keyboard users don't get stuck.
+
What to do
+
Ensure users always know how to navigate away from components.
+
Why it's important
+
People who rely on the keyboard often have no other means to navigate.
-

Intent of No Keyboard Trap

-

The intent of this success criterion is to ensure that that content does not "trap" keyboard focus within subsections of content on a web page. This is a common problem when multiple formats are combined within a page and rendered using plug-ins or embedded - applications. -

+ applications, or when custom components and widgets are not implemented with keyboard users + in mind.

-

There may be times when the functionality of the web page restricts the focus to a - subsection of the content, as long as the user knows how to leave that state and "untrap" - the focus. -

+

There may be times when it's appropriate for a web page to restrict focus to a subsection + of the content – for example, when the user is inside a modal dialog or popover. This does + not fail the requirements of this criterion, as long as the user knows how to "untrap" the focus + and leave that component.

+ +

Keyboard focus is not considered trapped when the user can navigate away from a component + using only a keyboard interface, and if it only requires unmodified arrow or Tab keys + or other "standard exit methods". This specification does not define what constitutes a + "standard exit method" – this is dependent on the user's hardware, user agent, and operating system, + and as such will require some interpretation from authors and auditors. + In most desktop environments, pressing the Esc key is a commonly used "standard exit method". + On mobile operating systems, the use of a physical "back" button on the device or external keyboard can + be seen as a "standard exit method".

+ +

If untrapping focus requires a different method (rather than unmodified arrow or Tab keys or + other "standard exit methods"), content can still pass this criterion provided that the user is + advised how they can untrap focus using their keyboard interface.

Benefits of No Keyboard Trap

- -

Examples of No Keyboard Trap

+
A modal dialog box
+
A web application opens a dialog box. At the bottom of the dialog are two buttons, + "Cancel" and "OK". When the dialog is open, focus is trapped within the dialog – + tabbing from the last control in the dialog takes focus to the first control in the + dialog. The dialog is dismissed by activating the "Cancel" button, the "OK" button, + or the Esc key.
A calendar widget
A calendar widget allows users to add, remove or update items in their calendar using the keyboard. The controls in the widget are part of the tab order within the web @@ -62,20 +78,11 @@

Examples of No Keyboard Trap

Once a user tabs into an applet, further tabs and other keystrokes are handled by the applet. Instructions describing the keystroke used to exit the applet are provided prior to the applet as well as within the applet itself.
-
A modal dialog box
-
A web application brings up a dialog box. At the bottom of the dialog are two buttons, - Cancel and OK. When the dialog has been opened, all web page content outside the dialog becomes - inert and cannot receive focus (though, depending on implementation, the focus cycle - might still include user agent controls). - The dialog is dismissed by activating the Cancel button or the OK button.
-

Resources for No Keyboard Trap

- -
{% # Data for associated techniques is defined in understanding/understanding.11tydata.js %}