Update implicit ARIA roles according to spec changes (#29546)

* Set implicit role mappings to `generic` Implements changes from w3c/html-aria#425 * Set address' element implicit role to `group` Implements change from w3c/html-aria@ba30b83 * Assign ARIA 1.2 roles to elements Implements changes from w3c/html-aria#392 * Make `<section>` with inaccessible name's implicit role to be `generic` See w3c/html-aria#475 * Set implicit ARIA mapping for <s> element to `deletion` See w3c/html-aria#469 * Set `form` as the only implicit ARIA role for the form element See w3c/html-aria#402
mdn · Oct 14, 2023 · e31cb59 · e31cb59
1 parent f9de345
commit e31cb59
Show file tree

Hide file tree

Showing 33 changed files with 111 additions and 63 deletions.
diff --git a/files/en-us/web/html/element/a/index.md b/files/en-us/web/html/element/a/index.md
@@ -478,9 +478,7 @@ Spacing may be created using CSS properties like {{CSSxRef("margin")}}.
       <td>
         <a href="/en-US/docs/Web/Accessibility/ARIA/Roles/link_role"><code>link</code></a> when <code>href</code> attribute is
         present, otherwise
-        <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"
-          >no corresponding role</a
-        >
+        <a href="/en-US/docs/Web/Accessibility/ARIA/Roles/generic_role"><code>generic</code></a>
       </td>
     </tr>
     <tr>

diff --git a/files/en-us/web/html/element/address/index.md b/files/en-us/web/html/element/address/index.md
@@ -102,8 +102,10 @@ Although it renders text with the same default styling as the {{HTMLElement("i")
     <tr>
       <th scope="row">Implicit ARIA role</th>
       <td>
-        <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"
-          >No corresponding role</a
+        <code
+          ><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/group_role"
+            >group</a
+          ></code
         >
       </td>
     </tr>

diff --git a/files/en-us/web/html/element/area/index.md b/files/en-us/web/html/element/area/index.md
@@ -151,7 +151,8 @@ This element's attributes include the [global attributes](/en-US/docs/Web/HTML/G
     <tr>
       <th scope="row">Implicit ARIA role</th>
       <td>
-        <a href="/en-US/docs/Web/Accessibility/ARIA/Roles/link_role"><code>link</code></a> when <a href="/en-US/docs/Web/HTML/Element/area#href"><code>href</code></a> attribute is present, otherwise <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role">no corresponding role</a>
+        <a href="/en-US/docs/Web/Accessibility/ARIA/Roles/link_role"><code>link</code></a> when <a href="/en-US/docs/Web/HTML/Element/area#href"><code>href</code></a> attribute is present, otherwise
+        <a href="/en-US/docs/Web/Accessibility/ARIA/Roles/generic_role"><code>generic</code></a>
       </td>
     </tr>
     <tr>

diff --git a/files/en-us/web/html/element/b/index.md b/files/en-us/web/html/element/b/index.md
@@ -82,8 +82,10 @@ Keywords are displayed with the default style of the
     <tr>
       <th scope="row">Implicit ARIA role</th>
       <td>
-        <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"
-          >No corresponding role</a
+        <code
+          ><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/generic_role"
+            >generic</a
+          ></code
         >
       </td>
     </tr>

diff --git a/files/en-us/web/html/element/bdi/index.md b/files/en-us/web/html/element/bdi/index.md
@@ -156,8 +156,10 @@ body {
     <tr>
       <th scope="row">Implicit ARIA role</th>
       <td>
-        <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"
-          >No corresponding role</a
+        <code
+          ><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/generic_role"
+            >generic</a
+          ></code
         >
       </td>
     </tr>

diff --git a/files/en-us/web/html/element/bdo/index.md b/files/en-us/web/html/element/bdo/index.md
@@ -83,8 +83,10 @@ The HTML 4 specification did not specify events for this element; they were adde
     <tr>
       <th scope="row">Implicit ARIA role</th>
       <td>
-        <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"
-          >No corresponding role</a
+        <code
+          ><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/generic_role"
+            >generic</a
+          ></code
         >
       </td>
     </tr>

diff --git a/files/en-us/web/html/element/blockquote/index.md b/files/en-us/web/html/element/blockquote/index.md
@@ -86,8 +86,10 @@ This example demonstrates the use of the `<blockquote>` element to quote a passa
     <tr>
       <th scope="row">Implicit ARIA role</th>
       <td>
-        <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"
-          >No corresponding role</a
+        <code>
+          <a href="/en-US/docs/Web/Accessibility/ARIA/Roles/structural_roles#structural_roles_with_html_equivalents"
+            >blockquote</a
+          ></code
         >
       </td>
     </tr>

diff --git a/files/en-us/web/html/element/caption/index.md b/files/en-us/web/html/element/caption/index.md
@@ -119,7 +119,10 @@ td {
     <tr>
       <th scope="row">Implicit ARIA role</th>
       <td>
-        <a href="/en-US/docs/Web/Accessibility/ARIA/Roles/structural_roles#structural_roles_with_html_equivalents">caption</a>
+        <code
+          ><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/structural_roles#structural_roles_with_html_equivalents">caption</a
+          ></code
+        >
       </td>
     </tr>
     <tr>

diff --git a/files/en-us/web/html/element/code/index.md b/files/en-us/web/html/element/code/index.md
@@ -79,8 +79,9 @@ A CSS rule can be defined for the `code` selector to override the browser's defa
     <tr>
       <th scope="row">Implicit ARIA role</th>
       <td>
-        <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"
-          >No corresponding role</a
+        <code
+          ><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/structural_roles#structural_roles_with_html_equivalents">code</a
+          ></code
         >
       </td>
     </tr>

diff --git a/files/en-us/web/html/element/data/index.md b/files/en-us/web/html/element/data/index.md
@@ -52,8 +52,10 @@ The **`<data>`** [HTML](/en-US/docs/Web/HTML) element links a given piece of con
     <tr>
       <th scope="row">Implicit ARIA role</th>
       <td>
-        <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"
-          >No corresponding role</a
+        <code
+          ><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/generic_role"
+            >generic</a
+          ></code
         >
       </td>
     </tr>

diff --git a/files/en-us/web/html/element/dd/index.md b/files/en-us/web/html/element/dd/index.md
@@ -63,7 +63,11 @@ For examples, see the [examples provided for the `<dl>` element](/en-US/docs/Web
     </tr>
     <tr>
       <th scope="row">Implicit ARIA role</th>
-      <td><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/definition_role"><code>definition</code></a></td>
+      <td>
+        <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"
+          >No corresponding role</a
+        >
+        </td>
     </tr>
     <tr>
       <th scope="row">Permitted ARIA roles</th>

diff --git a/files/en-us/web/html/element/del/index.md b/files/en-us/web/html/element/del/index.md
@@ -55,8 +55,9 @@ This element is often (but need not be) rendered by applying a strike-through st
     <tr>
       <th scope="row">Implicit ARIA role</th>
       <td>
-        <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"
-          >No corresponding role</a
+        <code
+          ><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/structural_roles#structural_roles_with_html_equivalents">deletion</a
+          ></code
         >
       </td>
     </tr>

diff --git a/files/en-us/web/html/element/div/index.md b/files/en-us/web/html/element/div/index.md
@@ -117,8 +117,10 @@ This example creates a shadowed box by applying a style to the `<div>` using CSS
     <tr>
       <th scope="row">Implicit ARIA role</th>
       <td>
-        <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"
-          >No corresponding role</a
+        <code
+          ><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/generic_role"
+            >generic</a
+          ></code
         >
       </td>
     </tr>

diff --git a/files/en-us/web/html/element/dt/index.md b/files/en-us/web/html/element/dt/index.md
@@ -65,7 +65,11 @@ For examples, see the [examples provided for the `<dl>` element](/en-US/docs/Web
     </tr>
     <tr>
       <th scope="row">Implicit ARIA role</th>
-      <td><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/term_role"><code>term</code></a></td>
+      <td>
+        <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"
+          >No corresponding role</a
+        >
+      </td>
     </tr>
     <tr>
       <th scope="row">Permitted ARIA roles</th>

diff --git a/files/en-us/web/html/element/em/index.md b/files/en-us/web/html/element/em/index.md
@@ -91,8 +91,9 @@ In this example, the `<em>` element is used to highlight an implicit or explicit
     <tr>
       <th scope="row">Implicit ARIA role</th>
       <td>
-        <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"
-          >No corresponding role</a
+        <code
+          ><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/structural_roles#structural_roles_with_html_equivalents">emphasis</a
+          ></code
         >
       </td>
     </tr>

diff --git a/files/en-us/web/html/element/footer/index.md b/files/en-us/web/html/element/footer/index.md
@@ -46,7 +46,7 @@ The **`<footer>`** [HTML](/en-US/docs/Web/HTML) element represents a footer for
       <th scope="row">Implicit ARIA role</th>
       <td>
         <a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Contentinfo_role">contentinfo</a>, or
-        <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role">no corresponding role</a>
+        <a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Generic_role">generic</a>
         if a descendant of an
         <a href="/en-US/docs/Web/HTML/Element/article">article</a>,
         <a href="/en-US/docs/Web/HTML/Element/aside">aside</a>,

diff --git a/files/en-us/web/html/element/form/index.md b/files/en-us/web/html/element/form/index.md
@@ -157,9 +157,7 @@ The following attributes control behavior during form submission.
     <tr>
       <th scope="row">Implicit ARIA role</th>
       <td>
-        <code><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/form_role">form</a></code> if the form has an
-        <a href="https://www.w3.org/TR/accname-1.1/#dfn-accessible-name">accessible name</a>, otherwise
-        <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role">no corresponding role</a>
+        <code><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/form_role">form</a></code>
       </td>
     </tr>
     <tr>

diff --git a/files/en-us/web/html/element/header/index.md b/files/en-us/web/html/element/header/index.md
@@ -117,8 +117,8 @@ The `<header>` element defines a [`banner`](/en-US/docs/Web/Accessibility/ARIA/R
       <td>
         <a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Banner_role">banner</a
         >, or
-        <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"
-          >no corresponding role</a
+        <a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Generic_role"
+          >generic</a
         >
         if a descendant of an
         <code><a href="/en-US/docs/Web/HTML/Element/article">article</a></code

diff --git a/files/en-us/web/html/element/hgroup/index.md b/files/en-us/web/html/element/hgroup/index.md
@@ -91,8 +91,10 @@ The `<hgroup>` presently has no strong accessibility semantics. The content of t
     <tr>
       <th scope="row">Implicit ARIA role</th>
       <td>
-        <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"
-          >No corresponding role</a
+        <code
+          ><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/generic_role"
+            >generic</a
+          ></code
         >
       </td>
     </tr>

diff --git a/files/en-us/web/html/element/i/index.md b/files/en-us/web/html/element/i/index.md
@@ -94,8 +94,10 @@ This example demonstrates using the `<i>` element to mark text that is in anothe
     <tr>
       <th scope="row">Implicit ARIA role</th>
       <td>
-        <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"
-          >No corresponding role</a
+        <code
+          ><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/generic_role"
+            >generic</a
+          ></code
         >
       </td>
     </tr>

diff --git a/files/en-us/web/html/element/ins/index.md b/files/en-us/web/html/element/ins/index.md
@@ -53,8 +53,9 @@ The **`<ins>`** [HTML](/en-US/docs/Web/HTML) element represents a range of text
     <tr>
       <th scope="row">Implicit ARIA role</th>
       <td>
-        <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"
-          >No corresponding role</a
+        <code
+          ><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/structural_roles#structural_roles_with_html_equivalents">insertion</a
+          ></code
         >
       </td>
     </tr>

diff --git a/files/en-us/web/html/element/meter/index.md b/files/en-us/web/html/element/meter/index.md
@@ -53,8 +53,9 @@ The **`<meter>`** [HTML](/en-US/docs/Web/HTML) element represents either a scala
     <tr>
       <th scope="row">Implicit ARIA role</th>
       <td>
-        <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"
-          >No corresponding role</a
+        <code
+          ><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/structural_roles#structural_roles_with_html_equivalents">meter</a
+          ></code
         >
       </td>
     </tr>

diff --git a/files/en-us/web/html/element/pre/index.md b/files/en-us/web/html/element/pre/index.md
@@ -132,8 +132,10 @@ if (i &lt; 10 &amp;&amp; i &gt; 0)
     <tr>
       <th scope="row">Implicit ARIA role</th>
       <td>
-        <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"
-          >No corresponding role</a
+        <code
+          ><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/generic_role"
+            >generic</a
+          ></code
         >
       </td>
     </tr>

diff --git a/files/en-us/web/html/element/q/index.md b/files/en-us/web/html/element/q/index.md
@@ -76,8 +76,10 @@ This element includes the [global attributes](/en-US/docs/Web/HTML/Global_attrib
     <tr>
       <th scope="row">Implicit ARIA role</th>
       <td>
-        <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"
-          >No corresponding role</a
+        <code
+          ><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/generic_role"
+            >generic</a
+          ></code
         >
       </td>
     </tr>

diff --git a/files/en-us/web/html/element/s/index.md b/files/en-us/web/html/element/s/index.md
@@ -52,8 +52,9 @@ The **`<s>`** [HTML](/en-US/docs/Web/HTML) element renders text with a strikethr
     <tr>
       <th scope="row">Implicit ARIA role</th>
       <td>
-        <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"
-          >No corresponding role</a
+        <code
+          ><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/structural_roles#structural_roles_with_html_equivalents">deletion</a
+          ></code
         >
       </td>
     </tr>

diff --git a/files/en-us/web/html/element/samp/index.md b/files/en-us/web/html/element/samp/index.md
@@ -132,8 +132,10 @@ The resulting output is this:
     <tr>
       <th scope="row">Implicit ARIA role</th>
       <td>
-        <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"
-          >No corresponding role</a
+        <code
+          ><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/generic_role"
+            >generic</a
+          ></code
         >
       </td>
     </tr>

diff --git a/files/en-us/web/html/element/section/index.md b/files/en-us/web/html/element/section/index.md
@@ -143,8 +143,10 @@ Depending on the content, including a heading could also be good for SEO, so it
           href="https://developer.paciellogroup.com/blog/2017/04/what-is-an-accessible-name/"
           >accessible name</a
         >, otherwise
-        <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"
-          >no corresponding role</a
+        <code
+          ><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/generic_role"
+            >generic</a
+          ></code
         >
       </td>
     </tr>

diff --git a/files/en-us/web/html/element/small/index.md b/files/en-us/web/html/element/small/index.md
@@ -89,8 +89,10 @@ Although the `<small>` element, like the {{htmlelement("b")}} and {{htmlelement(
     <tr>
       <th scope="row">Implicit ARIA role</th>
       <td>
-        <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"
-          >No corresponding role</a
+        <code
+          ><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/generic_role"
+            >generic</a
+          ></code
         >
       </td>
     </tr>

diff --git a/files/en-us/web/html/element/strong/index.md b/files/en-us/web/html/element/strong/index.md
@@ -112,8 +112,9 @@ While `<em>` is used to change the meaning of a sentence as spoken emphasis does
     <tr>
       <th scope="row">Implicit ARIA role</th>
       <td>
-        <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"
-          >No corresponding role</a
+        <code
+          ><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/structural_roles#structural_roles_with_html_equivalents">strong</a
+          ></code
         >
       </td>
     </tr>

diff --git a/files/en-us/web/html/element/sub/index.md b/files/en-us/web/html/element/sub/index.md
@@ -136,8 +136,9 @@ Another example:
     <tr>
       <th scope="row">Implicit ARIA role</th>
       <td>
-        <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"
-          >No corresponding role</a
+        <code
+          ><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/structural_roles#structural_roles_with_html_equivalents">subscript</a
+          ></code
         >
       </td>
     </tr>

diff --git a/files/en-us/web/html/element/sup/index.md b/files/en-us/web/html/element/sup/index.md
@@ -131,8 +131,9 @@ Ordinal numbers, such as "fourth" in English or "quinto" in Spanish may be abbre
     <tr>
       <th scope="row">Implicit ARIA role</th>
       <td>
-        <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"
-          >No corresponding role</a
+        <code
+          ><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/structural_roles#structural_roles_with_html_equivalents">superscript</a
+          ></code
         >
       </td>
     </tr>

diff --git a/files/en-us/web/html/element/time/index.md b/files/en-us/web/html/element/time/index.md
@@ -146,8 +146,9 @@ The _datetime value_ (the machine-readable value of the datetime) is the value o
     <tr>
       <th scope="row">Implicit ARIA role</th>
       <td>
-        <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"
-          >No corresponding role</a
+        <code
+          ><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/structural_roles#structural_roles_with_html_equivalents">time</a
+          ></code
         >
       </td>
     </tr>