Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
30 commits
Select commit Hold shift + click to select a range
9bc78c8
Update `APG` to `WAI` pipeline workflows to handle desync issues and …
howard-e Dec 12, 2024
e358a59
Infrastructure: Add case to specially handle conflicts in submodule f…
howard-e Dec 19, 2024
979ccc3
Additional pr-create.yml workflow changes to support submodule confli…
howard-e Dec 19, 2024
299a10e
Infrastructure: Disable git editor during `git rebase --continue` in …
howard-e Dec 19, 2024
821e464
Update transformPattern.js to support "patterns/landmarks" (#382)
howard-e Jan 22, 2025
5665f18
Pin ruby 3.3.3 instead of 3.3.x during workflow builds (#384)
howard-e Feb 4, 2025
42c00da
chore: Update `main` with latest changes from `aria-practices`
w3cgruntbot Feb 12, 2025
0dc2f5e
Remove use of ytkey (deprecated) (#370)
remibetin Feb 14, 2025
891ad97
Infrastructure: Create `.tracked-html-assets.json` (#388)
howard-e Mar 6, 2025
4d4c104
chore: Update `main` with latest changes from `aria-practices`
w3cgruntbot Mar 18, 2025
beb65b1
chore: Update `main` with latest changes from `aria-practices`
w3cgruntbot Mar 18, 2025
574a8db
chore: Update `main` with latest changes from `aria-practices`
w3cgruntbot Mar 18, 2025
7454eae
Update .tracked-html-assets.json (#395)
howard-e Mar 19, 2025
664518e
Update .tracked-html-assets.json to remove `/expandable-region/*.html…
howard-e Mar 19, 2025
825bb15
chore: Update `main` with latest changes from `aria-practices`
w3cgruntbot Apr 29, 2025
6990b7e
Remove unused files & update data submodule
remibetin May 15, 2025
c6029d7
Merge pull request #403 from w3c/cleanup
remibetin May 15, 2025
bde5ae3
chore: Update `main` with latest changes from `aria-practices`
w3cgruntbot Jun 3, 2025
1ce450b
chore: Update `main` with latest changes from `aria-practices`
w3cgruntbot Jun 10, 2025
c29a6ff
chore: Update `main` with latest changes from `aria-practices`
w3cgruntbot Jun 10, 2025
b0516a0
Update netlify.toml to force a cache clearance
howard-e Jun 18, 2025
7fe3edb
Merge pull request #407 from w3c/force-cache-removal
howard-e Jun 18, 2025
7cb0043
chore: Update `main` with latest changes from `aria-practices`
w3cgruntbot Jul 8, 2025
8df44e7
chore: Update `main` with latest changes from `aria-practices`
w3cgruntbot Jul 8, 2025
415b74f
Merge branch 'publication'
howard-e Jul 9, 2025
b936402
Merge pull request #415 from w3c/syncing-with-publication
remibetin Jul 9, 2025
c940bce
Remove CODEOWNERS file
remibetin Jul 9, 2025
65505a9
Remove manual netlify cache clear from netlify.toml
howard-e Jul 10, 2025
ac7f826
Merge pull request #418 from w3c/update-netlify-toml
howard-e Jul 10, 2025
ed0208d
chore: Update `main` with latest changes from `aria-practices`
w3cgruntbot Jul 15, 2025
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
7 changes: 0 additions & 7 deletions .github/CODEOWNERS

This file was deleted.

65 changes: 48 additions & 17 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: September 12, 2024</p>
<p>Page last updated: July 8, 2025</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">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="#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="#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">13</span>)</h2>
<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>
<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,12 +172,6 @@ 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 @@ -256,7 +250,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">37</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">38</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 @@ -278,6 +272,15 @@ 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 @@ -941,6 +944,7 @@ 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 @@ -1002,6 +1006,7 @@ 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 @@ -1330,23 +1335,23 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
<tbody>
<tr>
<th scope="row">Total Examples</th>
<td id="example_summary_total">61</td>
<td id="example_summary_total">62</td>
</tr>
<tr>
<th scope="row">High Contrast Documentation</th>
<td id="example_summary_hc">32</td>
<td id="example_summary_hc">33</td>
</tr>
<tr>
<th scope="row">Uses SVG</th>
<td id="example_summary_svg">35</td>
<td id="example_summary_svg">36</td>
</tr>
<tr>
<th scope="row">Uses <code>forced-colors</code> media query</th>
<td id="example_summary_force_colors">2</td>
<td id="example_summary_force_colors">3</td>
</tr>
<tr>
<th scope="row">Uses <code>currentColor</code> value</th>
<td id="example_summary_current_color">28</td>
<td id="example_summary_current_color">29</td>
</tr>

<tr>
Expand All @@ -1367,7 +1372,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
</tr>
<tr>
<th scope="row">Mouse Events</th>
<td id="example_summary_mouse">16</td>
<td id="example_summary_mouse">17</td>
</tr>
<tr>
<th scope="row">Pointer Events</th>
Expand Down Expand Up @@ -1628,6 +1633,19 @@ 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 @@ -2306,6 +2324,14 @@ 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 @@ -2590,6 +2616,11 @@ 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: 8 additions & 1 deletion ARIA/apg/index/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -95,7 +95,12 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
</tr>
<tr>
<td><code>article</code></td>
<td><a href="../patterns/feed/examples/feed/">Infinite Scrolling Feed</a></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>
<td><code>banner</code></td>
Expand Down Expand Up @@ -570,6 +575,7 @@ 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 @@ -629,6 +635,7 @@ 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
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list/

sidebar: true

footer: " <div class='example-page-footer'> <p><a href='https://github.com/orgs/w3c/projects/118'>View issues related to this example</a></p> <p>Page last updated: 22 October 2024</p> </div> "
footer: " <div class='example-page-footer'> <p><a href='https://github.com/orgs/w3c/projects/118'>View issues related to this example</a></p> <p>Page last updated: 29 April 2025</p> </div> "

# Context here: https://github.com/w3c/wai-aria-practices/issues/31
type_of_guidance: APG
Expand Down Expand Up @@ -210,7 +210,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
Note: Because transparent borders are visible on some systems with operating system high contrast settings enabled, transparency cannot be used to create a visual difference between the element that is focused and other elements.
Instead of using transparency, the focused element has a thicker border and less padding.
When an element receives focus, its border changes from zero to two pixels and padding is reduced by two pixels.
When an element loses focus, its border changes from two pixels to two and padding is increased by two pixels.
When an element loses focus, its border changes from two pixels to zero and padding is increased by two pixels.
</li>
</ul>
</li>
Expand Down
1 change: 1 addition & 0 deletions ARIA/apg/patterns/disclosure/disclosure-pattern.md
Original file line number Diff line number Diff line change
Expand Up @@ -77,6 +77,7 @@ 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
Loading