{"id":1724,"date":"2018-10-20T20:03:48","date_gmt":"2018-10-21T03:03:48","guid":{"rendered":"https:\/\/wpthemetestdata.wordpress.com\/?p=1724"},"modified":"2022-09-20T05:27:57","modified_gmt":"2022-09-20T05:27:57","slug":"keyboard-navigation","status":"publish","type":"post","link":"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/2018\/10\/20\/keyboard-navigation\/","title":{"rendered":"Keyboard navigation"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">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. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">All the functionality, including menus, links and forms should work using a <strong>keyboard only<\/strong>. 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.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">How to keyboard test:<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Tab through your pages, links and forms to do the following tests:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Confirm that all links can be reached and activated via keyboard, including any in dropdown submenus.<\/li><li>Confirm that all links get a visible focus indicator (e.g., a border highlight).<\/li><li>Confirm that all <a href=\"https:\/\/make.wordpress.org\/accessibility\/handbook\/best-practices\/markup\/the-css-class-screen-reader-text\/\">visually hidden links<\/a> (e.g. <a href=\"https:\/\/make.wordpress.org\/accessibility\/handbook\/best-practices\/markup\/skip-links\/\">skip links<\/a>) become visible when in focus.<\/li><li>Confirm that all form input fields and buttons can be accessed and used via keyboard.<\/li><li>Confirm that all interactions, buttons, and other controls can be triggered via keyboard \u2014 any action you can complete with a mouse must also be performable via keyboard.<\/li><li>Confirm that focus doesn\u2019t move in unexpected ways around the page.<\/li><li>Confirm that using shift+tab to move backwards works as well.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Resources<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/make.wordpress.org\/accessibility\/handbook\/\">The Make WordPress Accessibility Handbook <\/a><ul><li><a href=\"https:\/\/make.wordpress.org\/accessibility\/handbook\/test-for-web-accessibility\/\">Test for web accessibility<\/a><\/li><\/ul><\/li><li><a href=\"https:\/\/webaim.org\/techniques\/keyboard\/\">Keyboard Accessibility<\/a> by WebAIM<\/li><li><a href=\"http:\/\/rianrietveld.com\/2016\/05\/10\/keyboard\/\">Workshop keyboard accessibility<\/a><\/li><li><a href=\"https:\/\/make.wordpress.org\/themes\/handbook\/review\/accessibility\/required\/\">Theme review accessibility-ready requirements: Keyboard Navigation<\/a><\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>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&#8230;<\/p>\n<p class=\"read-more\"><a class=\"btn btn-default\" href=\"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/2018\/10\/20\/keyboard-navigation\/\"> Read More<span class=\"screen-reader-text\">  Read More<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"categories":[1],"tags":[122],"class_list":["post-1724","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-codex"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Keyboard navigation - Nisarg<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/2018\/10\/20\/keyboard-navigation\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Keyboard navigation - Nisarg\" \/>\n<meta property=\"og:description\" content=\"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... Read More Read More\" \/>\n<meta property=\"og:url\" content=\"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/2018\/10\/20\/keyboard-navigation\/\" \/>\n<meta property=\"og:site_name\" content=\"Nisarg\" \/>\n<meta property=\"article:published_time\" content=\"2018-10-21T03:03:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-09-20T05:27:57+00:00\" \/>\n<meta name=\"author\" content=\"blogwriter\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"blogwriter\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/demos.falgunithemes.com\\\/nisarg-darkmode\\\/2018\\\/10\\\/20\\\/keyboard-navigation\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/demos.falgunithemes.com\\\/nisarg-darkmode\\\/2018\\\/10\\\/20\\\/keyboard-navigation\\\/\"},\"author\":{\"name\":\"blogwriter\",\"@id\":\"https:\\\/\\\/demos.falgunithemes.com\\\/nisarg-darkmode\\\/#\\\/schema\\\/person\\\/fac2c01f43bf0836299c4af09e3c4351\"},\"headline\":\"Keyboard navigation\",\"datePublished\":\"2018-10-21T03:03:48+00:00\",\"dateModified\":\"2022-09-20T05:27:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/demos.falgunithemes.com\\\/nisarg-darkmode\\\/2018\\\/10\\\/20\\\/keyboard-navigation\\\/\"},\"wordCount\":224,\"publisher\":{\"@id\":\"https:\\\/\\\/demos.falgunithemes.com\\\/nisarg-darkmode\\\/#organization\"},\"keywords\":[\"Codex\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/demos.falgunithemes.com\\\/nisarg-darkmode\\\/2018\\\/10\\\/20\\\/keyboard-navigation\\\/\",\"url\":\"https:\\\/\\\/demos.falgunithemes.com\\\/nisarg-darkmode\\\/2018\\\/10\\\/20\\\/keyboard-navigation\\\/\",\"name\":\"Keyboard navigation - Nisarg\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/demos.falgunithemes.com\\\/nisarg-darkmode\\\/#website\"},\"datePublished\":\"2018-10-21T03:03:48+00:00\",\"dateModified\":\"2022-09-20T05:27:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/demos.falgunithemes.com\\\/nisarg-darkmode\\\/2018\\\/10\\\/20\\\/keyboard-navigation\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/demos.falgunithemes.com\\\/nisarg-darkmode\\\/2018\\\/10\\\/20\\\/keyboard-navigation\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/demos.falgunithemes.com\\\/nisarg-darkmode\\\/2018\\\/10\\\/20\\\/keyboard-navigation\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/demos.falgunithemes.com\\\/nisarg-darkmode\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Keyboard navigation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/demos.falgunithemes.com\\\/nisarg-darkmode\\\/#website\",\"url\":\"https:\\\/\\\/demos.falgunithemes.com\\\/nisarg-darkmode\\\/\",\"name\":\"Nisarg\",\"description\":\"Just another FalguniThemes Site\",\"publisher\":{\"@id\":\"https:\\\/\\\/demos.falgunithemes.com\\\/nisarg-darkmode\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/demos.falgunithemes.com\\\/nisarg-darkmode\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/demos.falgunithemes.com\\\/nisarg-darkmode\\\/#organization\",\"name\":\"Nisarg\",\"url\":\"https:\\\/\\\/demos.falgunithemes.com\\\/nisarg-darkmode\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/demos.falgunithemes.com\\\/nisarg-darkmode\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/demos.falgunithemes.com\\\/nisarg-darkmode\\\/wp-content\\\/uploads\\\/sites\\\/25\\\/2022\\\/09\\\/NisargPro-2.jpg\",\"contentUrl\":\"https:\\\/\\\/demos.falgunithemes.com\\\/nisarg-darkmode\\\/wp-content\\\/uploads\\\/sites\\\/25\\\/2022\\\/09\\\/NisargPro-2.jpg\",\"width\":180,\"height\":109,\"caption\":\"Nisarg\"},\"image\":{\"@id\":\"https:\\\/\\\/demos.falgunithemes.com\\\/nisarg-darkmode\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/demos.falgunithemes.com\\\/nisarg-darkmode\\\/#\\\/schema\\\/person\\\/fac2c01f43bf0836299c4af09e3c4351\",\"name\":\"blogwriter\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b7d6a88f53daa12f400981124e5c76689dbc1e736b5080e43112c79e9616a009?s=96&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b7d6a88f53daa12f400981124e5c76689dbc1e736b5080e43112c79e9616a009?s=96&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b7d6a88f53daa12f400981124e5c76689dbc1e736b5080e43112c79e9616a009?s=96&r=g\",\"caption\":\"blogwriter\"},\"description\":\"I am a blog writer, traveller and photographer. I love to visit new places, try different foods, capture moments in my memories and camera a lot. I also enjoy tea with books.\",\"sameAs\":[\"https:\\\/\\\/falgunithemes.com\"],\"url\":\"https:\\\/\\\/demos.falgunithemes.com\\\/nisarg-darkmode\\\/author\\\/blogwriter\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Keyboard navigation - Nisarg","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/2018\/10\/20\/keyboard-navigation\/","og_locale":"en_US","og_type":"article","og_title":"Keyboard navigation - Nisarg","og_description":"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... Read More Read More","og_url":"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/2018\/10\/20\/keyboard-navigation\/","og_site_name":"Nisarg","article_published_time":"2018-10-21T03:03:48+00:00","article_modified_time":"2022-09-20T05:27:57+00:00","author":"blogwriter","twitter_card":"summary_large_image","twitter_misc":{"Written by":"blogwriter","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/2018\/10\/20\/keyboard-navigation\/#article","isPartOf":{"@id":"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/2018\/10\/20\/keyboard-navigation\/"},"author":{"name":"blogwriter","@id":"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/#\/schema\/person\/fac2c01f43bf0836299c4af09e3c4351"},"headline":"Keyboard navigation","datePublished":"2018-10-21T03:03:48+00:00","dateModified":"2022-09-20T05:27:57+00:00","mainEntityOfPage":{"@id":"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/2018\/10\/20\/keyboard-navigation\/"},"wordCount":224,"publisher":{"@id":"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/#organization"},"keywords":["Codex"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/2018\/10\/20\/keyboard-navigation\/","url":"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/2018\/10\/20\/keyboard-navigation\/","name":"Keyboard navigation - Nisarg","isPartOf":{"@id":"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/#website"},"datePublished":"2018-10-21T03:03:48+00:00","dateModified":"2022-09-20T05:27:57+00:00","breadcrumb":{"@id":"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/2018\/10\/20\/keyboard-navigation\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/2018\/10\/20\/keyboard-navigation\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/2018\/10\/20\/keyboard-navigation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/"},{"@type":"ListItem","position":2,"name":"Keyboard navigation"}]},{"@type":"WebSite","@id":"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/#website","url":"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/","name":"Nisarg","description":"Just another FalguniThemes Site","publisher":{"@id":"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/#organization","name":"Nisarg","url":"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/#\/schema\/logo\/image\/","url":"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/wp-content\/uploads\/sites\/25\/2022\/09\/NisargPro-2.jpg","contentUrl":"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/wp-content\/uploads\/sites\/25\/2022\/09\/NisargPro-2.jpg","width":180,"height":109,"caption":"Nisarg"},"image":{"@id":"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/#\/schema\/person\/fac2c01f43bf0836299c4af09e3c4351","name":"blogwriter","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/b7d6a88f53daa12f400981124e5c76689dbc1e736b5080e43112c79e9616a009?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b7d6a88f53daa12f400981124e5c76689dbc1e736b5080e43112c79e9616a009?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b7d6a88f53daa12f400981124e5c76689dbc1e736b5080e43112c79e9616a009?s=96&r=g","caption":"blogwriter"},"description":"I am a blog writer, traveller and photographer. I love to visit new places, try different foods, capture moments in my memories and camera a lot. I also enjoy tea with books.","sameAs":["https:\/\/falgunithemes.com"],"url":"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/author\/blogwriter\/"}]}},"_links":{"self":[{"href":"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/wp-json\/wp\/v2\/posts\/1724","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/wp-json\/wp\/v2\/comments?post=1724"}],"version-history":[{"count":1,"href":"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/wp-json\/wp\/v2\/posts\/1724\/revisions"}],"predecessor-version":[{"id":1917,"href":"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/wp-json\/wp\/v2\/posts\/1724\/revisions\/1917"}],"wp:attachment":[{"href":"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/wp-json\/wp\/v2\/media?parent=1724"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/wp-json\/wp\/v2\/categories?post=1724"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/demos.falgunithemes.com\/nisarg-darkmode\/wp-json\/wp\/v2\/tags?post=1724"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}