{"id":137,"date":"2020-10-06T13:28:50","date_gmt":"2020-10-06T13:28:50","guid":{"rendered":"https:\/\/html5accessibility.com\/stuff\/?p=137"},"modified":"2020-10-06T21:22:55","modified_gmt":"2020-10-06T21:22:55","slug":"micro-note-on-aria-roledescription","status":"publish","type":"post","link":"https:\/\/html5accessibility.com\/stuff\/2020\/10\/06\/micro-note-on-aria-roledescription\/","title":{"rendered":"Micro-note on aria-roledescription"},"content":{"rendered":"

aria-roledescription<\/code> is not a label<\/h1>\n

It is an alternative expression of the Aural UI<\/a> of the role<\/a> of an element.<\/p>\n

inappropriately using aria-roledescription<\/a><\/code> may inhibit users’ ability to understand or interact with an element.<\/strong>
\nARIA 1.1<\/a><\/cite><\/p><\/blockquote>\n

The wrong way to use aria-roledescription<\/code> and<\/em> call out someone as a fascist:<\/h2>\n

\"donald<\/p>\n

code<\/h3>\n
\r\n<img aria-roledescription=\"fascist\" src=\"dt.PNG\" \r\nalt=\"Donald Trump\"><\/code><\/pre>\n
This is wrong because you are not identifying the subject of the image as a fascist<\/em>, you are overwriting the <img><\/code> element role so it effectively becomes a <fascist><\/code> element. Also, there is no explicit text identification of the subject as a fascist.<\/p>\n
A much better way to achieve the aim of identifying a fascist (and not misusing aria-roledescription<\/code>):<\/h2>\n
Example of a fascist<\/figcaption>\"donald<\/figure>\n
code<\/h2>\n
<figure>\r\n<figcaption>Example of a fascist<\/figcaption>\r\n<img src=\"dt.PNG\" alt=\"Donald Trump\">\r\n<\/figure><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
aria-roledescription is not a label It is an alternative expression of the Aural UI of the role of an element. inappropriately using aria-roledescription may inhibit users’ ability to understand or interact with an element. ARIA 1.1 The wrong way to use aria-roledescription and call out someone as a fascist: code <img aria-roledescription=”fascist” src=”dt.PNG” alt=”Donald Trump”> […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-137","post","type-post","status-publish","format-standard","hentry","category-htmlaccessibility"],"_links":{"self":[{"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/posts\/137","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/comments?post=137"}],"version-history":[{"count":15,"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/posts\/137\/revisions"}],"predecessor-version":[{"id":154,"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/posts\/137\/revisions\/154"}],"wp:attachment":[{"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/media?parent=137"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/categories?post=137"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/tags?post=137"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}