Skip to content

Commit fa7560e

Browse files
scottaoharaactions-user
authored andcommitted
chore: prettier
1 parent b5be97f commit fa7560e

File tree

1 file changed

+14
-5
lines changed

1 file changed

+14
-5
lines changed

index.html

Lines changed: 14 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -13682,9 +13682,15 @@ <h2>Definitions of States and Properties (all aria-* attributes)</h2>
1368213682
<sdef>aria-expanded</sdef>
1368313683
<div class="state-description">
1368413684
<p><a>Indicates</a> whether a related element is expanded (shown) or collapsed (hidden).</p>
13685-
<p>The <sref>aria-expanded</sref> attribute is applied to a focusable, interactive element that toggles visibility of content of a different element. If the element with <sref>aria-expanded</sref> is also a <rref>treeitem</rref> in a <rref>tree</rref> or a <rref>row</rref> in a <rref>treegrid</rref>, then it SHOULD also be the <a>accessibility parent</a> of the content it expands and collapses. Otherwise, the element with <sref>aria-expanded</sref> SHOULD NOT be the <a>accessibility parent</a> of the content that is expanding or collapsing. Rather, identify that relationship between the interactive element and the element being controlled using <pref>aria-controls</pref>.</p>
13685+
<p>
13686+
The <sref>aria-expanded</sref> attribute is applied to a focusable, interactive element that toggles visibility of content of a different element. If the element with
13687+
<sref>aria-expanded</sref> is also a <rref>treeitem</rref> in a <rref>tree</rref> or a <rref>row</rref> in a <rref>treegrid</rref>, then it SHOULD also be the
13688+
<a>accessibility parent</a> of the content it expands and collapses. Otherwise, the element with <sref>aria-expanded</sref> SHOULD NOT be the <a>accessibility parent</a> of the content
13689+
that is expanding or collapsing. Rather, identify that relationship between the interactive element and the element being controlled using <pref>aria-controls</pref>.
13690+
</p>
1368613691
<p>For example, <sref>aria-expanded</sref> is applied to a parent <rref>treeitem</rref> to indicate whether its child branch of the tree is shown.</p>
13687-
<pre class="example highlight">&lt;ul role="tree"&gt;
13692+
<pre class="example highlight">
13693+
&lt;ul role="tree"&gt;
1368813694
&lt;li role="treeitem" aria-expanded="false" aria-selected="false"&gt;
1368913695
&lt;span&gt;Fruits&lt;/span&gt;
1369013696
&lt;ul role="group" hidden&gt;
@@ -13693,12 +13699,15 @@ <h2>Definitions of States and Properties (all aria-* attributes)</h2>
1369313699
&lt;li role="treeitem" aria-selected="false"&gt;Yuzu&lt;/li&gt;
1369413700
&lt;/ul&gt;
1369513701
&lt;/li&gt;
13696-
&lt;/ul&gt;</pre>
13702+
&lt;/ul&gt;</pre
13703+
>
1369713704
<p>Similarly, it can be applied to a <rref>button</rref> to control the visibility of another element and its content on the current page.</p>
13698-
<pre class="example highlight">&lt;button type="button" aria-controls="mangosteen" aria-expanded="false"&gt;Mangosteen&lt;/button&gt;
13705+
<pre class="example highlight">
13706+
&lt;button type="button" aria-controls="mangosteen" aria-expanded="false"&gt;Mangosteen&lt;/button&gt;
1369913707
&lt;div id="mangosteen" hidden&gt;
1370013708
An edible fruit native to tropical lands surrounding the Indian Ocean.
13701-
&lt;/div&gt;</pre>
13709+
&lt;/div&gt;</pre
13710+
>
1370213711
</div>
1370313712
<table class="def">
1370413713
<caption>

0 commit comments

Comments
 (0)