Skip to content

updated landmark design pattern #3216

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 52 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
52 commits
Select commit Hold shift + click to select a range
9411b86
updated landmark design pattern
jongund Jan 19, 2025
f11c741
fixed linting errors
jongund Jan 19, 2025
b767c8b
fixed linting errors
jongund Jan 19, 2025
4af4e54
fixed linting errors
jongund Jan 19, 2025
dedbc52
added AT and Resource sections
jongund Jan 19, 2025
b914e68
added AT and Resource sections
jongund Jan 19, 2025
8c937c9
updated index links to point to pattern page
jongund Jan 19, 2025
c67b58e
fixed linting errors
jongund Jan 19, 2025
46890f7
fixed links in landmark practices page
jongund Jan 19, 2025
94e39a0
fixed links in index generator
jongund Jan 19, 2025
e0bc59a
fixed broken links
jongund Jan 19, 2025
a1170ff
mannual fixed links in index report
jongund Jan 19, 2025
2f84909
mannual fixed links in index report
jongund Jan 19, 2025
0e02b8f
mannual fixed links in coverage report
jongund Jan 19, 2025
5ed9d0f
fixing some formatting issues
jongund Jan 19, 2025
4e3252a
fixed bug
jongund Jan 20, 2025
5712382
updated references
jongund Jan 28, 2025
69ab0d5
updated practices page
jongund Jan 28, 2025
5b8fe72
fixed linting errors
jongund Jan 28, 2025
fe680e5
fixed linting errors
jongund Jan 28, 2025
3933377
fixed linting errors
jongund Jan 28, 2025
8486ffb
fixed linting errors
jongund Jan 28, 2025
6768b2c
fixed use of frames in practices
jongund Jan 28, 2025
5418f58
updated headings used in AT section
jongund Jan 28, 2025
4f8beb1
updated keyboard info
jongund Jan 28, 2025
f0a803a
fixed liniting error
jongund Jan 28, 2025
aef5d1f
updated keyboard markup
jongund Jan 28, 2025
38a4e77
updated keyboard markup
jongund Jan 28, 2025
957a468
updated keyboard markup
jongund Jan 28, 2025
260b6c9
updated resources
jongund Jan 28, 2025
9ac5dde
updated resources
jongund Jan 28, 2025
84f7495
fixing image styling
jongund Jan 28, 2025
70e9a83
added resize event for image scaling
jongund Jan 28, 2025
0a85ae9
move image resize to own js file
jongund Jan 28, 2025
dd9e023
fixed linting bug
jongund Jan 29, 2025
e509238
fixing linting errors
jongund Jan 29, 2025
e592d94
fixing linting errors
jongund Jan 29, 2025
0a88462
fixing linting errors
jongund Jan 29, 2025
32b0285
fixing linting errors
jongund Jan 29, 2025
a257de4
fixing linting errors
jongund Jan 29, 2025
9bd2061
fixing linting errors
jongund Jan 29, 2025
9f8e276
fixed liniting error
jongund Jan 29, 2025
a598421
udpated section headings and TOC
jongund Jan 30, 2025
428ba1e
updated resources section
jongund Feb 13, 2025
a195062
updated search landmark
jongund Mar 20, 2025
2b4affd
Merge branch 'main' into landmark-example
jongund Apr 15, 2025
f228d17
moved some content from patterns to practices page
jongund Apr 15, 2025
20538b1
moved some content from patterns to paractices
jongund Apr 15, 2025
fe6d08a
removed landmark pattern examples, since they are not compatible with…
jongund Apr 15, 2025
d67e99e
updated keyboard section
jongund Apr 15, 2025
f4b04ff
updated keyboard section
jongund Apr 15, 2025
fd73597
updated keyboard section
jongund Apr 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
30 changes: 15 additions & 15 deletions content/about/coverage-and-quality/coverage-and-quality-report.html
Original file line number Diff line number Diff line change
Expand Up @@ -138,7 +138,7 @@ <h2 id="roles_with_one_example_label">Roles with at Least One Guidance or Exampl
<td><code>complementary</code></td>
<td><a href="../../../content/practices/landmark-regions/landmark-regions-practice.html#aria_lh_complementary">Complementary</a>
</td>
<td><a href="../../../content/patterns/landmarks/examples/complementary.html">Complementary Landmark</a>
<td><a href="../../../content/patterns/landmarks/landmarks-pattern.html#complementary">Complementary Landmark</a>
</td>
</tr>
<tr>
Expand All @@ -159,7 +159,7 @@ <h2 id="roles_with_one_example_label">Roles with at Least One Guidance or Exampl
<td><code>main</code></td>
<td><a href="../../../content/practices/landmark-regions/landmark-regions-practice.html#aria_lh_main">Main</a>
</td>
<td><a href="../../../content/patterns/landmarks/examples/main.html">Main Landmark</a>
<td><a href="../../../content/patterns/landmarks/landmarks-pattern.html#main">Main Landmark</a>
</td>
</tr>
<tr>
Expand All @@ -178,7 +178,7 @@ <h2 id="roles_with_one_example_label">Roles with at Least One Guidance or Exampl
<td><code>search</code></td>
<td><a href="../../../content/practices/landmark-regions/landmark-regions-practice.html#aria_lh_search">Search</a>
</td>
<td><a href="../../../content/patterns/landmarks/examples/search.html">Search Landmark</a>
<td><a href="../../../content/patterns/landmarks/landmarks-pattern.html#search">Search Landmark</a>
</td>
</tr>
<tr>
Expand Down Expand Up @@ -235,7 +235,7 @@ <h2 id="roles_with_more_than_one_label">Roles with More than One Guidance or Exa
<td><ul>
<li><a href="../../../content/patterns/menubar/examples/menubar-navigation.html">Navigation Menubar</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../../../content/patterns/treeview/examples/treeview-navigation.html">Navigation Treeview</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../../../content/patterns/landmarks/examples/banner.html">Banner Landmark</a></li>
<li><a href="../../../content/patterns/landmarks/landmarks-pattern.html#banner">Banner Landmark</a></li>
</ul>
</td>
</tr>
Expand Down Expand Up @@ -297,7 +297,7 @@ <h2 id="roles_with_more_than_one_label">Roles with More than One Guidance or Exa
<td><ul>
<li><a href="../../../content/patterns/menubar/examples/menubar-navigation.html">Navigation Menubar</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../../../content/patterns/treeview/examples/treeview-navigation.html">Navigation Treeview</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../../../content/patterns/landmarks/examples/contentinfo.html">Contentinfo Landmark</a></li>
<li><a href="../../../content/patterns/landmarks/landmarks-pattern.html#contentinfo">Contentinfo Landmark</a></li>
</ul>
</td>
</tr>
Expand All @@ -322,7 +322,7 @@ <h2 id="roles_with_more_than_one_label">Roles with More than One Guidance or Exa
<li><a href="../../../content/practices/names-and-descriptions/names-and-descriptions-practice.html#naming_with_labels">Naming Form Controls with the Label Element</a></li>
</ul>
</td>
<td><a href="../../../content/patterns/landmarks/examples/form.html">Form Landmark</a>
<td><a href="../../../content/patterns/landmarks/landmarks-pattern.html#form">Form Landmark</a>
</td>
</tr>
<tr>
Expand Down Expand Up @@ -463,7 +463,7 @@ <h2 id="roles_with_more_than_one_label">Roles with More than One Guidance or Exa
<td><ul>
<li><a href="../../../content/patterns/menubar/examples/menubar-navigation.html">Navigation Menubar</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../../../content/patterns/treeview/examples/treeview-navigation.html">Navigation Treeview</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../../../content/patterns/landmarks/examples/navigation.html">Navigation Landmark</a></li>
<li><a href="../../../content/patterns/landmarks/landmarks-pattern.html#navigation">Navigation Landmark</a></li>
</ul>
</td>
</tr>
Expand Down Expand Up @@ -589,7 +589,7 @@ <h2 id="roles_with_more_than_one_label">Roles with More than One Guidance or Exa
<li><a href="../../../content/patterns/carousel/examples/carousel-2-tablist.html">Auto-Rotating Image Carousel with Tabs for Slide Control</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../../../content/patterns/menubar/examples/menubar-navigation.html">Navigation Menubar</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../../../content/patterns/treeview/examples/treeview-navigation.html">Navigation Treeview</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../../../content/patterns/landmarks/examples/region.html">Region Landmark</a></li>
<li><a href="../../../content/patterns/landmarks/landmarks-pattern.html#region">Region Landmark</a></li>
</ul>
</td>
</tr>
Expand Down Expand Up @@ -1073,12 +1073,12 @@ <h2 id="props_with_more_than_one_label">Properties and States with More than One
<li><a href="../../../content/patterns/treeview/examples/treeview-1a.html">File Directory Treeview Using Computed Properties</a></li>
<li><a href="../../../content/patterns/treeview/examples/treeview-1b.html">File Directory Treeview Using Declared Properties</a></li>
<li><a href="../../../content/patterns/treeview/examples/treeview-navigation.html">Navigation Treeview</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../../../content/patterns/landmarks/examples/complementary.html">Complementary Landmark</a></li>
<li><a href="../../../content/patterns/landmarks/examples/form.html">Form Landmark</a></li>
<li><a href="../../../content/patterns/landmarks/examples/main.html">Main Landmark</a></li>
<li><a href="../../../content/patterns/landmarks/examples/navigation.html">Navigation Landmark</a></li>
<li><a href="../../../content/patterns/landmarks/examples/region.html">Region Landmark</a></li>
<li><a href="../../../content/patterns/landmarks/examples/search.html">Search Landmark</a></li>
<li><a href="../../../content/patterns/landmarks/landmarks-pattern.html#complementary">Complementary Landmark</a></li>
<li><a href="../../../content/patterns/landmarks/landmarks-pattern.html#form">Form Landmark</a></li>
<li><a href="../../../content/patterns/landmarks/landmarks-pattern.html#main">Main Landmark</a></li>
<li><a href="../../../content/patterns/landmarks/landmarks-pattern.html#navigation">Navigation Landmark</a></li>
<li><a href="../../../content/patterns/landmarks/landmarks-pattern.html#region">Region Landmark</a></li>
<li><a href="../../../content/patterns/landmarks/landmarks-pattern.html#search">Search Landmark</a></li>
</ul>
</td>
</tr>
Expand Down Expand Up @@ -2645,4 +2645,4 @@ <h3 id="example_mouse_pointer">Mouse and Pointer Events</h3>
</main>


