Skip to content
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
65 changes: 17 additions & 48 deletions ARIA/apg/about/coverage-and-quality/coverage-and-quality-report.md
Original file line number Diff line number Diff line change
Expand Up @@ -69,7 +69,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');

<div>

<p>Page last updated: July 8, 2025</p>
<p>Page last updated: September 12, 2024</p>
<section>
<h2>About These Reports</h2>
<p>
Expand Down Expand Up @@ -106,8 +106,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
<ul>
<li><a href="#csv_files">CSV Files of Role, Properties and States Coverage</a></li>
<li><a href="#roles_with_no_examples">Roles with no Guidance or Examples (<span class="roles_with_no_examples_count">28</span>)</a></li>
<li><a href="#roles_with_one_example">Roles with at Least One Guidance or Example (<span class="roles_with_one_example_count">12</span>)</a></li>
<li><a href="#roles_with_more_than_one_example">Roles with More than One Guidance or Example (<span class="roles_with_more_than_one_examples_count">38</span>)</a></li>
<li><a href="#roles_with_one_example">Roles with at Least One Guidance or Example (<span class="roles_with_one_example_count">13</span>)</a></li>
<li><a href="#roles_with_more_than_one_example">Roles with More than One Guidance or Example (<span class="roles_with_more_than_one_examples_count">37</span>)</a></li>
<li><a href="#props_with_no_examples">Properties and States with no Examples (<span class="props_with_no_examples_count">12</span>)</a></li>
<li><a href="#props_with_one_example">Properties and States with One Examples (<span class="props_with_one_example_count">8</span>)</a></li>
<li><a href="#props_with_more_than_one_example">Properties and States with More than One Example (<span class="props_with_more_than_one_examples_count">28</span>)</a></li>
Expand Down Expand Up @@ -157,7 +157,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
</section>

<section id="roles_with_one_example">
<h2 id="roles_with_one_example_label">Roles with at Least One Guidance or Example (<span class="roles_with_one_example_count">12</span>)</h2>
<h2 id="roles_with_one_example_label">Roles with at Least One Guidance or Example (<span class="roles_with_one_example_count">13</span>)</h2>
<div><strong>NOTE:</strong> The HC abbreviation means example has High Contrast support.</div>
<div class="table-wrap"><table aria-labelledby="roles_with_one_example_label" class="data attributes">
<thead>
Expand All @@ -172,6 +172,12 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
<td><code>alertdialog</code></td>
<td></td>
<td><a href="../../patterns/alertdialog/examples/alertdialog/">Alert Dialog</a>
</td>
</tr>
<tr>
<td><code>article</code></td>
<td></td>
<td><a href="../../patterns/feed/examples/feed/">Infinite Scrolling Feed</a>
</td>
</tr>
<tr>
Expand Down Expand Up @@ -250,7 +256,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
</section>

