a11yTips — Ensure keyboard focus does not get trapped in…

Ensure keyboard focus does not get trapped in content

no. 036

Make sure keyboard users can freely navigate throughout the page

Whenever users navigate through a page using nothing but their keyboard, there’s a possibility to become trapped in a subset of the content that can only be exited using a mouse or a pointing device. Such roadblocks can quickly make progression through content impossible for users with visual or motor impairments, preventing them from using a mouse. Therefore, it is important to ensure that content does not “trap” keyboard focus within subsections of content on a Web page. As a rule of thumb, users should expect to be able to move into, and away form, any user interface component, simply by using their keyboard.

To do so, simply make sure that keyboard focus can be moved inside every component made available in the page and that users can just as easily navigate out of those components, again, using only the keyboard. Whenever leaving a component requires more than just tabbing out of it using the tabulation key, make sure instructions are conveniently provided, so users can effortlessly do so. This will ensure that users who do not or cannot use a mouse [...]

Read article at dboudreau.tumblr.com

Article Taxonomies

Categories:
Fatal error: Uncaught Error: Object of class WP_Error could not be converted to string in /home/webable/www/www/wp-content/themes/webable/content-mcm.php:65 Stack trace: #0 /home/webable/www/www/wp-includes/template.php(792): require() #1 /home/webable/www/www/wp-includes/template.php(725): load_template('/home/webable/w...', false, Array) #2 /home/webable/www/www/wp-includes/general-template.php(206): locate_template(Array, true, false, Array) #3 /home/webable/www/www/wp-content/themes/webable/single-mcm_article.php(15): get_template_part('content-mcm') #4 /home/webable/www/www/wp-includes/template-loader.php(106): include('/home/webable/w...') #5 /home/webable/www/www/wp-blog-header.php(19): require_once('/home/webable/w...') #6 /home/webable/www/www/index.php(17): require('/home/webable/w...') #7 {main} thrown in /home/webable/www/www/wp-content/themes/webable/content-mcm.php on line 65