Skip to content
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

apg/rename-grid-examples generated by aria-practices #188

Closed
wants to merge 2 commits into from
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
26 changes: 13 additions & 13 deletions ARIA/apg/index/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -184,8 +184,8 @@ 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/grid-combo/">Editable Combobox with Grid Popup</a></li>
<li><a href="../patterns/dialog-modal/examples/datepicker-dialog/">Date Picker Dialog</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../patterns/grid/examples/dataGrids/">Data Grid</a></li>
<li><a href="../patterns/grid/examples/LayoutGrids/">Layout Grid</a></li>
<li><a href="../patterns/grid/examples/data-grids/">Data Grid</a></li>
<li><a href="../patterns/grid/examples/layout-grids/">Layout Grid</a></li>
</ul>
</td>
</tr>
Expand All @@ -194,7 +194,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
<td>
<ul>
<li><a href="../patterns/combobox/examples/grid-combo/">Editable Combobox with Grid Popup</a></li>
<li><a href="../patterns/grid/examples/LayoutGrids/">Layout Grid</a></li>
<li><a href="../patterns/grid/examples/layout-grids/">Layout Grid</a></li>
<li><a href="../patterns/treegrid/examples/treegrid-1/">Treegrid Email Inbox</a></li>
</ul>
</td>
Expand Down Expand Up @@ -369,7 +369,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
<td>
<ul>
<li><a href="../patterns/combobox/examples/grid-combo/">Editable Combobox with Grid Popup</a></li>
<li><a href="../patterns/grid/examples/LayoutGrids/">Layout Grid</a></li>
<li><a href="../patterns/grid/examples/layout-grids/">Layout Grid</a></li>
<li><a href="../patterns/table/examples/table/">Table</a></li>
<li><a href="../patterns/treegrid/examples/treegrid-1/">Treegrid Email Inbox</a></li>
</ul>
Expand Down Expand Up @@ -549,11 +549,11 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
</tr>
<tr>
<td><code>aria-colcount</code></td>
<td><a href="../patterns/grid/examples/dataGrids/">Data Grid</a></td>
<td><a href="../patterns/grid/examples/data-grids/">Data Grid</a></td>
</tr>
<tr>
<td><code>aria-colindex</code></td>
<td><a href="../patterns/grid/examples/dataGrids/">Data Grid</a></td>
<td><a href="../patterns/grid/examples/data-grids/">Data Grid</a></td>
</tr>
<tr>
<td><code>aria-controls</code></td>
Expand Down Expand Up @@ -720,8 +720,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
<li><a href="../patterns/dialog-modal/examples/datepicker-dialog/">Date Picker Dialog</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
<li><a href="../patterns/dialog-modal/examples/dialog/">Modal Dialog</a></li>
<li><a href="../patterns/feed/examples/feed/">Feed</a></li>
<li><a href="../patterns/grid/examples/dataGrids/">Data Grid</a></li>
<li><a href="../patterns/grid/examples/LayoutGrids/">Layout Grid</a></li>
<li><a href="../patterns/grid/examples/data-grids/">Data Grid</a></li>
<li><a href="../patterns/grid/examples/layout-grids/">Layout Grid</a></li>
<li><a href="../patterns/listbox/examples/listbox-collapsible/">(Deprecated) Collapsible Dropdown Listbox</a></li>
<li><a href="../patterns/listbox/examples/listbox-grouped/">Listbox with Grouped Options</a></li>
<li><a href="../patterns/listbox/examples/listbox-rearrangeable/">Listboxes with Rearrangeable Options</a></li>
Expand Down Expand Up @@ -831,17 +831,17 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
<td><code>aria-rowcount</code></td>
<td>
<ul>
<li><a href="../patterns/grid/examples/dataGrids/">Data Grid</a></li>
<li><a href="../patterns/grid/examples/LayoutGrids/">Layout Grid</a></li>
<li><a href="../patterns/grid/examples/data-grids/">Data Grid</a></li>
<li><a href="../patterns/grid/examples/layout-grids/">Layout Grid</a></li>
</ul>
</td>
</tr>
<tr>
<td><code>aria-rowindex</code></td>
<td>
<ul>
<li><a href="../patterns/grid/examples/dataGrids/">Data Grid</a></li>
<li><a href="../patterns/grid/examples/LayoutGrids/">Layout Grid</a></li>
<li><a href="../patterns/grid/examples/data-grids/">Data Grid</a></li>
<li><a href="../patterns/grid/examples/layout-grids/">Layout Grid</a></li>
</ul>
</td>
</tr>
Expand Down Expand Up @@ -882,7 +882,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
<td><code>aria-sort</code></td>
<td>
<ul>
<li><a href="../patterns/grid/examples/dataGrids/">Data Grid</a></li>
<li><a href="../patterns/grid/examples/data-grids/">Data Grid</a></li>
<li><a href="../patterns/table/examples/sortable-table/">Sortable Table</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
</ul>
</td>
Expand Down
Original file line number Diff line number Diff line change
@@ -1,18 +1,18 @@
---
# This file was generated by scripts/pre-build/library/formatForJekyll.js
title: "Advanced Data Grid"
ref: /ARIA/apg/patterns/grid/examples/advancedDataGrid/
ref: /ARIA/apg/patterns/grid/examples/advanced-data-grid/

