{"id":1806,"date":"2010-04-03T17:37:30","date_gmt":"2010-04-03T16:37:30","guid":{"rendered":"http:\/\/www.stevepugh.net\/VTT\/?p=1806"},"modified":"2010-04-03T17:37:30","modified_gmt":"2010-04-03T16:37:30","slug":"screen-readers-html5-aria-all-happy-together","status":"publish","type":"post","link":"https:\/\/stevepugh.net\/VTT\/2010\/04\/screen-readers-html5-aria-all-happy-together\/","title":{"rendered":"Screen readers, HTML5, ARIA &#8211; all happy together?"},"content":{"rendered":"<p>This week I converted a site from XHTML 1 to <a href=\"http:\/\/www.w3.org\/TR\/html5\/\">HTML5<\/a>, and as part of this I moved the <a href=\"http:\/\/www.w3.org\/WAI\/PF\/aria\/\">ARIA<\/a> <a href=\"http:\/\/www.paciellogroup.com\/blog\/?p=106\">landmark role attributes<\/a> from generic <code>div<\/code> elements to various new elements.  And I got to wondering whether this could have unforeseen consequences.<\/p>\n<p>I know from feedback that the ARIA landmark roles have proved useful for some users of this site, so it would be a bad move if this stopped working because their screen readers didn&#8217;t recognise the role attributes on &#8220;unknown&#8221; elements.<\/p>\n<p><code>&lt;div role=\"banner\"><\/code> vs <code>&lt;header role=\"banner\"><\/code><\/p>\n<p><b>I guess what this boils down to, are there any user agents that (a) support the role attribute and (b) use the DOM as generated by a browser engine that fails to recognise HTML5 elements?<\/b><\/p>\n<p>Firefox 2 and Internet Explorer won&#8217;t style HTML5 elements (though IE will after <a href=\"http:\/\/remysharp.com\/2009\/01\/07\/html5-enabling-script\/\">applying a little JavaScript magic<\/a>) but styling isn&#8217;t the same as recognised at a basic level.<\/p>\n<p>This seems like an edge case, as most of the reports I&#8217;ve found whilst searching have indicated that HTML5+ARIA is a good thing and works, but most of the reports don&#8217;t specify versions of user agents used. Does anyone have any links to first hand research into this issue?<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This week I converted a site from XHTML 1 to HTML5, and as part of this I moved the ARIA landmark role attributes from generic div elements to various new elements. And I got to wondering whether this could have unforeseen consequences. I know from feedback that the ARIA landmark roles have proved useful for [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[15],"tags":[33,40,126],"class_list":["post-1806","post","type-post","status-publish","format-standard","hentry","category-www","tag-accessibility","tag-aria","tag-html5"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p1fxq5-t8","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/stevepugh.net\/VTT\/wp-json\/wp\/v2\/posts\/1806","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stevepugh.net\/VTT\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stevepugh.net\/VTT\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stevepugh.net\/VTT\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/stevepugh.net\/VTT\/wp-json\/wp\/v2\/comments?post=1806"}],"version-history":[{"count":0,"href":"https:\/\/stevepugh.net\/VTT\/wp-json\/wp\/v2\/posts\/1806\/revisions"}],"wp:attachment":[{"href":"https:\/\/stevepugh.net\/VTT\/wp-json\/wp\/v2\/media?parent=1806"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stevepugh.net\/VTT\/wp-json\/wp\/v2\/categories?post=1806"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stevepugh.net\/VTT\/wp-json\/wp\/v2\/tags?post=1806"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}