From bd084debc1e677dc60016980e6360d6fed1ef2b7 Mon Sep 17 00:00:00 2001 From: Rahim Abdi Date: Sun, 11 May 2025 21:14:56 -0700 Subject: [PATCH 1/2] Update scrollbar role AXAPI mapping --- core-aam/index.html | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/core-aam/index.html b/core-aam/index.html index 37d5e2f4c..876de36ed 100644 --- a/core-aam/index.html +++ b/core-aam/index.html @@ -4259,6 +4259,12 @@

scrollbar

>
AXSubrole: <nil>
+

+ Property: NSAccessibilityVerticalScrollBarAttribute: pointer to accessible node matching IDREF of author-provided aria-controls for an element that represents a vertical scrollbar. +

+

+ Property: NSAccessibilityHorizontalScrollBarAttribute: pointer to accessible node matching IDREF of author-provided aria-controls for an element that represents a horizontal scrollbar. +

From 0eeeb9b641d867f0d5fcf7e42eb2557d24a2571e Mon Sep 17 00:00:00 2001 From: rahimabdi Date: Mon, 12 May 2025 04:22:26 +0000 Subject: [PATCH 2/2] chore: prettier --- core-aam/index.html | 10 ++++++++-- index.html | 19 ++++++++++++++----- 2 files changed, 22 insertions(+), 7 deletions(-) diff --git a/core-aam/index.html b/core-aam/index.html index 876de36ed..428415ded 100644 --- a/core-aam/index.html +++ b/core-aam/index.html @@ -4260,10 +4260,16 @@

scrollbar

AXSubrole: <nil>

- Property: NSAccessibilityVerticalScrollBarAttribute: pointer to accessible node matching IDREF of author-provided aria-controls for an element that represents a vertical scrollbar. + Property: NSAccessibilityVerticalScrollBarAttribute: pointer to accessible node matching IDREF of author-provided aria-controls for an element that + represents a vertical scrollbar.

- Property: NSAccessibilityHorizontalScrollBarAttribute: pointer to accessible node matching IDREF of author-provided aria-controls for an element that represents a horizontal scrollbar. + Property: NSAccessibilityHorizontalScrollBarAttribute: pointer to accessible node matching IDREF of author-provided aria-controls for an element that + represents a horizontal scrollbar.

diff --git a/index.html b/index.html index 1f2977b46..e9f7af6e7 100644 --- a/index.html +++ b/index.html @@ -13681,9 +13681,15 @@

Definitions of States and Properties (all aria-* attributes)

aria-expanded

Indicates whether a related element is expanded (shown) or collapsed (hidden).

-

The aria-expanded attribute is applied to a focusable, interactive element that toggles visibility of content of a different element. If the element with aria-expanded is also a treeitem in a tree or a row in a treegrid, then it SHOULD also be the accessibility parent of the content it expands and collapses. Otherwise, the element with aria-expanded SHOULD NOT be the accessibility parent of the content that is expanding or collapsing. Rather, identify that relationship between the interactive element and the element being controlled using aria-controls.

+

+ The aria-expanded attribute is applied to a focusable, interactive element that toggles visibility of content of a different element. If the element with + aria-expanded is also a treeitem in a tree or a row in a treegrid, then it SHOULD also be the + accessibility parent of the content it expands and collapses. Otherwise, the element with aria-expanded SHOULD NOT be the accessibility parent of the content + that is expanding or collapsing. Rather, identify that relationship between the interactive element and the element being controlled using aria-controls. +

For example, aria-expanded is applied to a parent treeitem to indicate whether its child branch of the tree is shown.

- 
<ul role="tree">
+            
+<ul role="tree">
   <li role="treeitem" aria-expanded="false" aria-selected="false">
     <span>Fruits</span>
     <ul role="group" hidden>
@@ -13692,12 +13698,15 @@ 
Definitions of States and Properties (all aria-* attributes)

       <li role="treeitem" aria-selected="false">Yuzu</li>
     </ul>
   </li>
-</ul>

+</ul>

Similarly, it can be applied to a button to control the visibility of another element and its content on the current page.

- 
<button type="button" aria-controls="mangosteen" aria-expanded="false">Mangosteen</button>
+            
+<button type="button" aria-controls="mangosteen" aria-expanded="false">Mangosteen</button>
 <div id="mangosteen" hidden>
   An edible fruit native to tropical lands surrounding the Indian Ocean.
-</div>

+</div>