<section id="roles_with_more_than_one_example">
<h2 id="roles_with_more_than_one_label">Roles with More than One Guidance or Example (<span class="roles_with_more_than_one_examples_count">38</span>)</h2>
<h2 id="roles_with_more_than_one_label">Roles with More than One Guidance or Example (<span class="roles_with_more_than_one_examples_count">37</span>)</h2>
<div><strong>NOTE:</strong> The HC abbreviation means example has High Contrast support.</div>
<div class="table-wrap"><table aria-labelledby="roles_with_more_than_one_label" class="data attributes">
<thead>
Expand All @@ -272,15 +278,6 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
<li><a href="../../patterns/alert/examples/alert/">Alert</a></li>
<li><a href="../../patterns/alertdialog/examples/alertdialog/">Alert Dialog</a></li>
</ul>
</td>
</tr>
<tr>
<td><code>article</code></td>
<td></td>
<td><ul>
<li><a href="../../patterns/disclosure/examples/disclosure-card/">Disclosure (Show/Hide) Card</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../../patterns/feed/examples/feed/">Infinite Scrolling Feed</a></li>
</ul>
</td>
</tr>
<tr>
Expand Down Expand Up @@ -944,7 +941,6 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
<li><a href="../../patterns/combobox/examples/combobox-datepicker/">Date Picker Combobox</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../../patterns/combobox/examples/combobox-select-only/">Select-Only Combobox</a></li>
<li><a href="../../patterns/combobox/examples/grid-combo/">Editable Combobox with Grid Popup</a></li>
<li><a href="../../patterns/disclosure/examples/disclosure-card/">Disclosure (Show/Hide) Card</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../../patterns/disclosure/examples/disclosure-faq/">Disclosure (Show/Hide) for Answers to Frequently Asked Questions</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../../patterns/disclosure/examples/disclosure-image-description/">Disclosure (Show/Hide) for Image Description</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../../patterns/disclosure/examples/disclosure-navigation-hybrid/">Disclosure Navigation Menu with Top-Level Links</a></li>
Expand Down Expand Up @@ -1006,7 +1002,6 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
<li><a href="../../patterns/combobox/examples/combobox-datepicker/">Date Picker Combobox</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../../patterns/combobox/examples/combobox-select-only/">Select-Only Combobox</a></li>
<li><a href="../../patterns/combobox/examples/grid-combo/">Editable Combobox with Grid Popup</a></li>
<li><a href="../../patterns/disclosure/examples/disclosure-card/">Disclosure (Show/Hide) Card</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../../patterns/disclosure/examples/disclosure-faq/">Disclosure (Show/Hide) for Answers to Frequently Asked Questions</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../../patterns/disclosure/examples/disclosure-image-description/">Disclosure (Show/Hide) for Image Description</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../../patterns/disclosure/examples/disclosure-navigation-hybrid/">Disclosure Navigation Menu with Top-Level Links</a></li>
Expand Down Expand Up @@ -1335,23 +1330,23 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
<tbody>
<tr>
<th scope="row">Total Examples</th>
<td id="example_summary_total">62</td>
<td id="example_summary_total">61</td>
</tr>
<tr>
<th scope="row">High Contrast Documentation</th>
<td id="example_summary_hc">33</td>
<td id="example_summary_hc">32</td>
</tr>
<tr>
<th scope="row">Uses SVG</th>
<td id="example_summary_svg">36</td>
<td id="example_summary_svg">35</td>
</tr>
<tr>
<th scope="row">Uses <code>forced-colors</code> media query</th>
<td id="example_summary_force_colors">3</td>
<td id="example_summary_force_colors">2</td>
</tr>
<tr>
<th scope="row">Uses <code>currentColor</code> value</th>
<td id="example_summary_current_color">29</td>
<td id="example_summary_current_color">28</td>
</tr>

