Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update implicit ARIA roles according to spec changes #29546

Merged
merged 6 commits into from
Oct 14, 2023
+111 −63
Merged

Update implicit ARIA roles according to spec changes #29546

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
5ae6a08
Set implicit role mappings to `generic`
krkk Oct 8, 2023
a272a8b
Set address' element implicit role to `group`
krkk Oct 8, 2023
f294dc9
Assign ARIA 1.2 roles to elements
krkk Oct 8, 2023
151b798
Make `<section>` with inaccessible name's implicit role to be `generic`
krkk Oct 8, 2023
4e6d28f
Set implicit ARIA mapping for <s> element to `deletion`
krkk Oct 8, 2023
2512fa4
Set `form` as the only implicit ARIA role for the form element
krkk Oct 8, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 1 addition & 3 deletions files/en-us/web/html/element/a/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
6 changes: 4 additions & 2 deletions files/en-us/web/html/element/address/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
3 changes: 2 additions & 1 deletion files/en-us/web/html/element/area/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
6 changes: 4 additions & 2 deletions files/en-us/web/html/element/b/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
6 changes: 4 additions & 2 deletions files/en-us/web/html/element/bdi/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
6 changes: 4 additions & 2 deletions files/en-us/web/html/element/bdo/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
6 changes: 4 additions & 2 deletions files/en-us/web/html/element/blockquote/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
5 changes: 4 additions & 1 deletion files/en-us/web/html/element/caption/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
5 changes: 3 additions & 2 deletions files/en-us/web/html/element/code/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
6 changes: 4 additions & 2 deletions files/en-us/web/html/element/data/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
6 changes: 5 additions & 1 deletion files/en-us/web/html/element/dd/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
5 changes: 3 additions & 2 deletions files/en-us/web/html/element/del/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
6 changes: 4 additions & 2 deletions files/en-us/web/html/element/div/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
6 changes: 5 additions & 1 deletion files/en-us/web/html/element/dt/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
5 changes: 3 additions & 2 deletions files/en-us/web/html/element/em/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/html/element/footer/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>,
Expand Down
4 changes: 1 addition & 3 deletions files/en-us/web/html/element/form/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

While this condition got removed in the spec, there's now a note saying quite the same thing in the cell next to it.
Removed it anyway for the sake of completeness, but I'd like someone to verify if it's alright or what should be done instead.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

added #29636 to address this.

</td>
</tr>
<tr>
Expand Down
4 changes: 2 additions & 2 deletions files/en-us/web/html/element/header/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
6 changes: 4 additions & 2 deletions files/en-us/web/html/element/hgroup/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
6 changes: 4 additions & 2 deletions files/en-us/web/html/element/i/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
5 changes: 3 additions & 2 deletions files/en-us/web/html/element/ins/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
5 changes: 3 additions & 2 deletions files/en-us/web/html/element/meter/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
6 changes: 4 additions & 2 deletions files/en-us/web/html/element/pre/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
6 changes: 4 additions & 2 deletions files/en-us/web/html/element/q/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
5 changes: 3 additions & 2 deletions files/en-us/web/html/element/s/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
6 changes: 4 additions & 2 deletions files/en-us/web/html/element/samp/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
6 changes: 4 additions & 2 deletions files/en-us/web/html/element/section/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
6 changes: 4 additions & 2 deletions files/en-us/web/html/element/small/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
5 changes: 3 additions & 2 deletions files/en-us/web/html/element/strong/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
5 changes: 3 additions & 2 deletions files/en-us/web/html/element/sub/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
5 changes: 3 additions & 2 deletions files/en-us/web/html/element/sup/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
5 changes: 3 additions & 2 deletions files/en-us/web/html/element/time/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
Loading