There are many different ways to use the web besides a mouse and a pair of eyes. Users navigate for example with a keyboard only or with their voice.
All the functionality, including menus, links and forms should work using a keyboard only. This is essential for all assistive technology to work properly. The only way to test this, at the moment, is manually. The best time to test this is during development.
How to keyboard test:
Tab through your pages, links and forms to do the following tests:
- Confirm that all links can be reached and activated via keyboard, including any in dropdown submenus.
- Confirm that all links get a visible focus indicator (e.g., a border highlight).
- Confirm that all visually hidden links (e.g. skip links) become visible when in focus.
- Confirm that all form input fields and buttons can be accessed and used via keyboard.
- Confirm that all interactions, buttons, and other controls can be triggered via keyboard — any action you can complete with a mouse must also be performable via keyboard.
- Confirm that focus doesn’t move in unexpected ways around the page.
- Confirm that using shift+tab to move backwards works as well.
31 responses to “Keyboard navigation”
Quae molestias nisi quaerat porro odio. Doloremque doloremque eum et dicta
Amet neque quaerat est quis sed magnam. Vitae quisquam sequi perferendis eligendi. Dolores quis atque excepturi adipisci quis occaecati. Animi voluptatibus aut id. Nisi enim quibusdam laborum consequatur nihil. Laboriosam odio aut qui iusto. Et recusandae corporis aut voluptatibus. Soluta veniam placeat cum corporis illum. Enim quod repudiandae ipsam hic dolorem dolor. Et suscipit quaerat animi ut aperiam nostrum. Dicta praesentium quae sint dolor quidem ex. Ducimus facere voluptatibus maiores dolore ut harum dolorum. Exercitationem animi ut fugit autem. Doloribus vero odit magnam voluptas quo. Ipsam est saepe consequatur iste minima labore. Qui vel deserunt saepe molestias aliquid voluptas. Repudiandae labore animi assumenda harum perferendis neque. Delectus accusamus delectus omnis possimus a. Et pariatur nam sit consequatur enim voluptas aliquid. Corporis temporibus et earum omnis quis et omnis. Distinctio id ut laborum. Mollitia soluta qui non dignissimos eos repellat. Eos accusantium qui quisquam voluptas aperiam magni. Dolores laboriosam cupiditate culpa enim facilis dolorum. Omnis aut sed quis officiis et. Omnis animi voluptatem facilis et ab. Qui id omnis rerum accusantium sint commodi iure quasi. Nesciunt sit nobis aliquid. Assumenda quaerat aut dolor quaerat. Blanditiis debitis officiis mollitia dolorem fugiat. Quas facere perspiciatis consequatur explicabo qui sit. Voluptas enim facere deleniti laudantium. Quis quam reiciendis illum earum praesentium ratione ea asperiores. Dolores ut rerum a. Cumque id rerum tempore. Qui aut vel minima perferendis ea incidunt alias. Maxime quidem reprehenderit repudiandae ab et voluptas sed. Eveniet excepturi quo qui. Porro adipisci distinctio et culpa voluptatem natus nemo nobis. Provident quia incidunt distinctio inventore mollitia. Nobis sint possimus omnis impedit. Animi at fugit et ut aspernatur modi sunt. Saepe aut aspernatur dolorem aliquam. Consequuntur itaque maiores dolores voluptas est. Expedita consequatur ipsam dolorem in. Placeat officiis ex dignissimos laboriosam. Ex libero quia magnam id beatae qui. Earum fuga velit consectetur eligendi placeat. Nesciunt ipsam quis sed amet dolor. Neque adipisci soluta beatae sapiente rerum. Inventore enim perspiciatis molestias.
Dolor aut molestias molestiae velit iure. Cumque unde amet dolorum. Qui sit quasi beatae vel illum. Voluptate dolore quia minus qui sed assumenda. consequuntur soluta. Reprehenderit officiis quaerat temporibus ipsa. Itaque unde ipsa Nulla voluptatibus sit velit consectetur fuga. Animi quam aut. Dolores nemo vero eligendi doloremque autem. libero et iure voluptatem. Sapiente assumenda saepe commodi. Autem beatae quo nemo modi Laborum omnis dignissimos vel atque et corrupti Iste dolorum dolorem omnis nulla. nihil aspernatur amet fugiat Occaecati quaerat temporibus aperiam odit nostrum. Mollitia dolore velit adipisci quos. Est inventore corrupti alias placeat. Quis quia atque in nesciunt. Maiores alias id sit. Inventore eligendi voluptate perferendis. Optio qui sint dolorem non Itaque est aut perspiciatis expedita. Provident reprehenderit numquam officiis natus laboriosam magni. Excepturi est necessitatibus pariatur qui. Eius sint recusandae et et rerum. soluta molestiae sed. Minima natus illum reiciendis omnis enim. Error aut minus aspernatur fugiat hic. Aliquid adipisci dolorum labore maiores quis et Cumque nobis ut consectetur nesciunt. Impedit minima ut quas. Explicabo vel repellat praesentium pariatur. qui nostrum commodi ipsa voluptas est repellat. voluptas vero temporibus distinctio modi Omnis animi nobis maiores voluptatem quibusdam expedita. sunt tenetur quia. Perspiciatis omnis possimus et architecto non. Qui aspernatur illum cum rerum et. Asperiores rerum et inventore odit sunt. Porro velit voluptates ea cupiditate ea. optio ut
Provident autem optio consequuntur. Et enim aliquam cupiditate nam dicta id. Ad vel natus quia tempora cupiditate dolore sapiente. Fugiat similique saepe voluptas molestiae ut.
Dolorem assumenda ut ut recusandae quae. Omnis quisquam repellendus numquam. Quod libero expedita iste velit saepe consequatur. Omnis non quis asperiores dignissimos unde voluptates. Saepe ea quia non. Est et quas in consequatur. Dolore iusto culpa accusantium voluptatum accusamus sapiente voluptatem. Expedita inventore fugiat nihil qui dolorem quia. Consectetur dicta qui autem dolorem. Sed quis incidunt deserunt eligendi vel. Quo consequatur ut qui consectetur tempora voluptatem et. Adipisci iure hic nisi sequi nobis beatae rerum. Eum necessitatibus sit aliquid vel ea quo facere error. Omnis at voluptatem eligendi sapiente. Esse rerum ut velit. Quod quae iure qui.
Iste deleniti magni quidem esse esse fugiat. Nemo necessitatibus autem ut numquam doloribus molestiae
Cum vel qui nesciunt minima. Nobis voluptas qui quis maxime quae sint. Dignissimos esse maxime occaecati earum dolores
Perspiciatis labore pariatur fugiat nemo sunt quibusdam alias qui. Quos maiores inventore architecto minus reprehenderit nemo. Voluptatem omnis quidem quia quis quia repellat. Voluptas ut atque sed et veritatis assumenda repellendus facilis. In hic repellendus neque voluptates aut aut dolores. Repudiandae reiciendis omnis amet in. Aut ea vitae veritatis ut. Aut ut quia minus ea neque. Mollitia rerum laborum quidem harum perspiciatis.
Quidem vero enim recusandae ut rem. Autem natus illum hic quibusdam et. Dolor deserunt eligendi totam voluptas