Skip to content

Commit 44103c1

Browse files
authored
Update summary-allowances.html
1 parent 0f29858 commit 44103c1

File tree

1 file changed

+26
-0
lines changed

1 file changed

+26
-0
lines changed

tests/summary-allowances.html

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -107,6 +107,32 @@ <h3>Test 2</h3>
107107
</p>
108108

109109
</div>
110+
111+
<div class="widgetDemo">
112+
<h3>Test 3</h3>
113+
<p>Authors can use <code>aria-disabled</code> or <code>aria-haspopup</code>
114+
attributes on a <code>summary</code> element when it serves as the summary for its parent details element.</p>
115+
116+
<div class="testcase">
117+
<p>Using an aria-disabled attribute is allowed</p>
118+
<details open>
119+
<summary aria-disabled=true>test 1</summary>
120+
has aria-disabled=true attribute
121+
</details>
122+
</div>
123+
124+
<div class="testcase">
125+
<p>AUsing an aria-haspopup attribute is allowed</p>
126+
<details open>
127+
<summary aria-haspopup=true>test 2</summary>
128+
has aria-haspopup=true attribute
129+
</details>
130+
</div>
131+
132+
<p><strong>Expected result:</strong>
133+
<br>The aria-disabled and aria-haspopup attributes both have good support and are valid to use on the summary element when it acts as the interactive trigger for the details/summary disclosure widget. Other checks may be necessary to ensure that developers are using these attributes correctly, but that is beyond the scope of what ARIA in HTML covers.</p>
134+
</div>
135+
110136
</div>
111137
</main>
112138
</body>

0 commit comments

Comments
 (0)