Users with certain disabilities do not rely on a mouse to use their devices but control all aspects of their web browsing through the keyboard. Through the use of various keys, they are able to navigate websites much like one would with a mouse.
Now that you have a deeper understanding of keyboard shortcuts, let's discuss situations what 2.1.2 No Keyboard Trap looks to prevent.
For a user to be able to successfully navigate a website using only their keyboard, the functionalities listed above must have the ability to be used. For basic website features such as drop-down navigation, links, and paragraphs, this is not a problem.
The problem comes along when multiple formats are used in tandem on a page. Uses of certain modules, plug-ins or embedded items can result in a situation where if a keyboard-only user enters this feature, there is no method of escape. The user is trapped. In cases where a user gets trapped, their only choice is to exit the browser completely and begin their browsing anew. Chances are, they will never be able to access any content below this plug-in or embedded item as they do not have the means to get through.
If there are items used on a webpage that are not accessibility supported, or if they are accessible but used in a non-conforming way, they must not prevent the user from being able to interact with the remainder of the page.
In cases where the standard keys cannot be used to exit the module, this criterion requires the user be advised of the method they need to use to exit.
Note: While non-accessible modules may be used on a website as long as it is not a Keyboard Trap, in order to be compliant, the information this module provides must still be available using accessibly-supported means.
AudioEye conducts manual usability testing to ensure keyboard traps have been avoided and nothing inhibits full keyboard interaction between the various elements on a page. If keyboard traps are found, in most cases, AudioEye will manually remediate them and may notify the Managed customer about the issue, how it was resolved, and how to resolve the issue at source.
First and foremost, ensure that all components of your website have the ability to be interacted with solely through the use of a keyboard.
If there are any items that require the use of keystrokes not typically used to interact with, or exit from said item, accessible instructions must be provided to inform the user of how to do so.