{"id":2089,"date":"2013-10-23T09:56:42","date_gmt":"2013-10-23T13:56:42","guid":{"rendered":"http:\/\/www.equipmentlink.org\/blog\/?p=2089"},"modified":"2013-10-23T09:56:42","modified_gmt":"2013-10-23T13:56:42","slug":"tabindex-and-readingnav-order-web-tip-30","status":"publish","type":"post","link":"http:\/\/www.equipmentlink.org\/blog\/?p=2089","title":{"rendered":"Tabindex and Reading\/Nav Order, Web Tip #30"},"content":{"rendered":"<h2>Tabindex and Reading\/Navigation Order<\/h2>\n<p><b>Difficulty:<\/b> Advanced<\/p>\n<p><b>Category:<\/b><\/p>\n<ul>\n<li>Content<\/li>\n<li>Structure<\/li>\n<li>Presentation<\/li>\n<\/ul>\n<p>The underlying source code determines the default reading and navigation order of content in a web page. <a href=\"http:\/\/webaim.org\/techniques\/keyboard\/tabindex\">Tabindex<\/a> can be used to specify a specific navigation order, but this does not affect the reading order through the page. Tabindex can almost always be avoided if the source code order is logical and intuitive. The reading and navigation order should generally closely follow the visual order of the page. For complex layouts, disabling styles or using the structure\/order or text-only views on <a href=\"http:\/\/wave.webaim.org\/\">WAVE<\/a> can allow you to easily determine default reading\/navigation order.<\/p>\n<div class=\"al2fb_like_button\"><div id=\"fb-root\"><\/div><script type=\"text\/javascript\">\n(function(d, s, id) {\n  var js, fjs = d.getElementsByTagName(s)[0];\n  if (d.getElementById(id)) return;\n  js = d.createElement(s); js.id = id;\n  js.src = \"\/\/connect.facebook.net\/en_US\/all.js#xfbml=1&appId=149587675112835\";\n  fjs.parentNode.insertBefore(js, fjs);\n}(document, \"script\", \"facebook-jssdk\"));\n<\/script>\n<fb:like href=\"http:\/\/www.equipmentlink.org\/blog\/?p=2089\" layout=\"standard\" show_faces=\"true\" share=\"false\" width=\"450\" action=\"like\" font=\"arial\" colorscheme=\"light\" ref=\"AL2FB\"><\/fb:like><\/div>","protected":false},"excerpt":{"rendered":"<p>Tabindex and Reading\/Navigation Order Difficulty: Advanced Category: Content Structure Presentation The underlying source code determines the default reading and navigation order of content in a web page. Tabindex can be used to specify a specific navigation order, but this does not affect the reading order through the page. Tabindex can almost always be avoided if [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_s2mail":"yes","ngg_post_thumbnail":0,"footnotes":""},"categories":[3,14,35],"tags":[],"_links":{"self":[{"href":"http:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2089"}],"collection":[{"href":"http:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2089"}],"version-history":[{"count":1,"href":"http:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2089\/revisions"}],"predecessor-version":[{"id":2090,"href":"http:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2089\/revisions\/2090"}],"wp:attachment":[{"href":"http:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2089"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2089"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2089"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}