{"id":47,"date":"2020-05-02T11:48:00","date_gmt":"2020-05-02T10:48:00","guid":{"rendered":"https:\/\/cerovac.com\/a11y\/?p=47"},"modified":"2020-07-08T13:39:39","modified_gmt":"2020-07-08T12:39:39","slug":"screen-reader-compatibility-of-html-elements-and-their-attributes","status":"publish","type":"post","link":"https:\/\/cerovac.com\/a11y\/2020\/05\/screen-reader-compatibility-of-html-elements-and-their-attributes\/","title":{"rendered":"Screen reader compatibility of HTML elements and their attributes"},"content":{"rendered":"\n<p>Not all HTML elements are supported in all screen-readers.<\/p>\n\n\n\n<p>I&#8217;ve encountered a very <a href=\"https:\/\/www.powermapper.com\/tests\/screen-readers\/elements\/\" target=\"_blank\" rel=\"noreferrer noopener\">useful online resource from PowerMapper that includes a extensive table of common HTML elements with common attributes<\/a> (normal and ARIA related) and this should be taken into consideration when we are using them in our projects.<\/p>\n\n\n\n<p>It provides an compatibility matrix for NVDA (for IE, FF and Chrome), JAWS (IE, FF, Chrome) and VoiceOver (Max and iOS).<\/p>\n\n\n\n<p><a href=\"https:\/\/www.powermapper.com\/tests\/screen-readers\/elements\/\" target=\"_blank\" rel=\"noreferrer noopener\">HTML elements Screen reader compatibility overview by PowerMapper (opens in new window)<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We know about browser inconsistencies but we must be aware of screen-reader inconsistencies as well. Additional burden that should be understood.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24,10],"tags":[13,25,19],"class_list":["post-47","post","type-post","status-publish","format-standard","hentry","category-a11y-resources","category-practical-a11y","tag-at","tag-screen-reader","tag-was"],"_links":{"self":[{"href":"https:\/\/cerovac.com\/a11y\/wp-json\/wp\/v2\/posts\/47","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cerovac.com\/a11y\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cerovac.com\/a11y\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cerovac.com\/a11y\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/cerovac.com\/a11y\/wp-json\/wp\/v2\/comments?post=47"}],"version-history":[{"count":0,"href":"https:\/\/cerovac.com\/a11y\/wp-json\/wp\/v2\/posts\/47\/revisions"}],"wp:attachment":[{"href":"https:\/\/cerovac.com\/a11y\/wp-json\/wp\/v2\/media?parent=47"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cerovac.com\/a11y\/wp-json\/wp\/v2\/categories?post=47"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cerovac.com\/a11y\/wp-json\/wp\/v2\/tags?post=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}