github:
repository: w3c/aria-practices
branch: main
path: content/patterns/grid/examples/advancedDataGrid.html
path: content/patterns/grid/examples/advanced-data-grid.html
feedbackmail: public-aria-practices@w3.org
permalink: /ARIA/apg/patterns/grid/examples/advancedDataGrid/
permalink: /ARIA/apg/patterns/grid/examples/advanced-data-grid/

sidebar: true

footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/15'>View issues related to this example</a></p> <p>Page last updated: 7 December 2022</p> </div> "
footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/15'>View issues related to this example</a></p> <p>Page last updated: 1 February 2023</p> </div> "

# Context here: https://github.com/w3c/wai-aria-practices/issues/31
type_of_guidance: APG
Expand Down Expand Up @@ -116,8 +116,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
</p>
<p>Similar examples include:</p>
<ul>
<li><a href="../dataGrids/">Data Grid Examples</a>: Three example implementations of grid that include features relevant to presenting tabular information, such as content editing, sort, and column hiding.</li>
<li><a href="../LayoutGrids/">Layout Grid Examples</a>: Three example implementations of grids that are used to lay out widgets, including a collection of navigation links, a message recipients list, and a set of search results.</li>
<li><a href="../data-grids/">Data Grid Examples</a>: Three example implementations of grid that include features relevant to presenting tabular information, such as content editing, sort, and column hiding.</li>
<li><a href="../layout-grids/">Layout Grid Examples</a>: Three example implementations of grids that are used to lay out widgets, including a collection of navigation links, a message recipients list, and a set of search results.</li>
</ul>
</section>

Expand Down
Original file line number Diff line number Diff line change
@@ -1,18 +1,18 @@
---
# This file was generated by scripts/pre-build/library/formatForJekyll.js
title: "Data Grid Examples"
ref: /ARIA/apg/patterns/grid/examples/dataGrids/
ref: /ARIA/apg/patterns/grid/examples/data-grids/

github:
repository: w3c/aria-practices
branch: main
path: content/patterns/grid/examples/dataGrids.html
path: content/patterns/grid/examples/data-grids.html
feedbackmail: public-aria-practices@w3.org
permalink: /ARIA/apg/patterns/grid/examples/dataGrids/
permalink: /ARIA/apg/patterns/grid/examples/data-grids/

sidebar: true

footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/15'>View issues related to this example</a></p> <p>Page last updated: 7 December 2022</p> </div> "
footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/15'>View issues related to this example</a></p> <p>Page last updated: 1 February 2023</p> </div> "

# Context here: https://github.com/w3c/wai-aria-practices/issues/31
type_of_guidance: APG
Expand Down Expand Up @@ -115,8 +115,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
</p>
<p>Similar examples include:</p>
<ul>
<li><a href="../LayoutGrids/">Layout Grid Examples</a>: Three example implementations of grids that are used to lay out widgets, including a collection of navigation links, a message recipients list, and a set of search results.</li>
<li><a href="../advancedDataGrid/">Advanced Data Grid Example</a>: Example of a grid with behaviors and features similar to a typical spreadsheet, including cell and row selection.</li>
<li><a href="../layout-grids/">Layout Grid Examples</a>: Three example implementations of grids that are used to lay out widgets, including a collection of navigation links, a message recipients list, and a set of search results.</li>
<li><a href="../advanced-data-grid/">Advanced Data Grid Example</a>: Example of a grid with behaviors and features similar to a typical spreadsheet, including cell and row selection.</li>
</ul>
</section>

