• a Blog page
  • Front Page
  • About The Tests
    • Page Image Alignment
    • Page Markup And Formatting
    • Clearing Floats
    • Page with comments
    • Page with comments disabled
  • Level 1
    • Level 2
      • Level 3
      • Level 3a
      • Level 3b
    • Level 2a
    • Level 2b
  • Lorem Ipsum
  • Page A
  • Page B
  • Shop
    • Cart
    • My account
    • Checkout
  • 0
My blog
keep your memories alive
Home » Archives for » Archives for
Monthly Archives

October 2018

Uncategorized

Keyboard navigation

by admin October 20, 2018
written by admin

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
October 20, 2018 0 comment
0 FacebookTwitterPinterestEmail

Recent Posts

  • Elementor #1926
  • is slash works / in / URL / slug?
  • Hello world!
  • Block: Image
  • Block: Button

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

Tabs

  • Recent
  • Popular
  • comments
  • Elementor #1926

    December 31, 2023
  • is slash works / in / URL / slug?

    April 17, 2023
  • Hello world!

    June 2, 2021
  • Block: Image

    November 3, 2018
  • Block: Button

    November 3, 2018
  • Template: Comments

    January 3, 2012
  • Block category: Embeds

    November 1, 2018
  • Template: Paginated

    January 8, 2012
  • Media: Twitter Embeds

    March 15, 2011
  • Block: Columns

    November 2, 2018
  • 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
  • Facebook
  • Twitter

@2021 - All Right Reserved. Designed and Developed by PenciDesign


Back To Top
My blog
  • a Blog page
  • Front Page
  • About The Tests
    • Page Image Alignment
    • Page Markup And Formatting
    • Clearing Floats
    • Page with comments
    • Page with comments disabled
  • Level 1
    • Level 2
      • Level 3
      • Level 3a
      • Level 3b
    • Level 2a
    • Level 2b
  • Lorem Ipsum
  • Page A
  • Page B
  • Shop
    • Cart
    • My account
    • Checkout

Shopping Cart

Close

No products in the cart.

Close