{"id":2368,"date":"2014-04-09T09:15:00","date_gmt":"2014-04-09T13:15:00","guid":{"rendered":"http:\/\/www.equipmentlink.org\/blog\/?p=2368"},"modified":"2014-04-09T09:15:00","modified_gmt":"2014-04-09T13:15:00","slug":"landmark-roles-web-tip-49-4914","status":"publish","type":"post","link":"http:\/\/www.equipmentlink.org\/blog\/?p=2368","title":{"rendered":"Landmark Roles, Web Tip #49, 4\/9\/14"},"content":{"rendered":"<h2>Landmark roles<\/h2>\n<p><b>Difficulty:<\/b> Advanced<\/p>\n<p><b>Category:<\/b><\/p>\n<ul>\n<li>Structure<\/li>\n<\/ul>\n<p>Adding landmark roles to your page is an easy way to enhance accessibility. Landmark roles are part of <a href=\"http:\/\/webaim.org\/techniques\/aria\/\">ARIA<\/a>, a new accessibility specification. Landmark roles define significant web page areas and provide the user quick access to them. The available landmark roles are application, banner, complementary, contentinfo, form, main, navigation, and search. You can simply add role=&#8221;search&#8221; to your search form (&lt;form role=&#8221;search&#8221;&gt;) to identify it specifically as the search form on the page. &lt;div role=&#8221;main&#8221;&gt; designates the element that contains the main content. &lt;ul role=&#8221;navigation&#8221;&gt; could be used to specify the navigation items for a page. Landmark roles can easily provide significant functionality and increased accessibility to keyboard and screen reader users.<\/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=2368\" 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>Landmark roles Difficulty: Advanced Category: Structure Adding landmark roles to your page is an easy way to enhance accessibility. Landmark roles are part of ARIA, a new accessibility specification. Landmark roles define significant web page areas and provide the user quick access to them. The available landmark roles are application, banner, complementary, contentinfo, form, main, [&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,29,35],"tags":[],"_links":{"self":[{"href":"http:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2368"}],"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=2368"}],"version-history":[{"count":1,"href":"http:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2368\/revisions"}],"predecessor-version":[{"id":2369,"href":"http:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2368\/revisions\/2369"}],"wp:attachment":[{"href":"http:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2368"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2368"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}