{"id":476,"date":"2021-08-18T16:05:11","date_gmt":"2021-08-18T16:05:11","guid":{"rendered":"https:\/\/html5accessibility.com\/stuff\/?p=476"},"modified":"2021-08-18T16:05:11","modified_gmt":"2021-08-18T16:05:11","slug":"why-not","status":"publish","type":"post","link":"https:\/\/html5accessibility.com\/stuff\/2021\/08\/18\/why-not\/","title":{"rendered":"Why not?"},"content":{"rendered":"<p>While on holidays I have been pondering a question<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-483 size-medium\" src=\"https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2021\/08\/trormptop-300x245.jpg\" alt=\"Dr Wallow tramples convention under his huge robotis feet\" width=\"300\" height=\"245\" srcset=\"https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2021\/08\/trormptop-300x245.jpg 300w, https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2021\/08\/trormptop.jpg 601w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<h2>Why can&#8217;t ARIA interactive roles be focusable by default like their HTML counterparts?<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-482 size-medium\" src=\"https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2021\/08\/trompbot-300x231.jpg\" alt=\"Dr Swallows robotic legs and feet\" width=\"300\" height=\"231\" srcset=\"https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2021\/08\/trompbot-300x231.jpg 300w, https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2021\/08\/trompbot.jpg 603w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>The <a href=\"https:\/\/html.spec.whatwg.org\/multipage\/interaction.html#the-tabindex-attribute\">HTML specification<\/a> states the following:<\/p>\n<blockquote><p>Modulo platform conventions, it is suggested that the following elements should be considered as <a id=\"the-tabindex-attribute:focusable-area-9\" href=\"https:\/\/html.spec.whatwg.org\/multipage\/interaction.html#focusable-area\">focusable areas<\/a> and be <a id=\"the-tabindex-attribute:sequentially-focusable-8\" href=\"https:\/\/html.spec.whatwg.org\/multipage\/interaction.html#sequentially-focusable\">sequentially focusable<\/a>:<\/p>\n<ul>\n<li><a href=\"https:\/\/html.spec.whatwg.org\/multipage\/text-level-semantics.html#the-a-element\"><code id=\"the-tabindex-attribute:the-a-element\">a<\/code><\/a> elements that have an <a href=\"https:\/\/html.spec.whatwg.org\/multipage\/links.html#attr-hyperlink-href\"><code id=\"the-tabindex-attribute:attr-hyperlink-href\">href<\/code><\/a> attribute<\/li>\n<li><a href=\"https:\/\/html.spec.whatwg.org\/multipage\/form-elements.html#the-button-element\"><code id=\"the-tabindex-attribute:the-button-element\">button<\/code><\/a> elements<\/li>\n<li><a href=\"https:\/\/html.spec.whatwg.org\/multipage\/input.html#the-input-element\"><code id=\"the-tabindex-attribute:the-input-element\">input<\/code><\/a> elements whose <a href=\"https:\/\/html.spec.whatwg.org\/multipage\/input.html#attr-input-type\"><code id=\"the-tabindex-attribute:attr-input-type\">type<\/code><\/a> attribute are not in the <a id=\"the-tabindex-attribute:hidden-state-(type=hidden)\" href=\"https:\/\/html.spec.whatwg.org\/multipage\/input.html#hidden-state-(type=hidden)\">Hidden<\/a> state<\/li>\n<li>[&#8230;]<\/li>\n<\/ul>\n<\/blockquote>\n<p>It is important to note that the above is only a <strong><em>suggestion <\/em><\/strong>it imparts no normative requirement on browsers to implement. But of course, unless browsers did implement it would not be a useful suggestion&#8230;<\/p>\n<p>An additional <em>suggestion<\/em> could be:<\/p>\n<p class=\"note\">Any <a href=\"https:\/\/html.spec.whatwg.org\/multipage\/semantics.html#semantics\">HTML elements<\/a> with <a href=\"https:\/\/w3c.github.io\/html-aria\/\">conforming usage<\/a> of the following ARIA <a href=\"https:\/\/w3c.github.io\/aria\/#host_general_role\"><code>role<\/code><\/a> values <a href=\"https:\/\/w3c.github.io\/aria\/#button\"><code>button<\/code><\/a>, <a href=\"https:\/\/w3c.github.io\/aria\/#checkbox\"><code>checkbox<\/code><\/a>, <a href=\"https:\/\/w3c.github.io\/aria\/#radio\"><code>radio<\/code><\/a>, <a class=\"role-reference\" href=\"https:\/\/w3c.github.io\/aria\/#searchbox\"><code>searchbox<\/code><\/a>, <a class=\"role-reference\" href=\"https:\/\/w3c.github.io\/aria\/#slider\"><code>slider<\/code><\/a>, <a href=\"https:\/\/w3c.github.io\/aria\/#switch\"><code>switch<\/code><\/a>, <a class=\"role-reference\" href=\"https:\/\/w3c.github.io\/aria\/#spinbutton\"><code>spinbutton<\/code><\/a>, <a class=\"role-reference\" href=\"https:\/\/w3c.github.io\/aria\/#tab\">tab<\/a> or <a href=\"https:\/\/w3c.github.io\/aria\/#textbox\"><code>textbox<\/code><\/a>; should be considered as <a id=\"the-tabindex-attribute:focusable-area-9\" href=\"https:\/\/html.spec.whatwg.org\/multipage\/interaction.html#focusable-area\">focusable areas<\/a> and be <a id=\"the-tabindex-attribute:sequentially-focusable-8\" href=\"https:\/\/html.spec.whatwg.org\/multipage\/interaction.html#sequentially-focusable\">sequentially focusable<\/a>.<\/p>\n<h3>Upsides<\/h3>\n<ul>\n<li>Improve accessibility for keyboard users<\/li>\n<li>Simplify coding for developers<\/li>\n<\/ul>\n<h3>Downsides?<\/h3>\n<p>You tell me?<\/p>\n<p><iframe loading=\"lazy\" title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/_c6gDKsPQDM\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>While on holidays I have been pondering a question Why can&#8217;t ARIA interactive roles be focusable by default like their HTML counterparts? The HTML specification states the following: Modulo platform conventions, it is suggested that the following elements should be considered as focusable areas and be sequentially focusable: a elements that have an href attribute [&hellip;]<\/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-476","post","type-post","status-publish","format-standard","hentry","category-htmlaccessibility"],"_links":{"self":[{"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/posts\/476","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=476"}],"version-history":[{"count":10,"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/posts\/476\/revisions"}],"predecessor-version":[{"id":489,"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/posts\/476\/revisions\/489"}],"wp:attachment":[{"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/media?parent=476"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/categories?post=476"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/tags?post=476"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}