Skip to content
NisargPRO
  • Home
  • Sample Page
  • Luxury Travel
  • Recipes
    • dessert
    • cakes
    • Soup
  • Lifestyle
  • Page Markup And Formatting
  • Markup
  • Cart
  • Shop
  • Search Icon

NisargPRO

Keyboard navigation

Keyboard navigation

October 20, 2018 blogwriter

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.

Resources

  • The Make WordPress Accessibility Handbook
    • Test for web accessibility
  • Keyboard Accessibility by WebAIM
  • Workshop keyboard accessibility
  • Theme review accessibility-ready requirements: Keyboard Navigation

Uncategorized
Codex

Post navigation

PREVIOUS
Markup: HTML Tags and Formatting
NEXT
Block category: Formatting
Comments are closed.

Recent Comments

  • John Doe on Edge Case: No Content
  • Jane Doe on Protected: Template: Password Protected (the password is “enter”)
  • Jane Doe on Template: Comments
  • John Doe on Template: Comments
  • John Μαρία Doe Ντουε on Template: Comments

Archives

  • September 2022
  • August 2021
  • June 2021
  • May 2021
  • April 2021
  • February 2021
  • January 2021
  • December 2020
  • January 2020
  • November 2018
  • October 2018
  • January 2013
  • March 2012
  • January 2012
  • March 2011
  • October 2010
  • September 2010
  • August 2010
  • July 2010
  • June 2010
  • May 2010
  • April 2010
  • March 2010
  • February 2010
  • January 2010
  • October 2009
  • September 2009
  • August 2009
  • July 2009
  • June 2009
  • May 2009

Tags

alignment berries blueberry cafe cake captions categories celebration chat cheesecake cherries Codex Columns comments content περιεχόμενο cream css edge case embeds excerpt featured image formatting fruits gallery Healthy html image jetpack layout link markup Post Formats quote shortcode Soup standard tart template title travel twitter vacation vegetables video wordpress.tv

Meta

  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org

About

What is Lorem Ipsum? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Recent Posts

  • This moment is the peak of my life
  • In every walk with nature, one receives far more than he seeks
  • You, me and the sea
  • Restaurants & cafe reviews
  • A luxury treehouse in the Jungle.
© 2025   All Rights Reserved.