From 8c6db4c68efa30e48927ca19c469bf364bd4209a Mon Sep 17 00:00:00 2001 From: Scott O'Hara Date: Tue, 31 May 2022 19:22:41 -0400 Subject: [PATCH 1/6] Addition: inert attribute mappings closes #399 closes #295 add `inert` attribute and mappings. wondering if these need to call out that subtree elements should not be focusable re: their mappings, or if the comment here is sufficient? any other input on additional mappings that may need to be called out here are welcome. --- index.html | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/index.html b/index.html index e5c1d028..d7de8bb6 100644 --- a/index.html +++ b/index.html @@ -4280,6 +4280,22 @@

HTML Attribute State and Property Mappings

Not mapped
+ + `inert` + + HTML elements + + `aria-hidden="true"` + Use WAI-ARIA mapping + Use WAI-ARIA mapping + Use WAI-ARIA mapping + Use WAI-ARIA mapping + +

An inert element or the elements of an inert element's subtree cannot receive keyboard focus, nor will they respond to pointer events.

+

A `dialog` element can escape inertness of its inert ancestor when the `dialog` is modal and rendered in the browser's + top layer.

+ + `indeterminate [IDL]` From 7515ee47bd35b992a2bb9cb19f3e294e05ec3b48 Mon Sep 17 00:00:00 2001 From: Scott O'Hara Date: Fri, 8 Jul 2022 16:56:47 -0400 Subject: [PATCH 2/6] update comment per feedback review --- index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index c5e7b7a0..6836f9ee 100644 --- a/index.html +++ b/index.html @@ -4292,8 +4292,8 @@

HTML Attribute State and Property Mappings

Use WAI-ARIA mapping

An inert element or the elements of an inert element's subtree cannot receive keyboard focus, nor will they respond to pointer events.

-

A `dialog` element can escape inertness of its inert ancestor when the `dialog` is modal and rendered in the browser's - top layer.

+

A `dialog` element can escape an inert subtree when the `dialog` is in the modal state, and rendered in the browser's + top layer. A modal dialog, or its flat tree descendants can also become inert. See Modal dialogs and inert subtrees

From f4a403da9547a100730886bfd36c5f1ba3dac3d3 Mon Sep 17 00:00:00 2001 From: Scott O'Hara Date: Fri, 8 Jul 2022 20:47:08 -0400 Subject: [PATCH 3/6] rework inert comments --- index.html | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 11e1ba26..714f2f27 100644 --- a/index.html +++ b/index.html @@ -4291,9 +4291,13 @@

HTML Attribute State and Property Mappings

Use WAI-ARIA mapping Use WAI-ARIA mapping -

An inert element or the elements of an inert element's subtree cannot receive keyboard focus, nor will they respond to pointer events.

+

An inert element, nor the nodes if its subtree can receive keyboard focus, respond to pointer events, + or be otherwise reachable by assistive technology. +

A `dialog` element can escape an inert subtree when the `dialog` is in the modal state, and rendered in the browser's - top layer. A modal dialog, or its flat tree descendants can also become inert. See Modal dialogs and inert subtrees

+ top layer by use of the `showModal()` method. + See also Modal dialogs and inert subtrees. +

From 7e5d42fecdcc63d596284e7e129164eb459b4e82 Mon Sep 17 00:00:00 2001 From: Scott O'Hara Date: Tue, 21 Mar 2023 19:31:53 -0400 Subject: [PATCH 4/6] update inert mapping per review comments incorporates feedback from @zcorpan and @cookiecrook --- index.html | 21 +++++++++++---------- 1 file changed, 11 insertions(+), 10 deletions(-) diff --git a/index.html b/index.html index 55710ced..65907784 100644 --- a/index.html +++ b/index.html @@ -4251,18 +4251,19 @@

HTML Attribute State and Property Mappings

HTML elements - `aria-hidden="true"` - Use WAI-ARIA mapping - Use WAI-ARIA mapping - Use WAI-ARIA mapping - Use WAI-ARIA mapping + Not Mapped + See comments + See comments + See comments + See comments -

An inert element, nor the nodes if its subtree can receive keyboard focus, respond to pointer events, - or be otherwise reachable by assistive technology. +

+ Nodes that are inert are not exposed to an accessibility API.

-

A `dialog` element can escape an inert subtree when the `dialog` is in the modal state, and rendered in the browser's - top layer by use of the `showModal()` method. - See also Modal dialogs and inert subtrees. +

+ Note: an inert node can have descendants that are not inert. For example, a + modal dialog + can escape an inert subtree.

From ba37b769b7bfcf1d3a1fc27ea3b5695b6094d72a Mon Sep 17 00:00:00 2001 From: Scott O'Hara Date: Wed, 22 Mar 2023 08:32:04 -0400 Subject: [PATCH 5/6] Update index.html --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 65907784..3cf1d9c9 100644 --- a/index.html +++ b/index.html @@ -4258,7 +4258,7 @@

HTML Attribute State and Property Mappings

See comments

- Nodes that are inert are not exposed to an accessibility API. + Nodes that are inert are not exposed to an accessibility API.

Note: an inert node can have descendants that are not inert. For example, a From a7f0053675427a5a224eb94db88e9d87df887d15 Mon Sep 17 00:00:00 2001 From: Scott O'Hara Date: Thu, 23 Mar 2023 06:58:49 -0400 Subject: [PATCH 6/6] add changelog entry --- index.html | 1 + 1 file changed, 1 insertion(+) diff --git a/index.html b/index.html index 3b574a60..81883691 100644 --- a/index.html +++ b/index.html @@ -6189,6 +6189,7 @@

Change Log

Substantive changes since moving to the Accessible Rich Internet Applications Working Group (03-Nov-2019)

    +
  • 23-Mar-2023: Add `inert` attribute mapping. See GitHub PR 410.
  • 08-Mar-2023: Update `hgroup` element to be mapped to `role=group`. See GitHub PR 398.
  • 08-Mar-2023: Clarify naming algorithm for `output` element. See GitHub PR 402.
  • 12-Dec-2022: Revise mapping for `s` element to be `role=deletion`. See GitHub PR 442.