{"id":2247,"date":"2014-01-29T09:20:21","date_gmt":"2014-01-29T14:20:21","guid":{"rendered":"http:\/\/www.equipmentlink.org\/blog\/?p=2247"},"modified":"2014-01-29T09:20:22","modified_gmt":"2014-01-29T14:20:22","slug":"data-tables-web-tip-40-12914","status":"publish","type":"post","link":"http:\/\/www.equipmentlink.org\/blog\/?p=2247","title":{"rendered":"Data Tables, Web Tip #40, 1\/29\/14"},"content":{"rendered":"<h2>Data Tables<\/h2>\n<p><b>Difficulty:<\/b> Advanced<\/p>\n<p><b>Category:<\/b><\/p>\n<ul>\n<li>Structure<\/li>\n<li>Presentation<\/li>\n<\/ul>\n<p>Because <a href=\"http:\/\/webaim.org\/techniques\/tables\/data\">data tables<\/a> are presented and navigated differently by screen readers than <a href=\"http:\/\/webaim.org\/techniques\/tables\/\">layout tables<\/a>, it is vital that data tables be marked up to support greater accessibility. Row and\/or column headers should be identified as such (using the &lt;th&gt; tag) and given an appropriate scope designating that header as a column header or a row header (&lt;th scope=&#8221;col&#8221;&gt; or &lt;th scope=&#8221;row&#8221;&gt;). For most tables, this markup will ensure that each data cell is programmatically associated with its appropriate row and\/or column headers.<\/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=2247\" 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>Data Tables Difficulty: Advanced Category: Structure Presentation Because data tables are presented and navigated differently by screen readers than layout tables, it is vital that data tables be marked up to support greater accessibility. Row and\/or column headers should be identified as such (using the &lt;th&gt; tag) and given an appropriate scope designating that header [&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\/2247"}],"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=2247"}],"version-history":[{"count":1,"href":"http:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2247\/revisions"}],"predecessor-version":[{"id":2248,"href":"http:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2247\/revisions\/2248"}],"wp:attachment":[{"href":"http:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2247"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2247"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}