Commit changed files and submodule updates

ARIA/apg/index/index.md

@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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>

ARIA/apg/patterns/combobox/examples/combobox-datepicker.md

@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/combobox/examples/combobox-datepicker/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/7'>View issues related to this example</a></p>        <p>Page last updated: 21 February 2023</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/7'>View issues related to this example</a></p>        <p>Page last updated: 1 March 2023</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -429,7 +429,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                     <li>Changes the grid of dates to the previous month.</li>
                     <li>
                       Moves focus to the same day of the same week.
-                      If that day does not exist, moves focus to the last day of the month.
+                      If that day does not exist, moves focus to the same day of the previous or next week.
                     </li>
                   </ul>
                 </td>
@@ -443,8 +443,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                   <ul>
                     <li>Changes the grid of dates to the previous year.</li>
                     <li>
-                      Moves focus to the same day of the same week.
-                      If that day does not exist, moves focus to the last day of the month.
+                      Moves focus to the same day of the same week in the previous year.
+                      If that day does not exist, moves focus to the same day of the previous or next week.
                     </li>
                   </ul>
                 </td>
@@ -456,7 +456,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                     <li>Changes the grid of dates to the next month.</li>
                     <li>
                       Moves focus to the same day of the same week.
-                      If that day does not exist, moves focus to the last day of the month.
+                      If that day does not exist, moves focus to the same day of previous or next week.
                     </li>
                   </ul>
                 </td>
@@ -471,7 +471,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                     <li>Changes the grid of dates to the next year.</li>
                     <li>
                       Moves focus to the same day of the same week in the next year.
-                      If that day does not exist, moves focus to the last day of the month.
+                      If that day does not exist, moves focus to the same day of previous or next week.
                     </li>
                   </ul>
                 </td>

ARIA/apg/patterns/feed/examples/feedDisplay.html → ARIA/apg/patterns/feed/examples/feed-display.html

@@ -1,6 +1,6 @@
 ---
 layout: null
-permalink: /ARIA/apg/patterns/feed/examples/feedDisplay.html
+permalink: /ARIA/apg/patterns/feed/examples/feed-display.html
 ---
 <!DOCTYPE html>
 <html lang="en">

ARIA/apg/patterns/feed/examples/feed.md

@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/feed/examples/feed/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/19'>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/19'>View issues related to this example</a></p>        <p>Page last updated: 22 February 2023</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -112,7 +112,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         <h2 id="ex_label">Example</h2>
         <div role="separator" id="ex_start_sep" aria-labelledby="ex_start_sep ex_label" aria-label="Start of"></div>
         <div id="ex1">
-          <p>The example feed experience is presented on a separate <a href="../feedDisplay.html">feed display page.</a></p>
+          <p>The example feed experience is presented on a separate <a href="../feed-display.html">feed display page.</a></p>
         </div>
         <div role="separator" id="ex_end_sep" aria-labelledby="ex_end_sep ex_label" aria-label="End of"></div>
       </section>
@@ -259,7 +259,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
 
       <section>
         <h2>Javascript and CSS Source Code</h2>
-        <p>The following Javascript and CSS is used by the feedDisplay.html page:</p>
+        <p>The following Javascript and CSS is used by the feed-display.html page:</p>
         <ul>
           <li><a href="../../../../../../content-assets/wai-aria-practices/patterns/feed/examples/css/feedDisplay.css" type="tex/css">feedDisplay.css</a></li>
           <li>Javascript: <a href="../../../../../../content-assets/wai-aria-practices/patterns/feed/examples/js/feed.js" type="text/javascript">feed.js</a>, <a href="../../../../../../content-assets/wai-aria-practices/patterns/feed/examples/js/feedDisplay.js" type="text/javascript">feedDisplay.js</a>, <a href="../../../../../../content-assets/wai-aria-practices/patterns/feed/examples/js/main.js" type="text/javascript">main.js</a>, <a href="../../../../../../content-assets/wai-aria-practices/shared/js/utils.js">utils.js</a></li>
@@ -268,7 +268,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
 
       <section>
         <h2 id="sc1_label">HTML Source Code</h2>
-        <p>Please open <a href="../feedDisplay.html">feedDisplay.html</a> and view source.</p>
+        <p>Please open <a href="../feed-display.html">feed-display.html</a> and view source.</p>
       </section>
     </div>
 

ARIA/apg/patterns/grid/examples/advancedDataGrid.md → ARIA/apg/patterns/grid/examples/advanced-data-grid.md

@@ -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: 22 February 2023</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -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>
 

ARIA/apg/patterns/grid/examples/dataGrids.md → ARIA/apg/patterns/grid/examples/data-grids.md

@@ -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: 22 February 2023</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -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>
 

ARIA/apg/patterns/grid/examples/LayoutGrids.md → ARIA/apg/patterns/grid/examples/layout-grids.md

@@ -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: 22 February 2023</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -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>
 
@@ -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>