Expand Down
Original file line number Diff line number Diff line change
@@ -1,18 +1,18 @@
---
# This file was generated by scripts/pre-build/library/formatForJekyll.js
title: "Layout Grid Examples"
ref: /ARIA/apg/patterns/grid/examples/LayoutGrids/
ref: /ARIA/apg/patterns/grid/examples/layout-grids/

github:
repository: w3c/aria-practices
branch: main
path: content/patterns/grid/examples/LayoutGrids.html
path: content/patterns/grid/examples/layout-grids.html
feedbackmail: public-aria-practices@w3.org
permalink: /ARIA/apg/patterns/grid/examples/LayoutGrids/
permalink: /ARIA/apg/patterns/grid/examples/layout-grids/

sidebar: true

footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/15'>View issues related to this example</a></p> <p>Page last updated: 7 December 2022</p> </div> "
footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/15'>View issues related to this example</a></p> <p>Page last updated: 1 February 2023</p> </div> "

# Context here: https://github.com/w3c/wai-aria-practices/issues/31
type_of_guidance: APG
Expand Down Expand Up @@ -120,8 +120,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
</p>
<p>Similar examples include:</p>
<ul>
<li><a href="../dataGrids/">Data Grid Examples</a>: Three example implementations of grid that include features relevant to presenting tabular information, such as content editing, sort, and column hiding.</li>
<li><a href="../advancedDataGrid/">Advanced Data Grid Example</a>: Example of a grid with behaviors and features similar to a typical spreadsheet, including cell and row selection.</li>
<li><a href="../data-grids/">Data Grid Examples</a>: Three example implementations of grid that include features relevant to presenting tabular information, such as content editing, sort, and column hiding.</li>
<li><a href="../advanced-data-grid/">Advanced Data Grid Example</a>: Example of a grid with behaviors and features similar to a typical spreadsheet, including cell and row selection.</li>
</ul>
</section>

Expand Down Expand Up @@ -438,7 +438,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
<dt>Whether focus can wrap from the last column to the first column in the next row or from the first column to the last column in the previous row when <kbd>Right Arrow</kbd> and <kbd>Left Arrow</kbd> are pressed:</dt>
<dd>
This wrapping is expected in all grids except for those presenting tabular, i.e., spreadsheet-like, data.
The <a href="../dataGrids/">data grid examples</a> demonstrate grids where focus movement does not wrap at the ends of rows.
The <a href="../data-grids/">data grid examples</a> demonstrate grids where focus movement does not wrap at the ends of rows.
</dd>
<dt>Whether focus can wrap to the first row in the next column or the last row in the previous column when <kbd>Down Arrow</kbd> and <kbd>Up Arrow</kbd> are pressed:</dt>
<dd>
Expand Down
6 changes: 3 additions & 3 deletions ARIA/apg/patterns/grid/grid-pattern.md
Original file line number Diff line number Diff line change
Expand Up @@ -100,9 +100,9 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
>
<h2>Examples</h2>
<ul>
<li><a href="examples/LayoutGrids/">Layout Grid Examples</a>: Three example implementations of grids that are used to lay out widgets, including a collection of navigation links, a message recipients list, and a set of search results.</li>
<li><a href="examples/dataGrids/">Data Grid Examples</a>: Three example implementations of grid that include features relevant to presenting tabular information, such as content editing, sort, and column hiding.</li>
<li><a href="examples/advancedDataGrid/">Advanced Data Grid Example</a>: Example of a grid with behaviors and features similar to a typical spreadsheet, including cell and row selection.</li>
<li><a href="examples/layout-grids/">Layout Grid Examples</a>: Three example implementations of grids that are used to lay out widgets, including a collection of navigation links, a message recipients list, and a set of search results.</li>
<li><a href="examples/data-grids/">Data Grid Examples</a>: Three example implementations of grid that include features relevant to presenting tabular information, such as content editing, sort, and column hiding.</li>
<li><a href="examples/advanced-data-grid/">Advanced Data Grid Example</a>: Example of a grid with behaviors and features similar to a typical spreadsheet, including cell and row selection.</li>
</ul>
</section>

