commit 8afcc644b18e75a45f6699400efb84efe1ea28b7
parent 3b953bfea86f5d47a8f9af74f047f44963cc3908
Author: Giacomo Petri <giacomo.petri@usablenet.com>
Date: Fri, 14 Nov 2025 10:24:12 +0000
Bug 1980890 [wpt PR 54126] - Elements with required acc parent role with presentational role and global WAI-ARIA attribute (Presentational Roles Conflict Resolution), a=testonly
Automatic update from web-platform-tests
Elements with required acc parent role with presentational role and global WAI-ARIA attribute (Presentational Roles Conflict Resolution) (#54126)
* Elements with required acc parent role with presentational role and global WAI-ARIA attribute
Currently, the ARIA specs are not very clear on how elements with global ARIA attributes should behave when they inherit a presentation role. Specifically, in cases where the element requires a specific accessibility parent role and that parent has a presentation role.
I've created WPT tests based on the following PR to monitor this behavior: w3c/aria#2237
--
wpt-commits: 8940f6bc954131ceebd59b82b102c99f4fbd6dd8
wpt-pr: 54126
Diffstat:
1 file changed, 63 insertions(+), 0 deletions(-)
diff --git a/testing/web-platform/tests/wai-aria/role/role/role_none_conflict_resolution.tentative.html b/testing/web-platform/tests/wai-aria/role/role/role_none_conflict_resolution.tentative.html
@@ -0,0 +1,63 @@
+<!doctype html>
+<html>
+ <head>
+ <title>Name Comp: inherited presentational role with global attr (Tentative)</title>
+ <script src="/resources/testharness.js"></script>
+ <script src="/resources/testharnessreport.js"></script>
+ <script src="/resources/testdriver.js"></script>
+ <script src="/resources/testdriver-vendor.js"></script>
+ <script src="/resources/testdriver-actions.js"></script>
+ <script src="/wai-aria/scripts/aria-utils.js"></script>
+ </head>
+ <body>
+
+ <!-- current spec: https://w3c.github.io/aria/#conflict_resolution_presentation_none -->
+ <!-- PR with proposed clarification, pending user agent tests: https://github.com/w3c/aria/pull/2237 -->
+ <h1>Presentational role inherited with global</h1>
+
+ <!-- li is inheriting presentational role from ul; it has a global aria attr but it doesn't impact the presentational conflict resolution -->
+ <ul role="none">
+ <li aria-describedby="test" data-testname="presentational roles conflict - ul[role=none] > li[aria-describedby]" class="ex-generic">a</li>
+ <li aria-describedby="test">b</li>
+ <li aria-describedby="test">c</li>
+ </ul>
+
+ <!-- td is inheriting presentational role from table; it has a global aria attr but it doesn't impact the presentational conflict resolution -->
+ <table role="none">
+ <tbody>
+ <tr>
+ <td aria-describedby="test" data-testname="presentational roles conflict - table[role=none] td[aria-describedby]" class="ex-generic">a</td>
+ </tr>
+ </tbody>
+ </table>
+
+ <!-- td is inheriting presentational role from table; it has a global aria attr but it doesn't impact the presentational conflict resolution -->
+ <style>
+ table.with-style, table.with-style th, table.with-style td {
+ border: 1px solid black;
+ border-collapse: collapse;
+ }
+ </style>
+ <table role="none" class="with-style">
+ <tbody>
+ <tr>
+ <th>col 1</th>
+ <th>col 2</th>
+ </tr>
+ <tr>
+ <td aria-describedby="test" data-testname="presentational roles conflict - table.with-style[role=none] td[aria-describedby]" class="ex-generic">cell 1</td>
+ <td>cell 2</td>
+ </tr>
+ <tr>
+ <td>cell 3</td>
+ <td>cell 4</td>
+ </tr>
+ </tbody>
+ </table>
+
+ <script>
+ AriaUtils.verifyGenericRolesBySelector(".ex-generic");
+ </script>
+
+ </body>
+</html>
