{"id":2327,"date":"2014-03-19T10:13:54","date_gmt":"2014-03-19T14:13:54","guid":{"rendered":"http:\/\/www.equipmentlink.org\/blog\/?p=2327"},"modified":"2014-03-19T10:13:54","modified_gmt":"2014-03-19T14:13:54","slug":"aria-components-web-tip-47","status":"publish","type":"post","link":"http:\/\/www.equipmentlink.org\/blog\/?p=2327","title":{"rendered":"ARIA Components, Web Tip #47"},"content":{"rendered":"<h2>ARIA Components<\/h2>\n<p><b>Difficulty:<\/b> Advanced<\/p>\n<p><b>Category:<\/b><\/p>\n<ul>\n<li>Structure<\/li>\n<\/ul>\n<p>The core components of <a href=\"http:\/\/webaim.org\/techniques\/aria\/\">ARIA<\/a> are roles, states, and properties. The dozens of attributes and role values possible in ARIA provide significantly enhanced semantics and accessibility detail over HTML alone. Basic ARIA attributes such as landmark roles, various roles to define the function of non-standard interactive elements (e.g., sliders, links used as buttons, etc.), aria-required for required form elements, aria-labelledby to enhance labeling for complex form elements, and so forth can be easily implemented now without any negative impact on functionality, presentation, or accessibility.<\/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=2327\" 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>ARIA Components Difficulty: Advanced Category: Structure The core components of ARIA are roles, states, and properties. The dozens of attributes and role values possible in ARIA provide significantly enhanced semantics and accessibility detail over HTML alone. Basic ARIA attributes such as landmark roles, various roles to define the function of non-standard interactive elements (e.g., sliders, [&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\/2327"}],"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=2327"}],"version-history":[{"count":1,"href":"http:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2327\/revisions"}],"predecessor-version":[{"id":2328,"href":"http:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2327\/revisions\/2328"}],"wp:attachment":[{"href":"http:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2327"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2327"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}