Expand Down
4 changes: 2 additions & 2 deletions ARIA/apg/patterns/table/examples/sortable-table.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/table/examples/sortable-table/

sidebar: true

footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/16'>View issues related to this example</a></p> <p>Page last updated: 7 December 2022</p> </div> "
footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/16'>View issues related to this example</a></p> <p>Page last updated: 1 February 2023</p> </div> "

# Context here: https://github.com/w3c/wai-aria-practices/issues/31
type_of_guidance: APG
Expand Down Expand Up @@ -108,7 +108,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
</p>
<p>Similar examples include:</p>
<ul>
<li><a href="../../../grid/examples/dataGrids/">Data Grid Examples</a>: Three example implementations of grid that include features relevant to presenting tabular information, such as content editing, sort, and column hiding.</li>
<li><a href="../../../grid/examples/data-grids/">Data Grid Examples</a>: Three example implementations of grid that include features relevant to presenting tabular information, such as content editing, sort, and column hiding.</li>
<li><a href="../table/">Table Example</a>: ARIA table made using HTML <code>div</code> and <code>span</code> elements.</li>
</ul>
</section>
Expand Down
4 changes: 2 additions & 2 deletions ARIA/apg/patterns/table/examples/table.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/table/examples/table/

sidebar: true

footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/16'>View issues related to this example</a></p> <p>Page last updated: 7 December 2022</p> </div> "
footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/16'>View issues related to this example</a></p> <p>Page last updated: 1 February 2023</p> </div> "

# Context here: https://github.com/w3c/wai-aria-practices/issues/31
type_of_guidance: APG
Expand Down Expand Up @@ -106,7 +106,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
<p>Similar examples include:</p>
<ul>
<li><a href="../sortable-table/">Sortable Table Example</a>: Basic HTML table that illustrates implementation of <code>aria-sort</code> in the headers of sortable columns.</li>
<li><a href="../../../grid/examples/dataGrids/">Data Grid Examples</a>: Three example implementations of grid that include features relevant to presenting tabular information, such as content editing, sort, and column hiding.</li>
<li><a href="../../../grid/examples/data-grids/">Data Grid Examples</a>: Three example implementations of grid that include features relevant to presenting tabular information, such as content editing, sort, and column hiding.</li>
</ul>
</section>

Expand Down
4 changes: 2 additions & 2 deletions ARIA/apg/patterns/treegrid/examples/treegrid-1.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/treegrid/examples/treegrid-1/

sidebar: true

footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/17'>View issues related to this example</a></p> <p>Page last updated: 7 December 2022</p> </div> "
footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/17'>View issues related to this example</a></p> <p>Page last updated: 1 February 2023</p> </div> "

# Context here: https://github.com/w3c/wai-aria-practices/issues/31
type_of_guidance: APG
Expand Down Expand Up @@ -127,7 +127,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
<p>The following example demonstrates how the <a href="../../">Treegrid Pattern</a> can be used to make an interactive tree that enables users to both navigate the hierarchical structure of email conversations and also navigate elements that describe each email, such as subject and sender.</p>
<p>Similar examples include:</p>
<ul>
<li><a href="../../../grid/examples/dataGrids/">Data Grid Examples</a>: Three example implementations of grid that include features relevant to presenting tabular information, such as content editing, sort, and column hiding.</li>
<li><a href="../../../grid/examples/data-grids/">Data Grid Examples</a>: Three example implementations of grid that include features relevant to presenting tabular information, such as content editing, sort, and column hiding.</li>
<li><a href="../../../treeview/examples/treeview-1a/">File Directory Treeview using <em>computed</em> properties</a></li>
<li><a href="../../../treeview/examples/treeview-1b/">File Directory Treeview using <em>declared</em> properties</a></li>
<li><a href="../../../treeview/examples/treeview-navigation/">Navigation Treeview Example</a></li>
Expand Down