---
# Keyboard navigation

**URL:** https://modul-r.codekraft.it/2018/10/keyboard-navigation/
Date: 2018-10-20
Author: Erik
Post Type: post
Summary: 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 […]
Categories: Grid Layout
Tags: Codex
---

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](https://make.wordpress.org/accessibility/handbook/best-practices/markup/the-css-class-screen-reader-text/) (e.g. [skip links](https://make.wordpress.org/accessibility/handbook/best-practices/markup/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.

### Resources

- [The Make WordPress Accessibility Handbook ](https://make.wordpress.org/accessibility/handbook/)
[Test for web accessibility](https://make.wordpress.org/accessibility/handbook/test-for-web-accessibility/)

- [Keyboard Accessibility](https://webaim.org/techniques/keyboard/) by WebAIM
- [Workshop keyboard accessibility](http://rianrietveld.com/2016/05/10/keyboard/)
- [Theme review accessibility-ready requirements: Keyboard Navigation](https://make.wordpress.org/themes/handbook/review/accessibility/required/)

---

## Categories

- Grid Layout

---

## Navigation

- [Home](https://modul-r.codekraft.it/)
- [Theme Setup](https://modul-r.codekraft.it/2019/06/theme-setup/)
- [Environment Setup](https://modul-r.codekraft.it/2019/06/environment-setup/)
- [Functions and Components](https://modul-r.codekraft.it/2019/06/custom-theme-functions/)
- [Classic](https://modul-r.codekraft.it/category/classic/)
- [Shop](https://modul-r.codekraft.it/shop/)
- [Tag /Archive format](https://modul-r.codekraft.it/tag/post-formats/)
- [Modul R](https://wordpress.org/themes/modul-r/)
- [Modul R (git)](https://github.com/erikyo/Modul-R)
- [Modul R Child (git)](https://github.com/erikyo/Modul-R-child)
- [CF7 Antispam](https://wordpress.org/plugins/cf7-antispam/)
- [OH-MY-SVG](https://modul-r.codekraft.it/oh-my-svg/)
- [Model-Viewer WordPress block](https://modul-r.codekraft.it/model-viewer-wordpress-block/)
- [Remove Capslock](https://wordpress.org/plugins/remove-capslock)
- [Blog](https://modul-r.codekraft.it/category/random-access-memories/)
- [Codekraft](https://github.com/codekraft-studio)
- [About Me](https://modul-r.codekraft.it/erik-golinelli/)
- [Contact](https://modul-r.codekraft.it/contacts/)
- [Credits](https://modul-r.codekraft.it/credits/)

## Tags

- Codex

---

## Footer Links

- [Theme Setup](https://modul-r.codekraft.it/2019/06/theme-setup/)
- [Functions and Components](https://modul-r.codekraft.it/2019/06/custom-theme-functions/)
- [Environment Setup](https://modul-r.codekraft.it/2019/06/environment-setup/)
- [Download](https://wordpress.org/themes/modul-r/)
- [Contact form 7](https://modul-r.codekraft.it/category/contact-form-7/)
- [Quick Start](https://modul-r.codekraft.it/category/quick-start/)
- [Classic](https://modul-r.codekraft.it/category/classic/)
- [Post Formats](https://modul-r.codekraft.it/category/post-formats/)
- [Block](https://modul-r.codekraft.it/category/block/)
- [Clothing](https://modul-r.codekraft.it/product-category/clothing/)
- [Privacy Policy](https://modul-r.codekraft.it/privacy-policy/)
- [Proudly powered by WordPress & made in Bologna with ♥ by Codekraft](https://codekraft.it/)