</body></html>
</body></html>
28 changes: 14 additions & 14 deletions content/index/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,7 @@ <h2 id="examples_by_role_label">Examples by Role</h2>
<ul>
<li><a href="../patterns/menubar/examples/menubar-navigation.html">Navigation Menubar</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../patterns/treeview/examples/treeview-navigation.html">Navigation Treeview</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../patterns/landmarks/examples/banner.html">Banner Landmark</a></li>
<li><a href="../patterns/landmarks/landmarks-pattern.html#banner">Banner Landmark</a></li>
</ul>
</td>
</tr>
Expand Down Expand Up @@ -102,15 +102,15 @@ <h2 id="examples_by_role_label">Examples by Role</h2>
</tr>
<tr>
<td><code>complementary</code></td>
<td><a href="../patterns/landmarks/examples/complementary.html">Complementary Landmark</a></td>
<td><a href="../patterns/landmarks/landmarks-pattern.html#complementary">Complementary Landmark</a></td>
</tr>
<tr>
<td><code>contentinfo</code></td>
<td>
<ul>
<li><a href="../patterns/menubar/examples/menubar-navigation.html">Navigation Menubar</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../patterns/treeview/examples/treeview-navigation.html">Navigation Treeview</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../patterns/landmarks/examples/contentinfo.html">Contentinfo Landmark</a></li>
<li><a href="../patterns/landmarks/landmarks-pattern.html#contentinfo">Contentinfo Landmark</a></li>
</ul>
</td>
</tr>
Expand All @@ -130,7 +130,7 @@ <h2 id="examples_by_role_label">Examples by Role</h2>
</tr>
<tr>
<td><code>form</code></td>
<td><a href="../patterns/landmarks/examples/form.html">Form Landmark</a></td>
<td><a href="../patterns/landmarks/landmarks-pattern.html#form">Form Landmark</a></td>
</tr>
<tr>
<td><code>grid</code></td>
Expand Down Expand Up @@ -192,7 +192,7 @@ <h2 id="examples_by_role_label">Examples by Role</h2>
</tr>
<tr>
<td><code>main</code></td>
<td><a href="../patterns/landmarks/examples/main.html">Main Landmark</a></td>
<td><a href="../patterns/landmarks/landmarks-pattern.html#main">Main Landmark</a></td>
</tr>
<tr>
<td><code>menu</code></td>
Expand Down Expand Up @@ -251,7 +251,7 @@ <h2 id="examples_by_role_label">Examples by Role</h2>
<ul>
<li><a href="../patterns/menubar/examples/menubar-navigation.html">Navigation Menubar</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../patterns/treeview/examples/treeview-navigation.html">Navigation Treeview</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../patterns/landmarks/examples/navigation.html">Navigation Landmark</a></li>
<li><a href="../patterns/landmarks/landmarks-pattern.html#navigation">Navigation Landmark</a></li>
</ul>
</td>
</tr>
Expand Down Expand Up @@ -315,7 +315,7 @@ <h2 id="examples_by_role_label">Examples by Role</h2>
<li><a href="../patterns/carousel/examples/carousel-2-tablist.html">Auto-Rotating Image Carousel with Tabs for Slide Control</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../patterns/menubar/examples/menubar-navigation.html">Navigation Menubar</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../patterns/treeview/examples/treeview-navigation.html">Navigation Treeview</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../patterns/landmarks/examples/region.html">Region Landmark</a></li>
<li><a href="../patterns/landmarks/landmarks-pattern.html#region">Region Landmark</a></li>
</ul>
</td>
</tr>
Expand All @@ -336,7 +336,7 @@ <h2 id="examples_by_role_label">Examples by Role</h2>
</tr>
<tr>
<td><code>search</code></td>
<td><a href="../patterns/landmarks/examples/search.html">Search Landmark</a></td>
<td><a href="../patterns/landmarks/landmarks-pattern.html#search">Search Landmark</a></td>
</tr>
<tr>
<td><code>separator</code></td>
Expand Down Expand Up @@ -703,12 +703,12 @@ <h2 id="examples_by_props_label">Examples By Properties and States</h2>
<li><a href="../patterns/treeview/examples/treeview-1a.html">File Directory Treeview Using Computed Properties</a></li>
<li><a href="../patterns/treeview/examples/treeview-1b.html">File Directory Treeview Using Declared Properties</a></li>
<li><a href="../patterns/treeview/examples/treeview-navigation.html">Navigation Treeview</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../patterns/landmarks/examples/complementary.html">Complementary Landmark</a></li>
<li><a href="../patterns/landmarks/examples/form.html">Form Landmark</a></li>
<li><a href="../patterns/landmarks/examples/main.html">Main Landmark</a></li>
<li><a href="../patterns/landmarks/examples/navigation.html">Navigation Landmark</a></li>
<li><a href="../patterns/landmarks/examples/region.html">Region Landmark</a></li>
<li><a href="../patterns/landmarks/examples/search.html">Search Landmark</a></li>
<li><a href="../patterns/landmarks/landmarks-pattern.html#complementary">Complementary Landmark</a></li>
<li><a href="../patterns/landmarks/landmarks-pattern.html#form">Form Landmark</a></li>
<li><a href="../patterns/landmarks/landmarks-pattern.html#main">Main Landmark</a></li>
<li><a href="../patterns/landmarks/landmarks-pattern.html#navigation">Navigation Landmark</a></li>
<li><a href="../patterns/landmarks/landmarks-pattern.html#region">Region Landmark</a></li>
<li><a href="../patterns/landmarks/landmarks-pattern.html#search">Search Landmark</a></li>
</ul>
</td>
</tr>
Expand Down
11 changes: 3 additions & 8 deletions content/patterns/checkbox/examples/checkbox-mixed.html
Original file line number Diff line number Diff line change
Expand Up @@ -20,26 +20,21 @@
<body>
<nav aria-label="Related Links" class="feedback">
<ul>
<li><a href="https://github.com/orgs/w3c/projects/128">Related Issues</a></li>
<li><a href="https://github.com/orgs/w3c/projects/144">Related Issues</a></li>
<li><a href="../checkbox-pattern.html">Design Pattern</a></li>
</ul>
</nav>
<main>
<h1>Checkbox Example (Mixed-State)</h1>
<h1>Banner Landmark</h1>

<section>
<h2>About This Example</h2>
<img alt="" class="example-page-example-icon" src="../../../images/pattern-checkbox.svg">
<p>
This example demonstrates using the <a href="../checkbox-pattern.html">Checkbox Pattern</a> to create a tri-state, or mixed-state, checkbox.
In this implementation, the mixed-state checkbox represents the state of a set of standard HTML checkboxes.
If none of the checkboxes in the set are checked, the mixed state checkbox is not checked, and if all members of the set are checked, the mixed state checkbox is checked.
If the set contains both some checked and unchecked checkboxes, the mixed state checkbox is partially checked.
Activating the tri-state checkbox changes the states of the checkboxes in the set.
This example demonstrates ..
</p>
<p>Similar examples include:</p>
<ul>
<li><a href="checkbox.html">Checkbox (Two State)</a>: Simple two state checkbox.</li>
</ul>
</section>

Expand Down
Loading
Loading