<tr>
Expand All @@ -1372,7 +1367,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
</tr>
<tr>
<th scope="row">Mouse Events</th>
<td id="example_summary_mouse">17</td>
<td id="example_summary_mouse">16</td>
</tr>
<tr>
<th scope="row">Pointer Events</th>
Expand Down Expand Up @@ -1633,19 +1628,6 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
<td>3</td>
<td></td>
</tr>
<tr>
<td><a href="../../patterns/disclosure/examples/disclosure-card/">Disclosure (Show/Hide) Card</a></td>
<td></td>
<td></td>
<td></td>
<td>Yes</td>
<td>ex1</td>
<td>1</td>
<td>1</td>
<td>4</td>
<td>2</td>
<td>banner,article,aria-hidden,aria-labelledby</td>
</tr>
<tr>
<td><a href="../../patterns/disclosure/examples/disclosure-faq/">Disclosure (Show/Hide) for Answers to Frequently Asked Questions</a></td>
<td>class</td>
Expand Down Expand Up @@ -2324,14 +2306,6 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
<td></td>
<td></td>
</tr>
<tr>
<td><a href="../../patterns/disclosure/examples/disclosure-card/">Disclosure (Show/Hide) Card</a></td>
<td>Yes</td>
<td>Yes</td>
<td></td>
<td>Yes</td>
<td>Yes</td>
</tr>
<tr>
<td><a href="../../patterns/disclosure/examples/disclosure-faq/">Disclosure (Show/Hide) for Answers to Frequently Asked Questions</a></td>
<td></td>
Expand Down Expand Up @@ -2616,11 +2590,6 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
<td></td>
<td>Yes</td>
</tr>
<tr>
<td><a href="../../patterns/disclosure/examples/disclosure-card/">Disclosure (Show/Hide) Card</a></td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td><a href="../../patterns/listbox/examples/listbox-collapsible/">(Deprecated) Collapsible Dropdown Listbox</a></td>
<td>Yes</td>
Expand Down
9 changes: 1 addition & 8 deletions ARIA/apg/index/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -95,12 +95,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
</tr>
<tr>
<td><code>article</code></td>
<td>
<ul>
<li><a href="../patterns/disclosure/examples/disclosure-card/">Disclosure (Show/Hide) Card</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../patterns/feed/examples/feed/">Infinite Scrolling Feed</a></li>
</ul>
</td>
<td><a href="../patterns/feed/examples/feed/">Infinite Scrolling Feed</a></td>
</tr>
<tr>
<td><code>banner</code></td>
Expand Down Expand Up @@ -575,7 +570,6 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
<li><a href="../patterns/combobox/examples/combobox-datepicker/">Date Picker Combobox</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../patterns/combobox/examples/combobox-select-only/">Select-Only Combobox</a></li>
<li><a href="../patterns/combobox/examples/grid-combo/">Editable Combobox with Grid Popup</a></li>
<li><a href="../patterns/disclosure/examples/disclosure-card/">Disclosure (Show/Hide) Card</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../patterns/disclosure/examples/disclosure-faq/">Disclosure (Show/Hide) for Answers to Frequently Asked Questions</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../patterns/disclosure/examples/disclosure-image-description/">Disclosure (Show/Hide) for Image Description</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../patterns/disclosure/examples/disclosure-navigation-hybrid/">Disclosure Navigation Menu with Top-Level Links</a></li>
Expand Down Expand Up @@ -635,7 +629,6 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
<li><a href="../patterns/combobox/examples/combobox-datepicker/">Date Picker Combobox</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../patterns/combobox/examples/combobox-select-only/">Select-Only Combobox</a></li>
<li><a href="../patterns/combobox/examples/grid-combo/">Editable Combobox with Grid Popup</a></li>
<li><a href="../patterns/disclosure/examples/disclosure-card/">Disclosure (Show/Hide) Card</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../patterns/disclosure/examples/disclosure-faq/">Disclosure (Show/Hide) for Answers to Frequently Asked Questions</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../patterns/disclosure/examples/disclosure-image-description/">Disclosure (Show/Hide) for Image Description</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../patterns/disclosure/examples/disclosure-navigation-hybrid/">Disclosure Navigation Menu with Top-Level Links</a></li>
Expand Down
2 changes: 1 addition & 1 deletion ARIA/apg/patterns/accordion/accordion-pattern.md
Original file line number Diff line number Diff line change
Expand Up @@ -117,7 +117,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
</section>

<section id="roles_states_properties">
<h2>WAI-ARIA Roles, States, and Properties</h2>
<h2>WAI-ARIA Roles, States, and Properties:</h2>
<ul>
<li>The title of each accordion header is contained in an element with role <a href="https://w3c.github.io/aria/#button" class="role-reference">button</a>.</li>
<li>
Expand Down
1 change: 0 additions & 1 deletion ARIA/apg/patterns/disclosure/disclosure-pattern.md
Original file line number Diff line number Diff line change
Expand Up @@ -77,7 +77,6 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
<li><a href="examples/disclosure-faq/">Disclosure (Show/Hide) of Answers to Frequently Asked Questions</a></li>
<li><a href="examples/disclosure-navigation/">Disclosure (Show/Hide) Navigation Menu</a></li>
<li><a href="examples/disclosure-navigation-hybrid/">Disclosure (Show/Hide) Navigation Menu with Top-Level Links</a></li>
<li><a href="examples/disclosure-card/">Disclosure (Show/Hide) Card</a></li>
</ul>
</section>

Expand Down
Loading