From c2834742a4c99f269bdf5c011fe9b50a7a34b764 Mon Sep 17 00:00:00 2001 From: michael-n-cooper-bot <michael-n-cooper-bot@users.noreply.github.com> Date: Tue, 29 Aug 2023 19:13:48 +0000 Subject: [PATCH 01/11] Commit changes --- ARIA/apg/patterns/accordion/examples/accordion.md | 2 +- ARIA/apg/patterns/alert/examples/alert.md | 2 +- ARIA/apg/patterns/alertdialog/examples/alertdialog.md | 2 +- ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md | 2 +- ARIA/apg/patterns/button/examples/button.md | 2 +- ARIA/apg/patterns/button/examples/button_idl.md | 2 +- ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md | 2 +- ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md | 2 +- ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md | 2 +- ARIA/apg/patterns/checkbox/examples/checkbox.md | 2 +- .../patterns/combobox/examples/combobox-autocomplete-both.md | 2 +- .../patterns/combobox/examples/combobox-autocomplete-list.md | 2 +- .../patterns/combobox/examples/combobox-autocomplete-none.md | 2 +- ARIA/apg/patterns/combobox/examples/combobox-datepicker.md | 2 +- ARIA/apg/patterns/combobox/examples/combobox-select-only.md | 2 +- ARIA/apg/patterns/combobox/examples/grid-combo.md | 2 +- ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md | 2 +- ARIA/apg/patterns/dialog-modal/examples/dialog.md | 2 +- ARIA/apg/patterns/disclosure/examples/disclosure-faq.md | 2 +- .../disclosure/examples/disclosure-image-description.md | 2 +- .../disclosure/examples/disclosure-navigation-hybrid.md | 2 +- ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md | 2 +- ARIA/apg/patterns/feed/examples/feed.md | 2 +- ARIA/apg/patterns/grid/examples/advanced-data-grid.md | 2 +- ARIA/apg/patterns/grid/examples/data-grids.md | 2 +- ARIA/apg/patterns/grid/examples/layout-grids.md | 2 +- ARIA/apg/patterns/link/examples/link.md | 2 +- ARIA/apg/patterns/listbox/examples/listbox-collapsible.md | 2 +- ARIA/apg/patterns/listbox/examples/listbox-grouped.md | 2 +- ARIA/apg/patterns/listbox/examples/listbox-rearrangeable.md | 2 +- ARIA/apg/patterns/listbox/examples/listbox-scrollable.md | 2 +- .../examples/menu-button-actions-active-descendant.md | 2 +- ARIA/apg/patterns/menu-button/examples/menu-button-actions.md | 2 +- ARIA/apg/patterns/menu-button/examples/menu-button-links.md | 2 +- ARIA/apg/patterns/menubar/examples/menubar-editor.md | 2 +- ARIA/apg/patterns/menubar/examples/menubar-navigation.md | 2 +- ARIA/apg/patterns/meter/examples/meter.md | 2 +- ARIA/apg/patterns/radio/examples/radio-activedescendant.md | 2 +- ARIA/apg/patterns/radio/examples/radio-rating.md | 2 +- ARIA/apg/patterns/radio/examples/radio.md | 2 +- .../patterns/slider-multithumb/examples/slider-multithumb.md | 2 +- ARIA/apg/patterns/slider/examples/slider-color-viewer.md | 2 +- ARIA/apg/patterns/slider/examples/slider-rating.md | 2 +- ARIA/apg/patterns/slider/examples/slider-seek.md | 2 +- ARIA/apg/patterns/slider/examples/slider-temperature.md | 2 +- ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons.md | 2 +- ARIA/apg/patterns/switch/examples/switch-button.md | 2 +- ARIA/apg/patterns/switch/examples/switch-checkbox.md | 2 +- ARIA/apg/patterns/switch/examples/switch.md | 2 +- ARIA/apg/patterns/table/examples/sortable-table.md | 2 +- ARIA/apg/patterns/table/examples/table.md | 2 +- ARIA/apg/patterns/tabs/examples/tabs-automatic.md | 2 +- ARIA/apg/patterns/tabs/examples/tabs-manual.md | 2 +- ARIA/apg/patterns/toolbar/examples/toolbar.md | 2 +- ARIA/apg/patterns/treegrid/examples/treegrid-1.md | 2 +- ARIA/apg/patterns/treeview/examples/treeview-1a.md | 2 +- ARIA/apg/patterns/treeview/examples/treeview-1b.md | 2 +- ARIA/apg/patterns/treeview/examples/treeview-navigation.md | 2 +- _external/aria-practices | 2 +- 59 files changed, 59 insertions(+), 59 deletions(-) diff --git a/ARIA/apg/patterns/accordion/examples/accordion.md b/ARIA/apg/patterns/accordion/examples/accordion.md index f3f839dbc..72a922ac1 100644 --- a/ARIA/apg/patterns/accordion/examples/accordion.md +++ b/ARIA/apg/patterns/accordion/examples/accordion.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/accordion/examples/accordion/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/8'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/8'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/alert/examples/alert.md b/ARIA/apg/patterns/alert/examples/alert.md index 00d6be2a7..43c865d5b 100644 --- a/ARIA/apg/patterns/alert/examples/alert.md +++ b/ARIA/apg/patterns/alert/examples/alert.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/alert/examples/alert/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/20'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/20'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/alertdialog/examples/alertdialog.md b/ARIA/apg/patterns/alertdialog/examples/alertdialog.md index 18136172f..7c8e89351 100644 --- a/ARIA/apg/patterns/alertdialog/examples/alertdialog.md +++ b/ARIA/apg/patterns/alertdialog/examples/alertdialog.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/alertdialog/examples/alertdialog/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/20'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/20'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md b/ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md index 6148d2faa..8ef4a1a23 100644 --- a/ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md +++ b/ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/breadcrumb/examples/breadcrumb/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/21'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/21'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/button/examples/button.md b/ARIA/apg/patterns/button/examples/button.md index e6e43e93f..369d890f9 100644 --- a/ARIA/apg/patterns/button/examples/button.md +++ b/ARIA/apg/patterns/button/examples/button.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/button/examples/button/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/button/examples/button_idl.md b/ARIA/apg/patterns/button/examples/button_idl.md index 8fa19df12..f5509c524 100644 --- a/ARIA/apg/patterns/button/examples/button_idl.md +++ b/ARIA/apg/patterns/button/examples/button_idl.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/button/examples/button_idl/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md b/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md index e405c69f7..48287e93b 100644 --- a/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md +++ b/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/carousel/examples/carousel-1-prev-next/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/10'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/10'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md b/ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md index 7d7cea538..422844af6 100644 --- a/ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md +++ b/ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/carousel/examples/carousel-2-tablist/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/10'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/10'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md b/ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md index 44402d0e3..93d48e855 100644 --- a/ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md +++ b/ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/checkbox/examples/checkbox-mixed/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/9'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/9'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/checkbox/examples/checkbox.md b/ARIA/apg/patterns/checkbox/examples/checkbox.md index 4f707275e..51fb5ce82 100644 --- a/ARIA/apg/patterns/checkbox/examples/checkbox.md +++ b/ARIA/apg/patterns/checkbox/examples/checkbox.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/checkbox/examples/checkbox/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/9'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/9'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both.md b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both.md index 6968e64c6..590af096a 100644 --- a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both.md +++ b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both/ 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: 8 August 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: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list.md b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list.md index acae1d1a4..0dc3443f8 100644 --- a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list.md +++ b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list.md @@ -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/w3c/aria-practices/projects/7'>View issues related to this example</a></p> <p>Page last updated: 8 August 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: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none.md b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none.md index 53dd89354..e227a71d8 100644 --- a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none.md +++ b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none/ 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: 8 August 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: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/combobox/examples/combobox-datepicker.md b/ARIA/apg/patterns/combobox/examples/combobox-datepicker.md index fd6bc846d..2a8dff82d 100644 --- a/ARIA/apg/patterns/combobox/examples/combobox-datepicker.md +++ b/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: 8 August 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: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/combobox/examples/combobox-select-only.md b/ARIA/apg/patterns/combobox/examples/combobox-select-only.md index 28bbc0b3b..cdf372d31 100644 --- a/ARIA/apg/patterns/combobox/examples/combobox-select-only.md +++ b/ARIA/apg/patterns/combobox/examples/combobox-select-only.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/combobox/examples/combobox-select-only/ 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: 8 August 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: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/combobox/examples/grid-combo.md b/ARIA/apg/patterns/combobox/examples/grid-combo.md index b861175a3..85618bb22 100644 --- a/ARIA/apg/patterns/combobox/examples/grid-combo.md +++ b/ARIA/apg/patterns/combobox/examples/grid-combo.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/combobox/examples/grid-combo/ 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: 8 August 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: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md b/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md index 7342f5ae6..3d1fbd3e8 100644 --- a/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md +++ b/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/27'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/27'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/dialog-modal/examples/dialog.md b/ARIA/apg/patterns/dialog-modal/examples/dialog.md index be7ebecbd..a8fbba6cb 100644 --- a/ARIA/apg/patterns/dialog-modal/examples/dialog.md +++ b/ARIA/apg/patterns/dialog-modal/examples/dialog.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/dialog-modal/examples/dialog/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/6'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/6'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/disclosure/examples/disclosure-faq.md b/ARIA/apg/patterns/disclosure/examples/disclosure-faq.md index 28350c46d..4f35bf47b 100644 --- a/ARIA/apg/patterns/disclosure/examples/disclosure-faq.md +++ b/ARIA/apg/patterns/disclosure/examples/disclosure-faq.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/disclosure/examples/disclosure-faq/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/disclosure/examples/disclosure-image-description.md b/ARIA/apg/patterns/disclosure/examples/disclosure-image-description.md index a68a522a1..6916828c8 100644 --- a/ARIA/apg/patterns/disclosure/examples/disclosure-image-description.md +++ b/ARIA/apg/patterns/disclosure/examples/disclosure-image-description.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/disclosure/examples/disclosure-image-description/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid.md b/ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid.md index 368f6c1d0..167d99764 100644 --- a/ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid.md +++ b/ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md b/ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md index e5494dc94..9e6bd7bca 100644 --- a/ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md +++ b/ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/disclosure/examples/disclosure-navigation/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/feed/examples/feed.md b/ARIA/apg/patterns/feed/examples/feed.md index 99acd6e8d..a4af76cd1 100644 --- a/ARIA/apg/patterns/feed/examples/feed.md +++ b/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: 8 August 2023</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: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/grid/examples/advanced-data-grid.md b/ARIA/apg/patterns/grid/examples/advanced-data-grid.md index d775b94cb..898e018b2 100644 --- a/ARIA/apg/patterns/grid/examples/advanced-data-grid.md +++ b/ARIA/apg/patterns/grid/examples/advanced-data-grid.md @@ -12,7 +12,7 @@ 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: 8 August 2023</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: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/grid/examples/data-grids.md b/ARIA/apg/patterns/grid/examples/data-grids.md index 93fee6d5f..137431322 100644 --- a/ARIA/apg/patterns/grid/examples/data-grids.md +++ b/ARIA/apg/patterns/grid/examples/data-grids.md @@ -12,7 +12,7 @@ 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: 8 August 2023</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: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/grid/examples/layout-grids.md b/ARIA/apg/patterns/grid/examples/layout-grids.md index 0c92270a5..a1eaec9fb 100644 --- a/ARIA/apg/patterns/grid/examples/layout-grids.md +++ b/ARIA/apg/patterns/grid/examples/layout-grids.md @@ -12,7 +12,7 @@ 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: 8 August 2023</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: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/link/examples/link.md b/ARIA/apg/patterns/link/examples/link.md index 3ba88b735..05d8223cc 100644 --- a/ARIA/apg/patterns/link/examples/link.md +++ b/ARIA/apg/patterns/link/examples/link.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/link/examples/link/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/21'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/21'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/listbox/examples/listbox-collapsible.md b/ARIA/apg/patterns/listbox/examples/listbox-collapsible.md index 91982ea1f..df10d7472 100644 --- a/ARIA/apg/patterns/listbox/examples/listbox-collapsible.md +++ b/ARIA/apg/patterns/listbox/examples/listbox-collapsible.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/listbox/examples/listbox-collapsible/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/listbox/examples/listbox-grouped.md b/ARIA/apg/patterns/listbox/examples/listbox-grouped.md index 015509b7f..cecbb33d5 100644 --- a/ARIA/apg/patterns/listbox/examples/listbox-grouped.md +++ b/ARIA/apg/patterns/listbox/examples/listbox-grouped.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/listbox/examples/listbox-grouped/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/listbox/examples/listbox-rearrangeable.md b/ARIA/apg/patterns/listbox/examples/listbox-rearrangeable.md index 339ede0fa..fc0930271 100644 --- a/ARIA/apg/patterns/listbox/examples/listbox-rearrangeable.md +++ b/ARIA/apg/patterns/listbox/examples/listbox-rearrangeable.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/listbox/examples/listbox-rearrangeable/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/listbox/examples/listbox-scrollable.md b/ARIA/apg/patterns/listbox/examples/listbox-scrollable.md index 526b571dc..5f8df9749 100644 --- a/ARIA/apg/patterns/listbox/examples/listbox-scrollable.md +++ b/ARIA/apg/patterns/listbox/examples/listbox-scrollable.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/listbox/examples/listbox-scrollable/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/menu-button/examples/menu-button-actions-active-descendant.md b/ARIA/apg/patterns/menu-button/examples/menu-button-actions-active-descendant.md index 97a0e3453..bb49ab953 100644 --- a/ARIA/apg/patterns/menu-button/examples/menu-button-actions-active-descendant.md +++ b/ARIA/apg/patterns/menu-button/examples/menu-button-actions-active-descendant.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/menu-button/examples/menu-button-actions-active-de sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/menu-button/examples/menu-button-actions.md b/ARIA/apg/patterns/menu-button/examples/menu-button-actions.md index 6664cf163..05200381e 100644 --- a/ARIA/apg/patterns/menu-button/examples/menu-button-actions.md +++ b/ARIA/apg/patterns/menu-button/examples/menu-button-actions.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/menu-button/examples/menu-button-actions/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/menu-button/examples/menu-button-links.md b/ARIA/apg/patterns/menu-button/examples/menu-button-links.md index 978fd0edf..741387034 100644 --- a/ARIA/apg/patterns/menu-button/examples/menu-button-links.md +++ b/ARIA/apg/patterns/menu-button/examples/menu-button-links.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/menu-button/examples/menu-button-links/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/menubar/examples/menubar-editor.md b/ARIA/apg/patterns/menubar/examples/menubar-editor.md index f336061b5..42d66c316 100644 --- a/ARIA/apg/patterns/menubar/examples/menubar-editor.md +++ b/ARIA/apg/patterns/menubar/examples/menubar-editor.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/menubar/examples/menubar-editor/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/menubar/examples/menubar-navigation.md b/ARIA/apg/patterns/menubar/examples/menubar-navigation.md index 9eb391cb2..f58aa5c1f 100644 --- a/ARIA/apg/patterns/menubar/examples/menubar-navigation.md +++ b/ARIA/apg/patterns/menubar/examples/menubar-navigation.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/menubar/examples/menubar-navigation/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/meter/examples/meter.md b/ARIA/apg/patterns/meter/examples/meter.md index 6a1766b8a..0fd1590dd 100644 --- a/ARIA/apg/patterns/meter/examples/meter.md +++ b/ARIA/apg/patterns/meter/examples/meter.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/meter/examples/meter/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/30'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/30'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/radio/examples/radio-activedescendant.md b/ARIA/apg/patterns/radio/examples/radio-activedescendant.md index a7ef26f40..aeecdb579 100644 --- a/ARIA/apg/patterns/radio/examples/radio-activedescendant.md +++ b/ARIA/apg/patterns/radio/examples/radio-activedescendant.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/radio/examples/radio-activedescendant/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/radio/examples/radio-rating.md b/ARIA/apg/patterns/radio/examples/radio-rating.md index 8c7c51086..fb14652eb 100644 --- a/ARIA/apg/patterns/radio/examples/radio-rating.md +++ b/ARIA/apg/patterns/radio/examples/radio-rating.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/radio/examples/radio-rating/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/radio/examples/radio.md b/ARIA/apg/patterns/radio/examples/radio.md index e711f4bcc..f3612a140 100644 --- a/ARIA/apg/patterns/radio/examples/radio.md +++ b/ARIA/apg/patterns/radio/examples/radio.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/radio/examples/radio/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb.md b/ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb.md index 013e152b6..4a3d48b9e 100644 --- a/ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb.md +++ b/ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/slider/examples/slider-color-viewer.md b/ARIA/apg/patterns/slider/examples/slider-color-viewer.md index 461d80c3a..13acd325b 100644 --- a/ARIA/apg/patterns/slider/examples/slider-color-viewer.md +++ b/ARIA/apg/patterns/slider/examples/slider-color-viewer.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/slider/examples/slider-color-viewer/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/slider/examples/slider-rating.md b/ARIA/apg/patterns/slider/examples/slider-rating.md index e3ac3cc34..5e9249474 100644 --- a/ARIA/apg/patterns/slider/examples/slider-rating.md +++ b/ARIA/apg/patterns/slider/examples/slider-rating.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/slider/examples/slider-rating/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/slider/examples/slider-seek.md b/ARIA/apg/patterns/slider/examples/slider-seek.md index 75401c970..8b2a402fd 100644 --- a/ARIA/apg/patterns/slider/examples/slider-seek.md +++ b/ARIA/apg/patterns/slider/examples/slider-seek.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/slider/examples/slider-seek/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/slider/examples/slider-temperature.md b/ARIA/apg/patterns/slider/examples/slider-temperature.md index eb68790f9..bcfc7009c 100644 --- a/ARIA/apg/patterns/slider/examples/slider-temperature.md +++ b/ARIA/apg/patterns/slider/examples/slider-temperature.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/slider/examples/slider-temperature/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons.md b/ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons.md index c383578e8..42bfffd27 100644 --- a/ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons.md +++ b/ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/switch/examples/switch-button.md b/ARIA/apg/patterns/switch/examples/switch-button.md index b2f8d6f7f..91064f981 100644 --- a/ARIA/apg/patterns/switch/examples/switch-button.md +++ b/ARIA/apg/patterns/switch/examples/switch-button.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/switch/examples/switch-button/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/switch/examples/switch-checkbox.md b/ARIA/apg/patterns/switch/examples/switch-checkbox.md index dde839333..8ab2a364f 100644 --- a/ARIA/apg/patterns/switch/examples/switch-checkbox.md +++ b/ARIA/apg/patterns/switch/examples/switch-checkbox.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/switch/examples/switch-checkbox/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/switch/examples/switch.md b/ARIA/apg/patterns/switch/examples/switch.md index 9eb725e78..5b8d96e38 100644 --- a/ARIA/apg/patterns/switch/examples/switch.md +++ b/ARIA/apg/patterns/switch/examples/switch.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/switch/examples/switch/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/table/examples/sortable-table.md b/ARIA/apg/patterns/table/examples/sortable-table.md index 2f1ddd295..93bf6f741 100644 --- a/ARIA/apg/patterns/table/examples/sortable-table.md +++ b/ARIA/apg/patterns/table/examples/sortable-table.md @@ -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: 8 August 2023</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: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/table/examples/table.md b/ARIA/apg/patterns/table/examples/table.md index 3dacf5da1..b9738999f 100644 --- a/ARIA/apg/patterns/table/examples/table.md +++ b/ARIA/apg/patterns/table/examples/table.md @@ -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: 8 August 2023</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: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/tabs/examples/tabs-automatic.md b/ARIA/apg/patterns/tabs/examples/tabs-automatic.md index 692ccc2c1..3feac8c81 100644 --- a/ARIA/apg/patterns/tabs/examples/tabs-automatic.md +++ b/ARIA/apg/patterns/tabs/examples/tabs-automatic.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/tabs/examples/tabs-automatic/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/11'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/11'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/tabs/examples/tabs-manual.md b/ARIA/apg/patterns/tabs/examples/tabs-manual.md index 0a9b9dfff..b2882e739 100644 --- a/ARIA/apg/patterns/tabs/examples/tabs-manual.md +++ b/ARIA/apg/patterns/tabs/examples/tabs-manual.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/tabs/examples/tabs-manual/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/11'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/11'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/toolbar/examples/toolbar.md b/ARIA/apg/patterns/toolbar/examples/toolbar.md index 051521c66..b07a859b5 100644 --- a/ARIA/apg/patterns/toolbar/examples/toolbar.md +++ b/ARIA/apg/patterns/toolbar/examples/toolbar.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/toolbar/examples/toolbar/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/18'>View issues related to this example</a></p> <p>Page last updated: 8 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/18'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/treegrid/examples/treegrid-1.md b/ARIA/apg/patterns/treegrid/examples/treegrid-1.md index 6566db4fe..6d9833094 100644 --- a/ARIA/apg/patterns/treegrid/examples/treegrid-1.md +++ b/ARIA/apg/patterns/treegrid/examples/treegrid-1.md @@ -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: 8 August 2023</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: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/treeview/examples/treeview-1a.md b/ARIA/apg/patterns/treeview/examples/treeview-1a.md index 82cc0a4ea..fe8814023 100644 --- a/ARIA/apg/patterns/treeview/examples/treeview-1a.md +++ b/ARIA/apg/patterns/treeview/examples/treeview-1a.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/treeview/examples/treeview-1a/ 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: 8 August 2023</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: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/treeview/examples/treeview-1b.md b/ARIA/apg/patterns/treeview/examples/treeview-1b.md index 0149eb01d..897d4a291 100644 --- a/ARIA/apg/patterns/treeview/examples/treeview-1b.md +++ b/ARIA/apg/patterns/treeview/examples/treeview-1b.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/treeview/examples/treeview-1b/ 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: 8 August 2023</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: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/treeview/examples/treeview-navigation.md b/ARIA/apg/patterns/treeview/examples/treeview-navigation.md index b7eb8ef24..23ad3a11e 100644 --- a/ARIA/apg/patterns/treeview/examples/treeview-navigation.md +++ b/ARIA/apg/patterns/treeview/examples/treeview-navigation.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/treeview/examples/treeview-navigation/ 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: 8 August 2023</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: 29 August 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/_external/aria-practices b/_external/aria-practices index 164188c47..7ec45269f 160000 --- a/_external/aria-practices +++ b/_external/aria-practices @@ -1 +1 @@ -Subproject commit 164188c47c4164ee4b8801fcb33f576d872e0861 +Subproject commit 7ec45269fd45741892eba41108ae67953630f991 From 2c8a217792dc5045a09cd0a0fc50e675b0379a0e Mon Sep 17 00:00:00 2001 From: michael-n-cooper-bot <michael-n-cooper-bot@users.noreply.github.com> Date: Sat, 2 Sep 2023 16:36:44 +0000 Subject: [PATCH 02/11] Commit changes --- ARIA/apg/patterns/accordion/examples/accordion.md | 2 +- ARIA/apg/patterns/alert/examples/alert.md | 2 +- ARIA/apg/patterns/alertdialog/examples/alertdialog.md | 2 +- ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md | 2 +- ARIA/apg/patterns/button/examples/button.md | 2 +- ARIA/apg/patterns/button/examples/button_idl.md | 2 +- ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md | 2 +- ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md | 2 +- ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md | 2 +- ARIA/apg/patterns/checkbox/examples/checkbox.md | 2 +- .../patterns/combobox/examples/combobox-autocomplete-both.md | 2 +- .../patterns/combobox/examples/combobox-autocomplete-list.md | 2 +- .../patterns/combobox/examples/combobox-autocomplete-none.md | 2 +- ARIA/apg/patterns/combobox/examples/combobox-datepicker.md | 2 +- ARIA/apg/patterns/combobox/examples/combobox-select-only.md | 2 +- ARIA/apg/patterns/combobox/examples/grid-combo.md | 2 +- ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md | 2 +- ARIA/apg/patterns/dialog-modal/examples/dialog.md | 2 +- ARIA/apg/patterns/disclosure/examples/disclosure-faq.md | 2 +- .../disclosure/examples/disclosure-image-description.md | 2 +- .../disclosure/examples/disclosure-navigation-hybrid.md | 2 +- ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md | 2 +- ARIA/apg/patterns/feed/examples/feed.md | 2 +- ARIA/apg/patterns/grid/examples/advanced-data-grid.md | 2 +- ARIA/apg/patterns/grid/examples/data-grids.md | 2 +- ARIA/apg/patterns/grid/examples/layout-grids.md | 2 +- ARIA/apg/patterns/link/examples/link.md | 2 +- ARIA/apg/patterns/listbox/examples/listbox-collapsible.md | 2 +- ARIA/apg/patterns/listbox/examples/listbox-grouped.md | 2 +- ARIA/apg/patterns/listbox/examples/listbox-rearrangeable.md | 2 +- ARIA/apg/patterns/listbox/examples/listbox-scrollable.md | 2 +- .../examples/menu-button-actions-active-descendant.md | 2 +- ARIA/apg/patterns/menu-button/examples/menu-button-actions.md | 2 +- ARIA/apg/patterns/menu-button/examples/menu-button-links.md | 2 +- ARIA/apg/patterns/menubar/examples/menubar-editor.md | 2 +- ARIA/apg/patterns/menubar/examples/menubar-navigation.md | 2 +- ARIA/apg/patterns/meter/examples/meter.md | 2 +- ARIA/apg/patterns/radio/examples/radio-activedescendant.md | 2 +- ARIA/apg/patterns/radio/examples/radio-rating.md | 2 +- ARIA/apg/patterns/radio/examples/radio.md | 2 +- .../patterns/slider-multithumb/examples/slider-multithumb.md | 2 +- ARIA/apg/patterns/slider/examples/slider-color-viewer.md | 2 +- ARIA/apg/patterns/slider/examples/slider-rating.md | 2 +- ARIA/apg/patterns/slider/examples/slider-seek.md | 2 +- ARIA/apg/patterns/slider/examples/slider-temperature.md | 2 +- ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons.md | 2 +- ARIA/apg/patterns/switch/examples/switch-button.md | 2 +- ARIA/apg/patterns/switch/examples/switch-checkbox.md | 2 +- ARIA/apg/patterns/switch/examples/switch.md | 2 +- ARIA/apg/patterns/table/examples/sortable-table.md | 2 +- ARIA/apg/patterns/table/examples/table.md | 2 +- ARIA/apg/patterns/tabs/examples/tabs-automatic.md | 2 +- ARIA/apg/patterns/tabs/examples/tabs-manual.md | 2 +- ARIA/apg/patterns/toolbar/examples/toolbar.md | 2 +- ARIA/apg/patterns/treegrid/examples/treegrid-1.md | 2 +- ARIA/apg/patterns/treeview/examples/treeview-1a.md | 2 +- ARIA/apg/patterns/treeview/examples/treeview-1b.md | 2 +- ARIA/apg/patterns/treeview/examples/treeview-navigation.md | 2 +- _external/aria-practices | 2 +- _external/data | 2 +- 60 files changed, 60 insertions(+), 60 deletions(-) diff --git a/ARIA/apg/patterns/accordion/examples/accordion.md b/ARIA/apg/patterns/accordion/examples/accordion.md index 72a922ac1..32400a37b 100644 --- a/ARIA/apg/patterns/accordion/examples/accordion.md +++ b/ARIA/apg/patterns/accordion/examples/accordion.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/accordion/examples/accordion/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/8'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/8'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/alert/examples/alert.md b/ARIA/apg/patterns/alert/examples/alert.md index 43c865d5b..08869da9e 100644 --- a/ARIA/apg/patterns/alert/examples/alert.md +++ b/ARIA/apg/patterns/alert/examples/alert.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/alert/examples/alert/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/20'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/20'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/alertdialog/examples/alertdialog.md b/ARIA/apg/patterns/alertdialog/examples/alertdialog.md index 7c8e89351..1d4d76830 100644 --- a/ARIA/apg/patterns/alertdialog/examples/alertdialog.md +++ b/ARIA/apg/patterns/alertdialog/examples/alertdialog.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/alertdialog/examples/alertdialog/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/20'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/20'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md b/ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md index 8ef4a1a23..d99c1eb98 100644 --- a/ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md +++ b/ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/breadcrumb/examples/breadcrumb/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/21'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/21'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/button/examples/button.md b/ARIA/apg/patterns/button/examples/button.md index 369d890f9..3550edadb 100644 --- a/ARIA/apg/patterns/button/examples/button.md +++ b/ARIA/apg/patterns/button/examples/button.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/button/examples/button/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/button/examples/button_idl.md b/ARIA/apg/patterns/button/examples/button_idl.md index f5509c524..5cf00ef5f 100644 --- a/ARIA/apg/patterns/button/examples/button_idl.md +++ b/ARIA/apg/patterns/button/examples/button_idl.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/button/examples/button_idl/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md b/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md index 48287e93b..ee2626eaf 100644 --- a/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md +++ b/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/carousel/examples/carousel-1-prev-next/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/10'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/10'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md b/ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md index 422844af6..6a987517e 100644 --- a/ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md +++ b/ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/carousel/examples/carousel-2-tablist/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/10'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/10'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md b/ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md index 93d48e855..f862ba3bc 100644 --- a/ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md +++ b/ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/checkbox/examples/checkbox-mixed/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/9'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/9'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/checkbox/examples/checkbox.md b/ARIA/apg/patterns/checkbox/examples/checkbox.md index 51fb5ce82..597d3fddb 100644 --- a/ARIA/apg/patterns/checkbox/examples/checkbox.md +++ b/ARIA/apg/patterns/checkbox/examples/checkbox.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/checkbox/examples/checkbox/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/9'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/9'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both.md b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both.md index 590af096a..ea25431b7 100644 --- a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both.md +++ b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both/ 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: 29 August 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: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list.md b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list.md index 0dc3443f8..3b80e12d5 100644 --- a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list.md +++ b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list.md @@ -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/w3c/aria-practices/projects/7'>View issues related to this example</a></p> <p>Page last updated: 29 August 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: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none.md b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none.md index e227a71d8..4bff714cf 100644 --- a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none.md +++ b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none/ 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: 29 August 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: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/combobox/examples/combobox-datepicker.md b/ARIA/apg/patterns/combobox/examples/combobox-datepicker.md index 2a8dff82d..9cf92fd9d 100644 --- a/ARIA/apg/patterns/combobox/examples/combobox-datepicker.md +++ b/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: 29 August 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: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/combobox/examples/combobox-select-only.md b/ARIA/apg/patterns/combobox/examples/combobox-select-only.md index cdf372d31..899696246 100644 --- a/ARIA/apg/patterns/combobox/examples/combobox-select-only.md +++ b/ARIA/apg/patterns/combobox/examples/combobox-select-only.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/combobox/examples/combobox-select-only/ 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: 29 August 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: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/combobox/examples/grid-combo.md b/ARIA/apg/patterns/combobox/examples/grid-combo.md index 85618bb22..7ce4b5e78 100644 --- a/ARIA/apg/patterns/combobox/examples/grid-combo.md +++ b/ARIA/apg/patterns/combobox/examples/grid-combo.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/combobox/examples/grid-combo/ 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: 29 August 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: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md b/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md index 3d1fbd3e8..4da632b93 100644 --- a/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md +++ b/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/27'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/27'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/dialog-modal/examples/dialog.md b/ARIA/apg/patterns/dialog-modal/examples/dialog.md index a8fbba6cb..bb5985946 100644 --- a/ARIA/apg/patterns/dialog-modal/examples/dialog.md +++ b/ARIA/apg/patterns/dialog-modal/examples/dialog.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/dialog-modal/examples/dialog/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/6'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/6'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/disclosure/examples/disclosure-faq.md b/ARIA/apg/patterns/disclosure/examples/disclosure-faq.md index 4f35bf47b..259d7a0a5 100644 --- a/ARIA/apg/patterns/disclosure/examples/disclosure-faq.md +++ b/ARIA/apg/patterns/disclosure/examples/disclosure-faq.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/disclosure/examples/disclosure-faq/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/disclosure/examples/disclosure-image-description.md b/ARIA/apg/patterns/disclosure/examples/disclosure-image-description.md index 6916828c8..e28558883 100644 --- a/ARIA/apg/patterns/disclosure/examples/disclosure-image-description.md +++ b/ARIA/apg/patterns/disclosure/examples/disclosure-image-description.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/disclosure/examples/disclosure-image-description/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid.md b/ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid.md index 167d99764..e8076be73 100644 --- a/ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid.md +++ b/ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md b/ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md index 9e6bd7bca..66a1303a2 100644 --- a/ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md +++ b/ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/disclosure/examples/disclosure-navigation/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/feed/examples/feed.md b/ARIA/apg/patterns/feed/examples/feed.md index a4af76cd1..a415422a6 100644 --- a/ARIA/apg/patterns/feed/examples/feed.md +++ b/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: 29 August 2023</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: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/grid/examples/advanced-data-grid.md b/ARIA/apg/patterns/grid/examples/advanced-data-grid.md index 898e018b2..63654cdd8 100644 --- a/ARIA/apg/patterns/grid/examples/advanced-data-grid.md +++ b/ARIA/apg/patterns/grid/examples/advanced-data-grid.md @@ -12,7 +12,7 @@ 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: 29 August 2023</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: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/grid/examples/data-grids.md b/ARIA/apg/patterns/grid/examples/data-grids.md index 137431322..156f5d920 100644 --- a/ARIA/apg/patterns/grid/examples/data-grids.md +++ b/ARIA/apg/patterns/grid/examples/data-grids.md @@ -12,7 +12,7 @@ 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: 29 August 2023</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: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/grid/examples/layout-grids.md b/ARIA/apg/patterns/grid/examples/layout-grids.md index a1eaec9fb..091ac352c 100644 --- a/ARIA/apg/patterns/grid/examples/layout-grids.md +++ b/ARIA/apg/patterns/grid/examples/layout-grids.md @@ -12,7 +12,7 @@ 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: 29 August 2023</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: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/link/examples/link.md b/ARIA/apg/patterns/link/examples/link.md index 05d8223cc..e9165cf5b 100644 --- a/ARIA/apg/patterns/link/examples/link.md +++ b/ARIA/apg/patterns/link/examples/link.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/link/examples/link/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/21'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/21'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/listbox/examples/listbox-collapsible.md b/ARIA/apg/patterns/listbox/examples/listbox-collapsible.md index df10d7472..4f34005c6 100644 --- a/ARIA/apg/patterns/listbox/examples/listbox-collapsible.md +++ b/ARIA/apg/patterns/listbox/examples/listbox-collapsible.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/listbox/examples/listbox-collapsible/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/listbox/examples/listbox-grouped.md b/ARIA/apg/patterns/listbox/examples/listbox-grouped.md index cecbb33d5..b1db67083 100644 --- a/ARIA/apg/patterns/listbox/examples/listbox-grouped.md +++ b/ARIA/apg/patterns/listbox/examples/listbox-grouped.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/listbox/examples/listbox-grouped/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/listbox/examples/listbox-rearrangeable.md b/ARIA/apg/patterns/listbox/examples/listbox-rearrangeable.md index fc0930271..49cc16498 100644 --- a/ARIA/apg/patterns/listbox/examples/listbox-rearrangeable.md +++ b/ARIA/apg/patterns/listbox/examples/listbox-rearrangeable.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/listbox/examples/listbox-rearrangeable/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/listbox/examples/listbox-scrollable.md b/ARIA/apg/patterns/listbox/examples/listbox-scrollable.md index 5f8df9749..e9d148a35 100644 --- a/ARIA/apg/patterns/listbox/examples/listbox-scrollable.md +++ b/ARIA/apg/patterns/listbox/examples/listbox-scrollable.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/listbox/examples/listbox-scrollable/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/menu-button/examples/menu-button-actions-active-descendant.md b/ARIA/apg/patterns/menu-button/examples/menu-button-actions-active-descendant.md index bb49ab953..d73e523b4 100644 --- a/ARIA/apg/patterns/menu-button/examples/menu-button-actions-active-descendant.md +++ b/ARIA/apg/patterns/menu-button/examples/menu-button-actions-active-descendant.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/menu-button/examples/menu-button-actions-active-de sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/menu-button/examples/menu-button-actions.md b/ARIA/apg/patterns/menu-button/examples/menu-button-actions.md index 05200381e..07852e3bd 100644 --- a/ARIA/apg/patterns/menu-button/examples/menu-button-actions.md +++ b/ARIA/apg/patterns/menu-button/examples/menu-button-actions.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/menu-button/examples/menu-button-actions/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/menu-button/examples/menu-button-links.md b/ARIA/apg/patterns/menu-button/examples/menu-button-links.md index 741387034..ff2261f6c 100644 --- a/ARIA/apg/patterns/menu-button/examples/menu-button-links.md +++ b/ARIA/apg/patterns/menu-button/examples/menu-button-links.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/menu-button/examples/menu-button-links/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/menubar/examples/menubar-editor.md b/ARIA/apg/patterns/menubar/examples/menubar-editor.md index 42d66c316..8d3fbc77d 100644 --- a/ARIA/apg/patterns/menubar/examples/menubar-editor.md +++ b/ARIA/apg/patterns/menubar/examples/menubar-editor.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/menubar/examples/menubar-editor/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/menubar/examples/menubar-navigation.md b/ARIA/apg/patterns/menubar/examples/menubar-navigation.md index f58aa5c1f..f11a48396 100644 --- a/ARIA/apg/patterns/menubar/examples/menubar-navigation.md +++ b/ARIA/apg/patterns/menubar/examples/menubar-navigation.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/menubar/examples/menubar-navigation/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/meter/examples/meter.md b/ARIA/apg/patterns/meter/examples/meter.md index 0fd1590dd..bf378bc42 100644 --- a/ARIA/apg/patterns/meter/examples/meter.md +++ b/ARIA/apg/patterns/meter/examples/meter.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/meter/examples/meter/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/30'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/30'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/radio/examples/radio-activedescendant.md b/ARIA/apg/patterns/radio/examples/radio-activedescendant.md index aeecdb579..12a34d0ca 100644 --- a/ARIA/apg/patterns/radio/examples/radio-activedescendant.md +++ b/ARIA/apg/patterns/radio/examples/radio-activedescendant.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/radio/examples/radio-activedescendant/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/radio/examples/radio-rating.md b/ARIA/apg/patterns/radio/examples/radio-rating.md index fb14652eb..974975278 100644 --- a/ARIA/apg/patterns/radio/examples/radio-rating.md +++ b/ARIA/apg/patterns/radio/examples/radio-rating.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/radio/examples/radio-rating/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/radio/examples/radio.md b/ARIA/apg/patterns/radio/examples/radio.md index f3612a140..e5ec53a38 100644 --- a/ARIA/apg/patterns/radio/examples/radio.md +++ b/ARIA/apg/patterns/radio/examples/radio.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/radio/examples/radio/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb.md b/ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb.md index 4a3d48b9e..5b87ec468 100644 --- a/ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb.md +++ b/ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/slider/examples/slider-color-viewer.md b/ARIA/apg/patterns/slider/examples/slider-color-viewer.md index 13acd325b..e0cb39e24 100644 --- a/ARIA/apg/patterns/slider/examples/slider-color-viewer.md +++ b/ARIA/apg/patterns/slider/examples/slider-color-viewer.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/slider/examples/slider-color-viewer/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/slider/examples/slider-rating.md b/ARIA/apg/patterns/slider/examples/slider-rating.md index 5e9249474..5fe9bb6c9 100644 --- a/ARIA/apg/patterns/slider/examples/slider-rating.md +++ b/ARIA/apg/patterns/slider/examples/slider-rating.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/slider/examples/slider-rating/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/slider/examples/slider-seek.md b/ARIA/apg/patterns/slider/examples/slider-seek.md index 8b2a402fd..6843a23b3 100644 --- a/ARIA/apg/patterns/slider/examples/slider-seek.md +++ b/ARIA/apg/patterns/slider/examples/slider-seek.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/slider/examples/slider-seek/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/slider/examples/slider-temperature.md b/ARIA/apg/patterns/slider/examples/slider-temperature.md index bcfc7009c..2e48846f2 100644 --- a/ARIA/apg/patterns/slider/examples/slider-temperature.md +++ b/ARIA/apg/patterns/slider/examples/slider-temperature.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/slider/examples/slider-temperature/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons.md b/ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons.md index 42bfffd27..5554f8734 100644 --- a/ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons.md +++ b/ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/switch/examples/switch-button.md b/ARIA/apg/patterns/switch/examples/switch-button.md index 91064f981..769e03fb0 100644 --- a/ARIA/apg/patterns/switch/examples/switch-button.md +++ b/ARIA/apg/patterns/switch/examples/switch-button.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/switch/examples/switch-button/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/switch/examples/switch-checkbox.md b/ARIA/apg/patterns/switch/examples/switch-checkbox.md index 8ab2a364f..f4e907acf 100644 --- a/ARIA/apg/patterns/switch/examples/switch-checkbox.md +++ b/ARIA/apg/patterns/switch/examples/switch-checkbox.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/switch/examples/switch-checkbox/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/switch/examples/switch.md b/ARIA/apg/patterns/switch/examples/switch.md index 5b8d96e38..07ac36eda 100644 --- a/ARIA/apg/patterns/switch/examples/switch.md +++ b/ARIA/apg/patterns/switch/examples/switch.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/switch/examples/switch/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/table/examples/sortable-table.md b/ARIA/apg/patterns/table/examples/sortable-table.md index 93bf6f741..1bba9865a 100644 --- a/ARIA/apg/patterns/table/examples/sortable-table.md +++ b/ARIA/apg/patterns/table/examples/sortable-table.md @@ -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: 29 August 2023</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: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/table/examples/table.md b/ARIA/apg/patterns/table/examples/table.md index b9738999f..f4b008f1f 100644 --- a/ARIA/apg/patterns/table/examples/table.md +++ b/ARIA/apg/patterns/table/examples/table.md @@ -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: 29 August 2023</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: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/tabs/examples/tabs-automatic.md b/ARIA/apg/patterns/tabs/examples/tabs-automatic.md index 3feac8c81..dda0bd60a 100644 --- a/ARIA/apg/patterns/tabs/examples/tabs-automatic.md +++ b/ARIA/apg/patterns/tabs/examples/tabs-automatic.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/tabs/examples/tabs-automatic/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/11'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/11'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/tabs/examples/tabs-manual.md b/ARIA/apg/patterns/tabs/examples/tabs-manual.md index b2882e739..adcfdd1b4 100644 --- a/ARIA/apg/patterns/tabs/examples/tabs-manual.md +++ b/ARIA/apg/patterns/tabs/examples/tabs-manual.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/tabs/examples/tabs-manual/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/11'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/11'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/toolbar/examples/toolbar.md b/ARIA/apg/patterns/toolbar/examples/toolbar.md index b07a859b5..55fe2b649 100644 --- a/ARIA/apg/patterns/toolbar/examples/toolbar.md +++ b/ARIA/apg/patterns/toolbar/examples/toolbar.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/toolbar/examples/toolbar/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/18'>View issues related to this example</a></p> <p>Page last updated: 29 August 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/18'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/treegrid/examples/treegrid-1.md b/ARIA/apg/patterns/treegrid/examples/treegrid-1.md index 6d9833094..fe100dc83 100644 --- a/ARIA/apg/patterns/treegrid/examples/treegrid-1.md +++ b/ARIA/apg/patterns/treegrid/examples/treegrid-1.md @@ -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: 29 August 2023</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: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/treeview/examples/treeview-1a.md b/ARIA/apg/patterns/treeview/examples/treeview-1a.md index fe8814023..6b0c0d338 100644 --- a/ARIA/apg/patterns/treeview/examples/treeview-1a.md +++ b/ARIA/apg/patterns/treeview/examples/treeview-1a.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/treeview/examples/treeview-1a/ 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: 29 August 2023</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: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/treeview/examples/treeview-1b.md b/ARIA/apg/patterns/treeview/examples/treeview-1b.md index 897d4a291..7996c91f4 100644 --- a/ARIA/apg/patterns/treeview/examples/treeview-1b.md +++ b/ARIA/apg/patterns/treeview/examples/treeview-1b.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/treeview/examples/treeview-1b/ 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: 29 August 2023</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: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/treeview/examples/treeview-navigation.md b/ARIA/apg/patterns/treeview/examples/treeview-navigation.md index 23ad3a11e..b1a227ac6 100644 --- a/ARIA/apg/patterns/treeview/examples/treeview-navigation.md +++ b/ARIA/apg/patterns/treeview/examples/treeview-navigation.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/treeview/examples/treeview-navigation/ 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: 29 August 2023</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: 2 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/_external/aria-practices b/_external/aria-practices index 7ec45269f..4dbed94f5 160000 --- a/_external/aria-practices +++ b/_external/aria-practices @@ -1 +1 @@ -Subproject commit 7ec45269fd45741892eba41108ae67953630f991 +Subproject commit 4dbed94f59f648243cfd39805445c105931dca84 diff --git a/_external/data b/_external/data index 3e2c9fde3..966876f60 160000 --- a/_external/data +++ b/_external/data @@ -1 +1 @@ -Subproject commit 3e2c9fde38da2f50b1613a45a76bb0c03e463020 +Subproject commit 966876f60a55bc3df0f19af41f30f62841da3aa3 From f0f8ee99dc663a0521a5203032f4cfefab1e9dd5 Mon Sep 17 00:00:00 2001 From: michael-n-cooper-bot <michael-n-cooper-bot@users.noreply.github.com> Date: Mon, 18 Sep 2023 23:33:17 +0000 Subject: [PATCH 03/11] Commit changes --- ARIA/apg/patterns/accordion/examples/accordion.md | 2 +- ARIA/apg/patterns/alert/examples/alert.md | 2 +- ARIA/apg/patterns/alertdialog/examples/alertdialog.md | 2 +- ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md | 2 +- ARIA/apg/patterns/button/examples/button.md | 2 +- ARIA/apg/patterns/button/examples/button_idl.md | 2 +- ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md | 2 +- ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md | 2 +- ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md | 2 +- ARIA/apg/patterns/checkbox/examples/checkbox.md | 2 +- .../patterns/combobox/examples/combobox-autocomplete-both.md | 2 +- .../patterns/combobox/examples/combobox-autocomplete-list.md | 2 +- .../patterns/combobox/examples/combobox-autocomplete-none.md | 2 +- ARIA/apg/patterns/combobox/examples/combobox-datepicker.md | 2 +- ARIA/apg/patterns/combobox/examples/combobox-select-only.md | 2 +- ARIA/apg/patterns/combobox/examples/grid-combo.md | 2 +- ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md | 2 +- ARIA/apg/patterns/dialog-modal/examples/dialog.md | 2 +- ARIA/apg/patterns/disclosure/examples/disclosure-faq.md | 2 +- .../disclosure/examples/disclosure-image-description.md | 2 +- .../disclosure/examples/disclosure-navigation-hybrid.md | 2 +- ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md | 2 +- ARIA/apg/patterns/feed/examples/feed.md | 2 +- ARIA/apg/patterns/grid/examples/advanced-data-grid.md | 2 +- ARIA/apg/patterns/grid/examples/data-grids.md | 2 +- ARIA/apg/patterns/grid/examples/layout-grids.md | 2 +- ARIA/apg/patterns/link/examples/link.md | 2 +- ARIA/apg/patterns/listbox/examples/listbox-collapsible.md | 2 +- ARIA/apg/patterns/listbox/examples/listbox-grouped.md | 2 +- ARIA/apg/patterns/listbox/examples/listbox-rearrangeable.md | 2 +- ARIA/apg/patterns/listbox/examples/listbox-scrollable.md | 2 +- .../examples/menu-button-actions-active-descendant.md | 2 +- ARIA/apg/patterns/menu-button/examples/menu-button-actions.md | 2 +- ARIA/apg/patterns/menu-button/examples/menu-button-links.md | 2 +- ARIA/apg/patterns/menubar/examples/menubar-editor.md | 2 +- ARIA/apg/patterns/menubar/examples/menubar-navigation.md | 2 +- ARIA/apg/patterns/meter/examples/meter.md | 2 +- ARIA/apg/patterns/radio/examples/radio-activedescendant.md | 2 +- ARIA/apg/patterns/radio/examples/radio-rating.md | 2 +- ARIA/apg/patterns/radio/examples/radio.md | 2 +- .../patterns/slider-multithumb/examples/slider-multithumb.md | 2 +- ARIA/apg/patterns/slider/examples/slider-color-viewer.md | 2 +- ARIA/apg/patterns/slider/examples/slider-rating.md | 2 +- ARIA/apg/patterns/slider/examples/slider-seek.md | 2 +- ARIA/apg/patterns/slider/examples/slider-temperature.md | 2 +- ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons.md | 2 +- ARIA/apg/patterns/switch/examples/switch-button.md | 2 +- ARIA/apg/patterns/switch/examples/switch-checkbox.md | 2 +- ARIA/apg/patterns/switch/examples/switch.md | 2 +- ARIA/apg/patterns/table/examples/sortable-table.md | 2 +- ARIA/apg/patterns/table/examples/table.md | 2 +- ARIA/apg/patterns/tabs/examples/tabs-automatic.md | 2 +- ARIA/apg/patterns/tabs/examples/tabs-manual.md | 2 +- ARIA/apg/patterns/toolbar/examples/toolbar.md | 2 +- ARIA/apg/patterns/treegrid/examples/treegrid-1.md | 2 +- ARIA/apg/patterns/treeview/examples/treeview-1a.md | 2 +- ARIA/apg/patterns/treeview/examples/treeview-1b.md | 2 +- ARIA/apg/patterns/treeview/examples/treeview-navigation.md | 2 +- _external/aria-practices | 2 +- 59 files changed, 59 insertions(+), 59 deletions(-) diff --git a/ARIA/apg/patterns/accordion/examples/accordion.md b/ARIA/apg/patterns/accordion/examples/accordion.md index 32400a37b..e918ddade 100644 --- a/ARIA/apg/patterns/accordion/examples/accordion.md +++ b/ARIA/apg/patterns/accordion/examples/accordion.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/accordion/examples/accordion/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/8'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/8'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/alert/examples/alert.md b/ARIA/apg/patterns/alert/examples/alert.md index 08869da9e..f8fead816 100644 --- a/ARIA/apg/patterns/alert/examples/alert.md +++ b/ARIA/apg/patterns/alert/examples/alert.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/alert/examples/alert/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/20'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/20'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/alertdialog/examples/alertdialog.md b/ARIA/apg/patterns/alertdialog/examples/alertdialog.md index 1d4d76830..4bd58f6b7 100644 --- a/ARIA/apg/patterns/alertdialog/examples/alertdialog.md +++ b/ARIA/apg/patterns/alertdialog/examples/alertdialog.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/alertdialog/examples/alertdialog/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/20'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/20'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md b/ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md index d99c1eb98..b1f93c915 100644 --- a/ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md +++ b/ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/breadcrumb/examples/breadcrumb/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/21'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/21'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/button/examples/button.md b/ARIA/apg/patterns/button/examples/button.md index 3550edadb..85c13a8de 100644 --- a/ARIA/apg/patterns/button/examples/button.md +++ b/ARIA/apg/patterns/button/examples/button.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/button/examples/button/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/button/examples/button_idl.md b/ARIA/apg/patterns/button/examples/button_idl.md index 5cf00ef5f..6b8c881aa 100644 --- a/ARIA/apg/patterns/button/examples/button_idl.md +++ b/ARIA/apg/patterns/button/examples/button_idl.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/button/examples/button_idl/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md b/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md index ee2626eaf..fe4aa83ea 100644 --- a/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md +++ b/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/carousel/examples/carousel-1-prev-next/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/10'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/10'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md b/ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md index 6a987517e..76264cea6 100644 --- a/ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md +++ b/ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/carousel/examples/carousel-2-tablist/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/10'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/10'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md b/ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md index f862ba3bc..9281e3127 100644 --- a/ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md +++ b/ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/checkbox/examples/checkbox-mixed/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/9'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/9'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/checkbox/examples/checkbox.md b/ARIA/apg/patterns/checkbox/examples/checkbox.md index 597d3fddb..6187d20cc 100644 --- a/ARIA/apg/patterns/checkbox/examples/checkbox.md +++ b/ARIA/apg/patterns/checkbox/examples/checkbox.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/checkbox/examples/checkbox/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/9'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/9'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both.md b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both.md index ea25431b7..ce2782de6 100644 --- a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both.md +++ b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both/ 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: 2 September 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: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list.md b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list.md index 3b80e12d5..39a6aeae0 100644 --- a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list.md +++ b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list.md @@ -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/w3c/aria-practices/projects/7'>View issues related to this example</a></p> <p>Page last updated: 2 September 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: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none.md b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none.md index 4bff714cf..a501d02f1 100644 --- a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none.md +++ b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none/ 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: 2 September 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: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/combobox/examples/combobox-datepicker.md b/ARIA/apg/patterns/combobox/examples/combobox-datepicker.md index 9cf92fd9d..425482a65 100644 --- a/ARIA/apg/patterns/combobox/examples/combobox-datepicker.md +++ b/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: 2 September 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: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/combobox/examples/combobox-select-only.md b/ARIA/apg/patterns/combobox/examples/combobox-select-only.md index 899696246..75e7cbc85 100644 --- a/ARIA/apg/patterns/combobox/examples/combobox-select-only.md +++ b/ARIA/apg/patterns/combobox/examples/combobox-select-only.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/combobox/examples/combobox-select-only/ 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: 2 September 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: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/combobox/examples/grid-combo.md b/ARIA/apg/patterns/combobox/examples/grid-combo.md index 7ce4b5e78..e25cbb56a 100644 --- a/ARIA/apg/patterns/combobox/examples/grid-combo.md +++ b/ARIA/apg/patterns/combobox/examples/grid-combo.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/combobox/examples/grid-combo/ 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: 2 September 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: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md b/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md index 4da632b93..3d687d1b5 100644 --- a/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md +++ b/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/27'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/27'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/dialog-modal/examples/dialog.md b/ARIA/apg/patterns/dialog-modal/examples/dialog.md index bb5985946..66be5b37f 100644 --- a/ARIA/apg/patterns/dialog-modal/examples/dialog.md +++ b/ARIA/apg/patterns/dialog-modal/examples/dialog.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/dialog-modal/examples/dialog/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/6'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/6'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/disclosure/examples/disclosure-faq.md b/ARIA/apg/patterns/disclosure/examples/disclosure-faq.md index 259d7a0a5..752725b62 100644 --- a/ARIA/apg/patterns/disclosure/examples/disclosure-faq.md +++ b/ARIA/apg/patterns/disclosure/examples/disclosure-faq.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/disclosure/examples/disclosure-faq/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/disclosure/examples/disclosure-image-description.md b/ARIA/apg/patterns/disclosure/examples/disclosure-image-description.md index e28558883..9a3345a26 100644 --- a/ARIA/apg/patterns/disclosure/examples/disclosure-image-description.md +++ b/ARIA/apg/patterns/disclosure/examples/disclosure-image-description.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/disclosure/examples/disclosure-image-description/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid.md b/ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid.md index e8076be73..610a6dfb9 100644 --- a/ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid.md +++ b/ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md b/ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md index 66a1303a2..2614c7db3 100644 --- a/ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md +++ b/ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/disclosure/examples/disclosure-navigation/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/feed/examples/feed.md b/ARIA/apg/patterns/feed/examples/feed.md index a415422a6..7cb1ad654 100644 --- a/ARIA/apg/patterns/feed/examples/feed.md +++ b/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: 2 September 2023</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: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/grid/examples/advanced-data-grid.md b/ARIA/apg/patterns/grid/examples/advanced-data-grid.md index 63654cdd8..b4082ad0d 100644 --- a/ARIA/apg/patterns/grid/examples/advanced-data-grid.md +++ b/ARIA/apg/patterns/grid/examples/advanced-data-grid.md @@ -12,7 +12,7 @@ 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: 2 September 2023</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: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/grid/examples/data-grids.md b/ARIA/apg/patterns/grid/examples/data-grids.md index 156f5d920..44b839e4e 100644 --- a/ARIA/apg/patterns/grid/examples/data-grids.md +++ b/ARIA/apg/patterns/grid/examples/data-grids.md @@ -12,7 +12,7 @@ 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: 2 September 2023</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: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/grid/examples/layout-grids.md b/ARIA/apg/patterns/grid/examples/layout-grids.md index 091ac352c..fc3588252 100644 --- a/ARIA/apg/patterns/grid/examples/layout-grids.md +++ b/ARIA/apg/patterns/grid/examples/layout-grids.md @@ -12,7 +12,7 @@ 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: 2 September 2023</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: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/link/examples/link.md b/ARIA/apg/patterns/link/examples/link.md index e9165cf5b..a894eb7c4 100644 --- a/ARIA/apg/patterns/link/examples/link.md +++ b/ARIA/apg/patterns/link/examples/link.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/link/examples/link/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/21'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/21'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/listbox/examples/listbox-collapsible.md b/ARIA/apg/patterns/listbox/examples/listbox-collapsible.md index 4f34005c6..031471033 100644 --- a/ARIA/apg/patterns/listbox/examples/listbox-collapsible.md +++ b/ARIA/apg/patterns/listbox/examples/listbox-collapsible.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/listbox/examples/listbox-collapsible/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/listbox/examples/listbox-grouped.md b/ARIA/apg/patterns/listbox/examples/listbox-grouped.md index b1db67083..d455e5ad4 100644 --- a/ARIA/apg/patterns/listbox/examples/listbox-grouped.md +++ b/ARIA/apg/patterns/listbox/examples/listbox-grouped.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/listbox/examples/listbox-grouped/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/listbox/examples/listbox-rearrangeable.md b/ARIA/apg/patterns/listbox/examples/listbox-rearrangeable.md index 49cc16498..dd2307a06 100644 --- a/ARIA/apg/patterns/listbox/examples/listbox-rearrangeable.md +++ b/ARIA/apg/patterns/listbox/examples/listbox-rearrangeable.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/listbox/examples/listbox-rearrangeable/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/listbox/examples/listbox-scrollable.md b/ARIA/apg/patterns/listbox/examples/listbox-scrollable.md index e9d148a35..de3cbe56c 100644 --- a/ARIA/apg/patterns/listbox/examples/listbox-scrollable.md +++ b/ARIA/apg/patterns/listbox/examples/listbox-scrollable.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/listbox/examples/listbox-scrollable/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/menu-button/examples/menu-button-actions-active-descendant.md b/ARIA/apg/patterns/menu-button/examples/menu-button-actions-active-descendant.md index d73e523b4..1a420c8fa 100644 --- a/ARIA/apg/patterns/menu-button/examples/menu-button-actions-active-descendant.md +++ b/ARIA/apg/patterns/menu-button/examples/menu-button-actions-active-descendant.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/menu-button/examples/menu-button-actions-active-de sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/menu-button/examples/menu-button-actions.md b/ARIA/apg/patterns/menu-button/examples/menu-button-actions.md index 07852e3bd..a420da40a 100644 --- a/ARIA/apg/patterns/menu-button/examples/menu-button-actions.md +++ b/ARIA/apg/patterns/menu-button/examples/menu-button-actions.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/menu-button/examples/menu-button-actions/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/menu-button/examples/menu-button-links.md b/ARIA/apg/patterns/menu-button/examples/menu-button-links.md index ff2261f6c..5293ee8c1 100644 --- a/ARIA/apg/patterns/menu-button/examples/menu-button-links.md +++ b/ARIA/apg/patterns/menu-button/examples/menu-button-links.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/menu-button/examples/menu-button-links/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/menubar/examples/menubar-editor.md b/ARIA/apg/patterns/menubar/examples/menubar-editor.md index 8d3fbc77d..4cd9e341f 100644 --- a/ARIA/apg/patterns/menubar/examples/menubar-editor.md +++ b/ARIA/apg/patterns/menubar/examples/menubar-editor.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/menubar/examples/menubar-editor/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/menubar/examples/menubar-navigation.md b/ARIA/apg/patterns/menubar/examples/menubar-navigation.md index f11a48396..eeb5e6f4a 100644 --- a/ARIA/apg/patterns/menubar/examples/menubar-navigation.md +++ b/ARIA/apg/patterns/menubar/examples/menubar-navigation.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/menubar/examples/menubar-navigation/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/meter/examples/meter.md b/ARIA/apg/patterns/meter/examples/meter.md index bf378bc42..93c10b81c 100644 --- a/ARIA/apg/patterns/meter/examples/meter.md +++ b/ARIA/apg/patterns/meter/examples/meter.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/meter/examples/meter/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/30'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/30'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/radio/examples/radio-activedescendant.md b/ARIA/apg/patterns/radio/examples/radio-activedescendant.md index 12a34d0ca..b1098b3ce 100644 --- a/ARIA/apg/patterns/radio/examples/radio-activedescendant.md +++ b/ARIA/apg/patterns/radio/examples/radio-activedescendant.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/radio/examples/radio-activedescendant/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/radio/examples/radio-rating.md b/ARIA/apg/patterns/radio/examples/radio-rating.md index 974975278..f2839b060 100644 --- a/ARIA/apg/patterns/radio/examples/radio-rating.md +++ b/ARIA/apg/patterns/radio/examples/radio-rating.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/radio/examples/radio-rating/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/radio/examples/radio.md b/ARIA/apg/patterns/radio/examples/radio.md index e5ec53a38..2148f76a5 100644 --- a/ARIA/apg/patterns/radio/examples/radio.md +++ b/ARIA/apg/patterns/radio/examples/radio.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/radio/examples/radio/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb.md b/ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb.md index 5b87ec468..731338a44 100644 --- a/ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb.md +++ b/ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/slider/examples/slider-color-viewer.md b/ARIA/apg/patterns/slider/examples/slider-color-viewer.md index e0cb39e24..0c5fada46 100644 --- a/ARIA/apg/patterns/slider/examples/slider-color-viewer.md +++ b/ARIA/apg/patterns/slider/examples/slider-color-viewer.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/slider/examples/slider-color-viewer/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/slider/examples/slider-rating.md b/ARIA/apg/patterns/slider/examples/slider-rating.md index 5fe9bb6c9..40f94b9b5 100644 --- a/ARIA/apg/patterns/slider/examples/slider-rating.md +++ b/ARIA/apg/patterns/slider/examples/slider-rating.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/slider/examples/slider-rating/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/slider/examples/slider-seek.md b/ARIA/apg/patterns/slider/examples/slider-seek.md index 6843a23b3..81862666f 100644 --- a/ARIA/apg/patterns/slider/examples/slider-seek.md +++ b/ARIA/apg/patterns/slider/examples/slider-seek.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/slider/examples/slider-seek/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/slider/examples/slider-temperature.md b/ARIA/apg/patterns/slider/examples/slider-temperature.md index 2e48846f2..0438c4eb6 100644 --- a/ARIA/apg/patterns/slider/examples/slider-temperature.md +++ b/ARIA/apg/patterns/slider/examples/slider-temperature.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/slider/examples/slider-temperature/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons.md b/ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons.md index 5554f8734..0919fdfb6 100644 --- a/ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons.md +++ b/ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/switch/examples/switch-button.md b/ARIA/apg/patterns/switch/examples/switch-button.md index 769e03fb0..6237d5a74 100644 --- a/ARIA/apg/patterns/switch/examples/switch-button.md +++ b/ARIA/apg/patterns/switch/examples/switch-button.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/switch/examples/switch-button/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/switch/examples/switch-checkbox.md b/ARIA/apg/patterns/switch/examples/switch-checkbox.md index f4e907acf..d12b73704 100644 --- a/ARIA/apg/patterns/switch/examples/switch-checkbox.md +++ b/ARIA/apg/patterns/switch/examples/switch-checkbox.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/switch/examples/switch-checkbox/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/switch/examples/switch.md b/ARIA/apg/patterns/switch/examples/switch.md index 07ac36eda..8ad404af6 100644 --- a/ARIA/apg/patterns/switch/examples/switch.md +++ b/ARIA/apg/patterns/switch/examples/switch.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/switch/examples/switch/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/table/examples/sortable-table.md b/ARIA/apg/patterns/table/examples/sortable-table.md index 1bba9865a..23893785c 100644 --- a/ARIA/apg/patterns/table/examples/sortable-table.md +++ b/ARIA/apg/patterns/table/examples/sortable-table.md @@ -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: 2 September 2023</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: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/table/examples/table.md b/ARIA/apg/patterns/table/examples/table.md index f4b008f1f..2fbaca7b2 100644 --- a/ARIA/apg/patterns/table/examples/table.md +++ b/ARIA/apg/patterns/table/examples/table.md @@ -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: 2 September 2023</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: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/tabs/examples/tabs-automatic.md b/ARIA/apg/patterns/tabs/examples/tabs-automatic.md index dda0bd60a..64ce88b86 100644 --- a/ARIA/apg/patterns/tabs/examples/tabs-automatic.md +++ b/ARIA/apg/patterns/tabs/examples/tabs-automatic.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/tabs/examples/tabs-automatic/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/11'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/11'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/tabs/examples/tabs-manual.md b/ARIA/apg/patterns/tabs/examples/tabs-manual.md index adcfdd1b4..111353fae 100644 --- a/ARIA/apg/patterns/tabs/examples/tabs-manual.md +++ b/ARIA/apg/patterns/tabs/examples/tabs-manual.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/tabs/examples/tabs-manual/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/11'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/11'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/toolbar/examples/toolbar.md b/ARIA/apg/patterns/toolbar/examples/toolbar.md index 55fe2b649..21c555c02 100644 --- a/ARIA/apg/patterns/toolbar/examples/toolbar.md +++ b/ARIA/apg/patterns/toolbar/examples/toolbar.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/toolbar/examples/toolbar/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/18'>View issues related to this example</a></p> <p>Page last updated: 2 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/18'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/treegrid/examples/treegrid-1.md b/ARIA/apg/patterns/treegrid/examples/treegrid-1.md index fe100dc83..118f3953b 100644 --- a/ARIA/apg/patterns/treegrid/examples/treegrid-1.md +++ b/ARIA/apg/patterns/treegrid/examples/treegrid-1.md @@ -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: 2 September 2023</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: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/treeview/examples/treeview-1a.md b/ARIA/apg/patterns/treeview/examples/treeview-1a.md index 6b0c0d338..5ee4ce969 100644 --- a/ARIA/apg/patterns/treeview/examples/treeview-1a.md +++ b/ARIA/apg/patterns/treeview/examples/treeview-1a.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/treeview/examples/treeview-1a/ 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: 2 September 2023</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: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/treeview/examples/treeview-1b.md b/ARIA/apg/patterns/treeview/examples/treeview-1b.md index 7996c91f4..ce2798d1b 100644 --- a/ARIA/apg/patterns/treeview/examples/treeview-1b.md +++ b/ARIA/apg/patterns/treeview/examples/treeview-1b.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/treeview/examples/treeview-1b/ 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: 2 September 2023</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: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/treeview/examples/treeview-navigation.md b/ARIA/apg/patterns/treeview/examples/treeview-navigation.md index b1a227ac6..9ee7d1266 100644 --- a/ARIA/apg/patterns/treeview/examples/treeview-navigation.md +++ b/ARIA/apg/patterns/treeview/examples/treeview-navigation.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/treeview/examples/treeview-navigation/ 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: 2 September 2023</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: 18 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/_external/aria-practices b/_external/aria-practices index 4dbed94f5..69e151a14 160000 --- a/_external/aria-practices +++ b/_external/aria-practices @@ -1 +1 @@ -Subproject commit 4dbed94f59f648243cfd39805445c105931dca84 +Subproject commit 69e151a147aa27ee2ac0e522fb39862322c81b36 From 69ad8132c026747eff4c37bda9dda1bf29305c70 Mon Sep 17 00:00:00 2001 From: michael-n-cooper-bot <michael-n-cooper-bot@users.noreply.github.com> Date: Tue, 19 Sep 2023 00:44:25 +0000 Subject: [PATCH 04/11] Commit changes --- ARIA/apg/index/index.md | 3 + .../patterns/accordion/examples/accordion.md | 2 +- ARIA/apg/patterns/alert/examples/alert.md | 2 +- .../alertdialog/examples/alertdialog.md | 2 +- .../breadcrumb/examples/breadcrumb.md | 2 +- ARIA/apg/patterns/button/examples/button.md | 2 +- .../patterns/button/examples/button_idl.md | 2 +- .../carousel/examples/carousel-1-prev-next.md | 2 +- .../carousel/examples/carousel-2-tablist.md | 2 +- .../checkbox/examples/checkbox-mixed.md | 2 +- .../patterns/checkbox/examples/checkbox.md | 2 +- .../examples/combobox-autocomplete-both.md | 2 +- .../examples/combobox-autocomplete-list.md | 2 +- .../examples/combobox-autocomplete-none.md | 2 +- .../combobox/examples/combobox-datepicker.md | 2 +- .../combobox/examples/combobox-select-only.md | 2 +- .../patterns/combobox/examples/grid-combo.md | 2 +- .../examples/datepicker-dialog.md | 2 +- .../patterns/dialog-modal/examples/dialog.md | 2 +- .../disclosure/examples/disclosure-faq.md | 2 +- .../examples/disclosure-image-description.md | 2 +- .../examples/disclosure-navigation-hybrid.md | 2 +- .../examples/disclosure-navigation.md | 2 +- ARIA/apg/patterns/feed/examples/feed.md | 2 +- .../grid/examples/advanced-data-grid.md | 2 +- ARIA/apg/patterns/grid/examples/data-grids.md | 2 +- .../patterns/grid/examples/layout-grids.md | 2 +- ARIA/apg/patterns/link/examples/link.md | 2 +- .../listbox/examples/listbox-collapsible.md | 68 +- .../listbox/examples/listbox-grouped.md | 144 ++- .../listbox/examples/listbox-rearrangeable.md | 321 +++-- .../listbox/examples/listbox-scrollable.md | 213 +++- .../menu-button-actions-active-descendant.md | 2 +- .../examples/menu-button-actions.md | 2 +- .../menu-button/examples/menu-button-links.md | 2 +- .../menubar/examples/menubar-editor.md | 2 +- .../menubar/examples/menubar-navigation.md | 2 +- ARIA/apg/patterns/meter/examples/meter.md | 2 +- .../radio/examples/radio-activedescendant.md | 2 +- .../patterns/radio/examples/radio-rating.md | 2 +- ARIA/apg/patterns/radio/examples/radio.md | 2 +- .../examples/slider-multithumb.md | 2 +- .../slider/examples/slider-color-viewer.md | 2 +- .../patterns/slider/examples/slider-rating.md | 2 +- .../patterns/slider/examples/slider-seek.md | 2 +- .../slider/examples/slider-temperature.md | 2 +- .../examples/datepicker-spinbuttons.md | 2 +- .../patterns/switch/examples/switch-button.md | 2 +- .../switch/examples/switch-checkbox.md | 2 +- ARIA/apg/patterns/switch/examples/switch.md | 2 +- .../patterns/table/examples/sortable-table.md | 2 +- ARIA/apg/patterns/table/examples/table.md | 2 +- .../patterns/tabs/examples/tabs-automatic.md | 2 +- .../apg/patterns/tabs/examples/tabs-manual.md | 2 +- ARIA/apg/patterns/toolbar/examples/toolbar.md | 2 +- .../patterns/treegrid/examples/treegrid-1.md | 2 +- .../patterns/treeview/examples/treeview-1a.md | 2 +- .../patterns/treeview/examples/treeview-1b.md | 2 +- .../treeview/examples/treeview-navigation.md | 2 +- _external/aria-practices | 2 +- .../patterns/listbox/examples/css/listbox.css | 29 +- .../examples/js/listbox-collapsible.js | 124 +- .../examples/js/listbox-rearrangeable.js | 10 +- .../listbox/examples/js/listbox-scrollable.js | 10 +- .../patterns/listbox/examples/js/listbox.js | 1106 ++++++++--------- .../patterns/listbox/examples/js/toolbar.js | 190 +-- 66 files changed, 1327 insertions(+), 1001 deletions(-) diff --git a/ARIA/apg/index/index.md b/ARIA/apg/index/index.md index 1beaf1124..6d4b286de 100644 --- a/ARIA/apg/index/index.md +++ b/ARIA/apg/index/index.md @@ -667,6 +667,9 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); <td> <ul> <li><a href="../patterns/button/examples/button_idl/">Button (IDL Version)</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> + <li><a href="../patterns/listbox/examples/listbox-scrollable/">Scrollable Listbox</a></li> <li><a href="../patterns/menubar/examples/menubar-editor/">Editor Menubar</a> (<abbr title="High Contrast Support">HC</abbr>)</li> <li><a href="../patterns/slider-multithumb/examples/slider-multithumb/">Horizontal Multi-Thumb Slider</a> (<abbr title="High Contrast Support">HC</abbr>)</li> <li><a href="../patterns/slider/examples/slider-color-viewer/">Color Viewer Slider</a> (<abbr title="High Contrast Support">HC</abbr>)</li> diff --git a/ARIA/apg/patterns/accordion/examples/accordion.md b/ARIA/apg/patterns/accordion/examples/accordion.md index e918ddade..40189d654 100644 --- a/ARIA/apg/patterns/accordion/examples/accordion.md +++ b/ARIA/apg/patterns/accordion/examples/accordion.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/accordion/examples/accordion/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/8'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/8'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/alert/examples/alert.md b/ARIA/apg/patterns/alert/examples/alert.md index f8fead816..c5b95fd73 100644 --- a/ARIA/apg/patterns/alert/examples/alert.md +++ b/ARIA/apg/patterns/alert/examples/alert.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/alert/examples/alert/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/20'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/20'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/alertdialog/examples/alertdialog.md b/ARIA/apg/patterns/alertdialog/examples/alertdialog.md index 4bd58f6b7..ce2548212 100644 --- a/ARIA/apg/patterns/alertdialog/examples/alertdialog.md +++ b/ARIA/apg/patterns/alertdialog/examples/alertdialog.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/alertdialog/examples/alertdialog/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/20'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/20'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md b/ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md index b1f93c915..1b5f47761 100644 --- a/ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md +++ b/ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/breadcrumb/examples/breadcrumb/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/21'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/21'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/button/examples/button.md b/ARIA/apg/patterns/button/examples/button.md index 85c13a8de..ff803ec9c 100644 --- a/ARIA/apg/patterns/button/examples/button.md +++ b/ARIA/apg/patterns/button/examples/button.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/button/examples/button/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/button/examples/button_idl.md b/ARIA/apg/patterns/button/examples/button_idl.md index 6b8c881aa..43d44ae82 100644 --- a/ARIA/apg/patterns/button/examples/button_idl.md +++ b/ARIA/apg/patterns/button/examples/button_idl.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/button/examples/button_idl/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md b/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md index fe4aa83ea..f906b1fb6 100644 --- a/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md +++ b/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/carousel/examples/carousel-1-prev-next/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/10'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/10'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md b/ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md index 76264cea6..856a0c8c6 100644 --- a/ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md +++ b/ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/carousel/examples/carousel-2-tablist/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/10'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/10'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md b/ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md index 9281e3127..ea0460cba 100644 --- a/ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md +++ b/ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/checkbox/examples/checkbox-mixed/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/9'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/9'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/checkbox/examples/checkbox.md b/ARIA/apg/patterns/checkbox/examples/checkbox.md index 6187d20cc..ff86d9bf5 100644 --- a/ARIA/apg/patterns/checkbox/examples/checkbox.md +++ b/ARIA/apg/patterns/checkbox/examples/checkbox.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/checkbox/examples/checkbox/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/9'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/9'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both.md b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both.md index ce2782de6..4f9a54fc2 100644 --- a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both.md +++ b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both/ 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: 18 September 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: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list.md b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list.md index 39a6aeae0..708d45c21 100644 --- a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list.md +++ b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list.md @@ -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/w3c/aria-practices/projects/7'>View issues related to this example</a></p> <p>Page last updated: 18 September 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: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none.md b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none.md index a501d02f1..e5ae02af5 100644 --- a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none.md +++ b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none/ 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: 18 September 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: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/combobox/examples/combobox-datepicker.md b/ARIA/apg/patterns/combobox/examples/combobox-datepicker.md index 425482a65..12d0682c9 100644 --- a/ARIA/apg/patterns/combobox/examples/combobox-datepicker.md +++ b/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: 18 September 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: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/combobox/examples/combobox-select-only.md b/ARIA/apg/patterns/combobox/examples/combobox-select-only.md index 75e7cbc85..d85c48c5a 100644 --- a/ARIA/apg/patterns/combobox/examples/combobox-select-only.md +++ b/ARIA/apg/patterns/combobox/examples/combobox-select-only.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/combobox/examples/combobox-select-only/ 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: 18 September 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: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/combobox/examples/grid-combo.md b/ARIA/apg/patterns/combobox/examples/grid-combo.md index e25cbb56a..5918f6598 100644 --- a/ARIA/apg/patterns/combobox/examples/grid-combo.md +++ b/ARIA/apg/patterns/combobox/examples/grid-combo.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/combobox/examples/grid-combo/ 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: 18 September 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: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md b/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md index 3d687d1b5..0f3c989b1 100644 --- a/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md +++ b/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/27'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/27'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/dialog-modal/examples/dialog.md b/ARIA/apg/patterns/dialog-modal/examples/dialog.md index 66be5b37f..424b9438f 100644 --- a/ARIA/apg/patterns/dialog-modal/examples/dialog.md +++ b/ARIA/apg/patterns/dialog-modal/examples/dialog.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/dialog-modal/examples/dialog/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/6'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/6'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/disclosure/examples/disclosure-faq.md b/ARIA/apg/patterns/disclosure/examples/disclosure-faq.md index 752725b62..94e84d379 100644 --- a/ARIA/apg/patterns/disclosure/examples/disclosure-faq.md +++ b/ARIA/apg/patterns/disclosure/examples/disclosure-faq.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/disclosure/examples/disclosure-faq/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/disclosure/examples/disclosure-image-description.md b/ARIA/apg/patterns/disclosure/examples/disclosure-image-description.md index 9a3345a26..ad3a4a8c2 100644 --- a/ARIA/apg/patterns/disclosure/examples/disclosure-image-description.md +++ b/ARIA/apg/patterns/disclosure/examples/disclosure-image-description.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/disclosure/examples/disclosure-image-description/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid.md b/ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid.md index 610a6dfb9..dba09541e 100644 --- a/ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid.md +++ b/ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md b/ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md index 2614c7db3..d8980f7d0 100644 --- a/ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md +++ b/ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/disclosure/examples/disclosure-navigation/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/feed/examples/feed.md b/ARIA/apg/patterns/feed/examples/feed.md index 7cb1ad654..4438586a9 100644 --- a/ARIA/apg/patterns/feed/examples/feed.md +++ b/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: 18 September 2023</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: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/grid/examples/advanced-data-grid.md b/ARIA/apg/patterns/grid/examples/advanced-data-grid.md index b4082ad0d..070898601 100644 --- a/ARIA/apg/patterns/grid/examples/advanced-data-grid.md +++ b/ARIA/apg/patterns/grid/examples/advanced-data-grid.md @@ -12,7 +12,7 @@ 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: 18 September 2023</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: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/grid/examples/data-grids.md b/ARIA/apg/patterns/grid/examples/data-grids.md index 44b839e4e..49fe077e0 100644 --- a/ARIA/apg/patterns/grid/examples/data-grids.md +++ b/ARIA/apg/patterns/grid/examples/data-grids.md @@ -12,7 +12,7 @@ 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: 18 September 2023</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: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/grid/examples/layout-grids.md b/ARIA/apg/patterns/grid/examples/layout-grids.md index fc3588252..ef090e649 100644 --- a/ARIA/apg/patterns/grid/examples/layout-grids.md +++ b/ARIA/apg/patterns/grid/examples/layout-grids.md @@ -12,7 +12,7 @@ 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: 18 September 2023</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: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/link/examples/link.md b/ARIA/apg/patterns/link/examples/link.md index a894eb7c4..9a23545f5 100644 --- a/ARIA/apg/patterns/link/examples/link.md +++ b/ARIA/apg/patterns/link/examples/link.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/link/examples/link/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/21'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/21'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/listbox/examples/listbox-collapsible.md b/ARIA/apg/patterns/listbox/examples/listbox-collapsible.md index 031471033..3bff123c2 100644 --- a/ARIA/apg/patterns/listbox/examples/listbox-collapsible.md +++ b/ARIA/apg/patterns/listbox/examples/listbox-collapsible.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/listbox/examples/listbox-collapsible/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG @@ -32,7 +32,6 @@ lang: en href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/css/listbox.css" rel="stylesheet" /> -<script src="../../../../../../content-assets/wai-aria-practices/shared/js/utils.js"></script> <script src="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox.js"></script> <script src="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox-collapsible.js"></script> @@ -108,7 +107,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); class="example-page-example-icon" > <p> - The following example implementation of the <a href="../../">Listbox Pattern</a> demonstrates a collapsible single-select listbox widget that is functionally similar to an HTML <code>select</code> input with the attribute <code>size="1"</code>. + The following example implementation of the <a href="../../">Listbox Pattern</a> demonstrates a collapsible single-select listbox widget that is functionally similar to an HTML <code>select</code> input with the attribute <code>size="1"</code>. The widget consists of a button that triggers the display of a listbox. In its default state, the widget is collapsed (the listbox is not visible) and the button label shows the currently selected option from the listbox. When the button is activated, the listbox is displayed and the current option is focused and selected. @@ -167,24 +166,23 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); </div> </div> <div role="separator" id="ex_end_sep" aria-labelledby="ex_end_sep ex_label" aria-label="End of"></div> - <h3>Notes</h3> - <p>This listbox is scrollable; it has more options than its height can accommodate.</p> - <ol> + </section> + + <section id="accessibility_features"> + <h2>Accessibility Features</h2> + <ul> <li> - Scrolling only works as expected if the listbox is the options' <code>offsetParent</code>. - The example uses <code>position: relative</code> on the listbox to that effect. + Because this listbox implementation is scrollable and manages which option is focused by <a href="../../../../practices/keyboard-interface/#kbd_focus_activedescendant">using aria-activedescendant</a>, the JavaScript must ensure the focused option is visible. + So, when a keyboard or pointer event changes the option referenced by <code>aria-activedescendant</code>, if the referenced option is not fully visible, the JavaScript scrolls the listbox to position the option in view. </li> <li> - When an option is focused that isn't (fully) visible, the listbox's scroll position is updated: - <ol> - <li>If <kbd>Up Arrow</kbd> or <kbd>Down Arrow</kbd> is pressed, the previous or next option is scrolled into view.</li> - <li>If <kbd>Home</kbd> or <kbd>End</kbd> is pressed, the listbox scrolls all the way to the top or to the bottom.</li> - <li>If <code>focusItem</code> is called, the focused option will be scrolled to the top of the view if it was located above it or to the bottom if it was below it.</li> - <li>If the mouse is clicked on a partially visible option, it will be scrolled fully into view.</li> - </ol> + To enhance perceivability when operating the listbox, visual keyboard focus and hover are styled using the CSS <code>:hover</code> and <code>:focus</code> pseudo-classes: + <ul> + <li>To help people with visual impairments identify the listbox as an interactive element, the cursor is changed to a pointer when hovering over the list.</li> + <li>To make it easier to distinguish the selected listbox option from other options, selection creates a 2 pixel border above and below the option.</li> + </ul> </li> - <li>When a fully visible option is focused in any way, no scrolling occurs.</li> - </ol> + </ul> </section> <section> @@ -193,6 +191,12 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); The example listbox on this page implements the following keyboard interface. Other variations and options for the keyboard interface are described in the <a href="../../#keyboard_interaction">Keyboard Interaction section of the Listbox Pattern</a>. </p> + <p> + <strong>NOTE:</strong> When visual focus is on an option in this listbox implementation, DOM focus remains on the listbox element and the value of <code>aria-activedescendant</code> on the listbox refers to the descendant option that is visually indicated as focused. + Where the following descriptions of keyboard commands mention focus, they are referring to the visual focus indicator, not DOM focus. + For more information about this focus management technique, see + <a href="../../../../practices/keyboard-interface/#kbd_focus_activedescendant">Managing Focus in Composites Using aria-activedescendant</a>. + </p> <div class="table-wrap"><table aria-labelledby="kbd_label" class="def"> <thead> <tr> @@ -201,6 +205,15 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); </tr> </thead> <tbody> + <tr data-test-id="key-tab"> + <th><kbd>Tab</kbd></th> + <td> + <ul> + <li>Moves focus into and out of the listbox.</li> + <li>If the listbox is expanded, selects the focused option, collapses the listbox, and moves focus out of the listbox.</li> + </ul> + </td> + </tr> <tr data-test-id="key-enter"> <th><kbd>Enter</kbd></th> <td> @@ -271,7 +284,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); <tbody> <tr data-test-id="button-aria-labelledby"> <td></td> - <th scope="row"><code>aria-labelledby="ID_REF1 ID_REF2"</code></th> + <th scope="row"><code>aria-labelledby="ID_REF1 ID_REF2"</code></th> <td><code>button</code></td> <td> <ul> @@ -283,13 +296,13 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); </tr> <tr data-test-id="button-aria-haspopup"> <td></td> - <th scope="row"><code>aria-haspopup="listbox"</code></th> + <th scope="row"><code>aria-haspopup="listbox"</code></th> <td><code>button</code></td> <td>Indicates that activating the button displays a listbox.</td> </tr> <tr data-test-id="button-aria-expanded"> <td></td> - <th scope="row"><code>aria-expanded="true"</code></th> + <th scope="row"><code>aria-expanded="true"</code></th> <td><code>button</code></td> <td> <ul> @@ -306,13 +319,13 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); </tr> <tr data-test-id="listbox-aria-labelledby"> <td></td> - <th scope="row"><code>aria-labelledby="ID_REF"</code></th> + <th scope="row"><code>aria-labelledby="ID_REF"</code></th> <td><code>ul</code></td> <td>Refers to the element containing the listbox label.</td> </tr> <tr data-test-id="listbox-tabindex"> <td></td> - <th scope="row"><code>tabindex="-1"</code></th> + <th scope="row"><code>tabindex="-1"</code></th> <td><code>ul</code></td> <td> <ul> @@ -323,14 +336,13 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); </tr> <tr data-test-id="listbox-aria-activedescendant"> <td></td> - <th scope="row"><code>aria-activedescendant="ID_REF"</code></th> + <th scope="row"><code>aria-activedescendant="ID_REF"</code></th> <td><code>ul</code></td> <td> <ul> - <li>Set by the JavaScript when it displays and sets focus on the listbox; otherwise is not present.</li> - <li>Refers to the option in the listbox that is visually indicated as having keyboard focus.</li> + <li>When an option in the listbox is visually indicated as having keyboard focus, refers to that option.</li> + <li>Enables assistive technologies to know which element the application regards as focused while DOM focus remains on the listbox element.</li> <li>When navigation keys, such as <kbd>Down Arrow</kbd>, are pressed, the JavaScript changes the value.</li> - <li>Enables assistive technologies to know which element the application regards as focused while DOM focus remains on the <code>ul</code> element.</li> <li> For more information about this focus management technique, see <a href="../../../../practices/keyboard-interface/#kbd_focus_activedescendant">Managing Focus in Composites Using aria-activedescendant</a>. @@ -346,7 +358,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); </tr> <tr data-test-id="option-aria-selected"> <td></td> - <th scope="row"><code>aria-selected="true"</code></th> + <th scope="row"><code>aria-selected="true"</code></th> <td><code>li</code></td> <td> <ul> @@ -369,7 +381,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); </li> <li> Javascript: - <a href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox.js" type="text/javascript">listbox.js</a>, <a href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox-collapsible.js" type="text/javascript">listbox-collapsible.js</a>, <a href="../../../../../../content-assets/wai-aria-practices/shared/js/utils.js">utils.js</a> + <a href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox.js" type="text/javascript">listbox.js</a>, <a href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox-collapsible.js" type="text/javascript">listbox-collapsible.js</a> </li> </ul> </section> diff --git a/ARIA/apg/patterns/listbox/examples/listbox-grouped.md b/ARIA/apg/patterns/listbox/examples/listbox-grouped.md index d455e5ad4..7efc47c73 100644 --- a/ARIA/apg/patterns/listbox/examples/listbox-grouped.md +++ b/ARIA/apg/patterns/listbox/examples/listbox-grouped.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/listbox/examples/listbox-grouped/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG @@ -32,7 +32,6 @@ lang: en href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/css/listbox.css" rel="stylesheet" /> -<script src="../../../../../../content-assets/wai-aria-practices/shared/js/utils.js"></script> <script src="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox.js"></script> <script src="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox-scrollable.js"></script> @@ -123,59 +122,97 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); <div id="ss_elem_list" tabindex="0" role="listbox" aria-labelledby="ss_elem"> <ul role="group" aria-labelledby="cat1"> <li role="presentation" id="cat1">Land</li> - <li id="ss_elem_1" role="option">Cat</li> - <li id="ss_elem_2" role="option">Dog</li> - <li id="ss_elem_3" role="option">Tiger</li> - <li id="ss_elem_4" role="option">Reindeer</li> - <li id="ss_elem_5" role="option">Raccoon</li> + <li id="ss_elem_1" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Cat + </li> + <li id="ss_elem_2" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Dog + </li> + <li id="ss_elem_3" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Tiger + </li> + <li id="ss_elem_4" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Reindeer + </li> + <li id="ss_elem_5" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Raccoon + </li> </ul> <ul role="group" aria-labelledby="cat2"> - <li role="presentation" id="cat2">Water</li> - <li id="ss_elem_6" role="option">Dolphin</li> - <li id="ss_elem_7" role="option">Flounder</li> - <li id="ss_elem_8" role="option">Eel</li> + <li role="presentation" id="cat2"> + <span class="checkmark" aria-hidden="true"></span> + Water + </li> + <li id="ss_elem_6" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Dolphin + </li> + <li id="ss_elem_7" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Flounder + </li> + <li id="ss_elem_8" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Eel + </li> </ul> <ul role="group" aria-labelledby="cat3"> <li role="presentation" id="cat3">Air</li> - <li id="ss_elem_9" role="option">Falcon</li> - <li id="ss_elem_10" role="option">Winged Horse</li> - <li id="ss_elem_11" role="option">Owl</li> + <li id="ss_elem_9" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Falcon + </li> + <li id="ss_elem_10" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Winged Horse + </li> + <li id="ss_elem_11" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Owl + </li> </ul> </div> </div> </div> </div> <div role="separator" id="ex_end_sep" aria-labelledby="ex_end_sep ex_label" aria-label="End of"></div> - <h3>Notes</h3> - <p>This listbox is scrollable; it has more options than its height can accommodate.</p> - <ol> - <li> - Scrolling only works as expected if the listbox is the options' <code>offsetParent</code>. - The example uses <code>position: relative</code> on the listbox to that effect. - </li> + </section> + + + <section id="accessibility_features"> + <h2>Accessibility Features</h2> + <ul> <li> - When an option is focused that isn't (fully) visible, the listbox's scroll position is updated: - <ol> - <li>If <kbd>Up Arrow</kbd> or <kbd>Down Arrow</kbd> is pressed, the previous or next option is scrolled into view.</li> - <li>If <kbd>Home</kbd> or <kbd>End</kbd> is pressed, the listbox scrolls all the way to the top or to the bottom.</li> - <li>If <code>focusItem</code> is called, the focused option will be scrolled to the top of the view if it was located above it or to the bottom if it was below it.</li> - <li>If the mouse is clicked on a partially visible option, it will be scrolled fully into view.</li> - </ol> + Because this listbox implementation is scrollable and manages which option is focused by <a href="../../../../practices/keyboard-interface/#kbd_focus_activedescendant">using aria-activedescendant</a>, the JavaScript must ensure the focused option is visible. + So, when a keyboard or pointer event changes the option referenced by <code>aria-activedescendant</code>, if the referenced option is not fully visible, the JavaScript scrolls the listbox to position the option in view. </li> - <li>When a fully visible option is focused in any way, no scrolling occurs.</li> <li> - Normal scrolling through any scrolling mechanism (including <kbd>Page Up</kbd> and <kbd>Page Down</kbd>) works as expected. - The scroll position will jump as described for <code>focusItem</code> if a means other than a mouse click is used to change focus after scrolling. + To enhance perceivability when operating the listbox, visual keyboard focus and hover are styled using the CSS <code>:hover</code> and <code>:focus</code> pseudo-classes: + <ul> + <li>To help people with visual impairments identify the listbox as an interactive element, the cursor is changed to a pointer when hovering over the list.</li> + <li>To make it easier to distinguish the selected listbox option from other options, selection creates a 2 pixel border above and below the option.</li> + </ul> </li> - </ol> + </ul> </section> <section> <h2 id="kbd_label">Keyboard Support</h2> <p> - The example listboxes on this page implement the following keyboard interface. + The example listbox on this page implements the following keyboard interface. Other variations and options for the keyboard interface are described in the <a href="../../#keyboard_interaction">Keyboard Interaction section of the Listbox Pattern.</a> </p> + <p> + <strong>NOTE:</strong> When visual focus is on an option in this listbox implementation, DOM focus remains on the listbox element and the value of <code>aria-activedescendant</code> on the listbox refers to the descendant option that is visually indicated as focused. + Where the following descriptions of keyboard commands mention focus, they are referring to the visual focus indicator, not DOM focus. + For more information about this focus management technique, see + <a href="../../../../practices/keyboard-interface/#kbd_focus_activedescendant">Managing Focus in Composites Using aria-activedescendant</a>. + </p> <div class="table-wrap"><table aria-labelledby="kbd_label" class="def"> <thead> <tr> @@ -184,6 +221,10 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); </tr> </thead> <tbody> + <tr data-test-id="key-tab"> + <th><kbd>Tab</kbd></th> + <td>Moves focus into and out of the listbox.</td> + </tr> <tr data-test-id="key-down-arrow"> <th><kbd>Down Arrow</kbd></th> <td>Moves focus to and selects the next option.</td> @@ -200,6 +241,15 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); <th><kbd>End</kbd></th> <td>Moves focus to and selects the last option.</td> </tr> + <tr data-test-id="key-character"> + <th>Printable Characters</th> + <td> + <ul> + <li>Type a character: focus moves to the next item with a name that starts with the typed character.</li> + <li>Type multiple characters in rapid succession: focus moves to the next item with a name that starts with the string of characters typed.</li> + </ul> + </td> + </tr> </tbody> </table></div> </section> @@ -228,25 +278,29 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); </tr> <tr data-test-id="listbox-aria-labelledby"> <td></td> - <th scope="row"><code>aria-labelledby="ID_REF"</code></th> + <th scope="row"><code>aria-labelledby="ID_REF"</code></th> <td><code>div</code></td> <td>Refers to the element containing the listbox label.</td> </tr> <tr data-test-id="listbox-tabindex"> <td></td> - <th scope="row"><code>tabindex="0"</code></th> + <th scope="row"><code>tabindex="0"</code></th> <td><code>div</code></td> <td>Includes the listbox in the page tab sequence.</td> </tr> <tr data-test-id="listbox-aria-activedescendant"> <td></td> - <th scope="row"><code>aria-activedescendant="ID_REF"</code></th> + <th scope="row"><code>aria-activedescendant="ID_REF"</code></th> <td><code>div</code></td> <td> <ul> - <li>Tells assistive technologies which of the options, if any, is visually indicated as having keyboard focus.</li> - <li>DOM focus remains on the <code>ul</code> element and the idref specified for <code>aria-activedescendant</code> refers to the <code>li</code> element that is visually styled as focused.</li> + <li>When an option in the listbox is visually indicated as having keyboard focus, refers to that option.</li> + <li>Enables assistive technologies to know which element the application regards as focused while DOM focus remains on the listbox element.</li> <li>When navigation keys, such as <kbd>Down Arrow</kbd>, are pressed, the JavaScript changes the value.</li> + <li> + For more information about this focus management technique, see + <a href="../../../../practices/keyboard-interface/#kbd_focus_activedescendant">Managing Focus in Composites Using aria-activedescendant</a>. + </li> </ul> </td> </tr> @@ -258,7 +312,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); </tr> <tr data-test-id="group-aria-labelledby"> <td></td> - <th scope="row"><code>aria-labelledby="ID_REF"</code></th> + <th scope="row"><code>aria-labelledby="ID_REF"</code></th> <td><code>ul</code></td> <td>Refers to the element containing the option group label.</td> </tr> @@ -270,7 +324,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); </tr> <tr data-test-id="option-aria-selected"> <td></td> - <th scope="row"><code>aria-selected="true"</code></th> + <th scope="row"><code>aria-selected="true"</code></th> <td><code>li</code></td> <td> <ul> @@ -280,6 +334,14 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); </ul> </td> </tr> + <tr data-test-id="span-aria-hidden"> + <td></td> + <th><code>aria-hidden="true"</code></th> + <td><code>span</code></td> + <td> + Removes the character entity used for the check mark icon from the accessibility tree to prevent it from being included in the accessible name of the option. + </td> + </tr> </tbody> </table></div> </section> @@ -293,7 +355,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); </li> <li> Javascript: - <a href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox.js" type="text/javascript">listbox.js</a>, <a href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox-scrollable.js" type="text/javascript">listbox-scrollable.js</a>, <a href="../../../../../../content-assets/wai-aria-practices/shared/js/utils.js">utils.js</a> + <a href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox.js" type="text/javascript">listbox.js</a>, <a href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox-scrollable.js" type="text/javascript">listbox-scrollable.js</a> </li> </ul> </section> diff --git a/ARIA/apg/patterns/listbox/examples/listbox-rearrangeable.md b/ARIA/apg/patterns/listbox/examples/listbox-rearrangeable.md index dd2307a06..89a3e6500 100644 --- a/ARIA/apg/patterns/listbox/examples/listbox-rearrangeable.md +++ b/ARIA/apg/patterns/listbox/examples/listbox-rearrangeable.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/listbox/examples/listbox-rearrangeable/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG @@ -32,7 +32,6 @@ lang: en href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/css/listbox.css" rel="stylesheet" /> -<script src="../../../../../../content-assets/wai-aria-practices/shared/js/utils.js"></script> <script src="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox.js"></script> <script src="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/toolbar.js"></script> <script src="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox-rearrangeable.js"></script> @@ -128,56 +127,89 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); <div class="listbox-area"> <div class="left-area"> <span id="ss_imp_l" class="listbox-label">Important Features:</span> - <ul id="ss_imp_list" tabindex="0" role="listbox" aria-labelledby="ss_imp_l"> - <li id="ss_opt1" role="option">Proximity of public K-12 schools</li> - <li id="ss_opt2" role="option">Proximity of child-friendly parks</li> - <li id="ss_opt3" role="option">Proximity of grocery shopping</li> - <li id="ss_opt4" role="option">Proximity of fast food</li> - <li id="ss_opt5" role="option">Proximity of fine dining</li> - <li id="ss_opt6" role="option">Neighborhood walkability</li> - <li id="ss_opt7" role="option">Availability of public transit</li> - <li id="ss_opt8" role="option">Proximity of hospital and medical services</li> - <li id="ss_opt9" role="option">Level of traffic noise</li> - <li id="ss_opt10" role="option">Access to major highways</li> + <ul id="ss_imp_list" + tabindex="0" + role="listbox" + aria-labelledby="ss_imp_l"> + <li id="ss_opt1" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Proximity of public K-12 schools + </li> + <li id="ss_opt2" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Proximity of child-friendly parks</li> + <li id="ss_opt3" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Proximity of grocery shopping</li> + <li id="ss_opt4" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Proximity of fast food</li> + <li id="ss_opt5" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Proximity of fine dining</li> + <li id="ss_opt6" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Neighborhood walkability</li> + <li id="ss_opt7" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Availability of public transit</li> + <li id="ss_opt8" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Proximity of hospital and medical services</li> + <li id="ss_opt9" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Level of traffic noise</li> + <li id="ss_opt10" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Access to major highways</li> </ul> <div role="toolbar" aria-label="Actions" class="toolbar"> - <button type="button" id="ex1-up" class="toolbar-item selected" aria-keyshortcuts="Alt+ArrowUp" aria-disabled="true">Up</button> - <button type="button" id="ex1-down" class="toolbar-item" tabindex="-1" aria-keyshortcuts="Alt+ArrowDown" aria-disabled="true">Down</button> - <button type="button" id="ex1-delete" class="toolbar-item move-right-btn" tabindex="-1" aria-keyshortcuts="Alt+ArrowRight Delete" aria-disabled="true">Not Important</button> + <button type="button" + id="ex1-up" + class="toolbar-item selected" + aria-keyshortcuts="Alt+ArrowUp" + aria-disabled="true"> + Up + </button> + <button type="button" + id="ex1-down" + class="toolbar-item" + tabindex="-1" + aria-keyshortcuts="Alt+ArrowDown" + aria-disabled="true"> + Down + </button> + <button type="button" + id="ex1-delete" + class="toolbar-item move-right-btn" + tabindex="-1" + aria-keyshortcuts="Alt+ArrowRight Delete" + aria-disabled="true"> + <span class="checkmark" aria-hidden="true"></span> + Not Important + </button> </div> </div> <div class="right-area"> <span id="ss_unimp_l" class="listbox-label">Unimportant Features:</span> - <ul id="ss_unimp_list" tabindex="0" role="listbox" aria-labelledby="ss_unimp_l" aria-activedescendant=""></ul> - <button type="button" id="ex1-add" class="move-left-btn" aria-keyshortcuts="Alt+ArrowLeft Enter" aria-disabled="true">Important</button> + <ul id="ss_unimp_list" + tabindex="0" + role="listbox" + aria-labelledby="ss_unimp_l" + aria-activedescendant=""></ul> + <button type="button" + id="ex1-add" + class="move-left-btn" + aria-keyshortcuts="Alt+ArrowLeft Enter" + aria-disabled="true"> + <span class="checkmark" aria-hidden="true"></span> + Important + </button> </div> <div class="offscreen">Last change: <span aria-live="polite" id="ss_live_region"></span></div> </div> </div> <div role="separator" id="ex1_end_sep" aria-labelledby="ex1_end_sep ex1_label" aria-label="End of"></div> - <h3>Notes</h3> - <ol> - <li> - Assistive technologies are told which option in the list is visually focused by the value of <code>aria-activedescendant</code>: - <ol> - <li>DOM focus remains on the <code>listbox</code> element.</li> - <li>When a key that moves focus is pressed or an option is clicked, JavaScript changes the value of <code>aria-activedescendant</code> on the <code>listbox</code> element.</li> - <li>If the <code>listbox</code> element does not contain any options, <code>aria-activedescendant</code> does not have a value.</li> - </ol> - </li> - <li> - When <kbd>Tab</kbd> moves focus into either listbox: - <ol> - <li>If none of the options are selected, the first option receives focus.</li> - <li>If an option is selected, the selected option receives focus.</li> - </ol> - </li> - <li>Only one option may be selected at a time (have <code>aria-selected="true"</code>).</li> - <li> - As the user moves focus in the list, selection also moves. - That is, both the value of <code>aria-activedescendant</code> and the element that has <code>aria-selected="true"</code> change. - </li> - </ol> </section> <section> @@ -190,73 +222,99 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); <div class="listbox-area"> <div class="left-area"> <span id="ms_av_l" class="listbox-label">Available upgrades:</span> - <ul id="ms_imp_list" tabindex="0" role="listbox" aria-labelledby="ms_av_l" aria-multiselectable="true"> - <li id="ms_opt1" role="option" aria-selected="false">Leather seats</li> - <li id="ms_opt2" role="option" aria-selected="false">Front seat warmers</li> - <li id="ms_opt3" role="option" aria-selected="false">Rear bucket seats</li> - <li id="ms_opt4" role="option" aria-selected="false">Rear seat warmers</li> - <li id="ms_opt5" role="option" aria-selected="false">Front sun roof</li> - <li id="ms_opt6" role="option" aria-selected="false">Rear sun roof</li> - <li id="ms_opt7" role="option" aria-selected="false">Cloaking capability</li> - <li id="ms_opt8" role="option" aria-selected="false">Food synthesizer</li> - <li id="ms_opt9" role="option" aria-selected="false">Advanced waste recycling system</li> - <li id="ms_opt10" role="option" aria-selected="false">Turbo vertical take-off capability</li> + <ul id="ms_imp_list" + tabindex="0" + role="listbox" + aria-labelledby="ms_av_l" + aria-multiselectable="true"> + <li id="ms_opt1" role="option" aria-selected="false"> + <span class="checkmark" aria-hidden="true"></span> + Leather seats + </li> + <li id="ms_opt2" role="option" aria-selected="false"> + <span class="checkmark" aria-hidden="true"></span> + Front seat warmers + </li> + <li id="ms_opt3" role="option" aria-selected="false"> + <span class="checkmark" aria-hidden="true"></span> + Rear bucket seats + </li> + <li id="ms_opt4" role="option" aria-selected="false"> + <span class="checkmark" aria-hidden="true"></span> + Rear seat warmers + </li> + <li id="ms_opt5" role="option" aria-selected="false"> + <span class="checkmark" aria-hidden="true"></span> + Front sun roof + </li> + <li id="ms_opt6" role="option" aria-selected="false"> + <span class="checkmark" aria-hidden="true"></span> + Rear sun roof + </li> + <li id="ms_opt7" role="option" aria-selected="false"> + <span class="checkmark" aria-hidden="true"></span> + Cloaking capability + </li> + <li id="ms_opt8" role="option" aria-selected="false"> + <span class="checkmark" aria-hidden="true"></span> + Food synthesizer + </li> + <li id="ms_opt9" role="option" aria-selected="false"> + <span class="checkmark" aria-hidden="true"></span> + Advanced waste recycling system + </li> + <li id="ms_opt10" role="option" aria-selected="false"> + <span class="checkmark" aria-hidden="true"></span> + Turbo vertical take-off capability + </li> </ul> - <button type="button" id="ex2-add" class="move-right-btn" aria-keyshortcuts="Alt+ArrowRight Enter" aria-disabled="true">Add</button> + <button type="button" + id="ex2-add" + class="move-right-btn" + aria-keyshortcuts="Alt+ArrowRight Enter" + aria-disabled="true"> + <span class="checkmark" aria-hidden="true"></span> + Add + </button> </div> <div class="right-area"> <span id="ms_ch_l" class="listbox-label">Upgrades you have chosen:</span> - <ul id="ms_unimp_list" tabindex="0" role="listbox" aria-labelledby="ms_ch_l" aria-activedescendant="" aria-multiselectable="true"></ul> - <button type="button" id="ex2-delete" class="move-left-btn" aria-keyshortcuts="Alt+ArrowLeft Delete" aria-disabled="true">Remove</button> + <ul id="ms_unimp_list" + tabindex="0" + role="listbox" + aria-labelledby="ms_ch_l" + aria-activedescendant="" + aria-multiselectable="true"> + </ul> + <button type="button" + id="ex2-delete" + class="move-left-btn" + aria-keyshortcuts="Alt+ArrowLeft Delete" + aria-disabled="true"> + <span class="checkmark" aria-hidden="true"></span> + Remove + </button> </div> <div class="offscreen">Last change: <span aria-live="polite" id="ms_live_region"></span></div> </div> </div> <div role="separator" id="ex2_end_sep" aria-labelledby="ex2_end_sep ex2_label" aria-label="End of"></div> - <h3>Notes</h3> - <ol> - <li> - Like in example 1, assistive technologies are told which option in the list is visually focused by the value of <code>aria-activedescendant</code>: - <ol> - <li>DOM focus remains on the <code>listbox</code> element.</li> - <li>When a key that moves focus is pressed or an option is clicked, JavaScript changes the value of <code>aria-activedescendant</code> on the <code>listbox</code> element.</li> - <li>If the <code>listbox</code> element does not contain any options, <code>aria-activedescendant</code> does not have a value.</li> - </ol> - </li> - <li> - When <kbd>Tab</kbd> moves focus into either listbox: - <ol> - <li>If none of the options are selected, focus is set on the first option.</li> - <li>If one or more options are selected, focus is set on the first selected option.</li> - </ol> - </li> - <li> - Unlike example 1, more than one option may be selected at a time (have <code>aria-selected="true"</code>). - <ol> - <li>The multi-select capability is communicated to assistive technologies by setting <code>aria-multiselectable="true"</code> on the <code>listbox</code> element.</li> - <li>All option elements have a value set for <code>aria-selected</code>.</li> - <li>Selected options have <code>aria-selected</code> set to <code>true</code> and all others have it set to <code>false</code>.</li> - <li>Keys that move focus do not change the selected state of an option.</li> - </ol> - </li> - <li>Users can toggle the selected state of the focused option with <kbd>Space</kbd> or click.</li> - </ol> </section> </section> <section> <h2>Accessibility Features</h2> - <ol> + <ul> <li> Keyboard shortcuts for action buttons: - <ol> + <ul> <li> Action buttons have the following shortcuts: <ul> - <li>"Up": <kbd>Alt + Up Arrow</kbd></li> - <li>"Down": <kbd>Alt + Down Arrow</kbd></li> - <li>"Add": <kbd>Enter</kbd></li> - <li>"Not Important", "Important", and "Remove": <kbd>Delete</kbd></li> + <li>"Up": <kbd>Alt + Up Arrow</kbd></li> + <li>"Down": <kbd>Alt + Down Arrow</kbd></li> + <li>"Add": <kbd>Enter</kbd></li> + <li>"Not Important", "Important", and "Remove": <kbd>Delete</kbd></li> </ul> </li> <li>Availability of the shortcuts is communicated to assistive technologies via the <code>aria-keyshortcuts</code> property on the button elements.</li> @@ -266,15 +324,26 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); </li> <li> Using a shortcut key intentionally places focus to optimize both screen reader and keyboard usability. - For example, pressing <kbd>Alt + Up Arrow</kbd> in the "Important Features" list keeps focus on the option that is moved up, enabling all keyboard users to easily perform consecutive move operations for an option and screen reader users to hear the position of an option after it is moved. + For example, pressing <kbd>Alt + Up Arrow</kbd> in the "Important Features" list keeps focus on the option that is moved up, enabling all keyboard users to easily perform consecutive move operations for an option and screen reader users to hear the position of an option after it is moved. Similarly, pressing <kbd>Enter</kbd> in the available options list leaves focus in the available options list. If the option that had focus before the add operation is no longer present in the list, focus lands on the first of the subsequent options that is still present. </li> - </ol> + </ul> </li> <li>In example 1, since there are four action buttons, a toolbar widget is used to group all the action buttons into a single tab stop.</li> <li>Live regions provide confirmation of completed actions.</li> - </ol> + <li> + Because this listbox implementation is scrollable and manages which option is focused by <a href="../../../../practices/keyboard-interface/#kbd_focus_activedescendant">using aria-activedescendant</a>, the JavaScript must ensure the focused option is visible. + So, when a keyboard or pointer event changes the option referenced by <code>aria-activedescendant</code>, if the referenced option is not fully visible, the JavaScript scrolls the listbox to position the option in view. + </li> + <li> + To enhance perceivability when operating the listbox, visual keyboard focus and hover are styled using the CSS <code>:hover</code> and <code>:focus</code> pseudo-classes: + <ul> + <li>To help people with visual impairments identify the listbox as an interactive element, the cursor is changed to a pointer when hovering over the list.</li> + <li>To make it easier to distinguish the selected listbox option from other options, selection creates a 2 pixel border above and below the option.</li> + </ul> + </li> + </ul> </section> <section> @@ -283,6 +352,12 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); The example listboxes on this page implement the following keyboard interface. Other variations and options for the keyboard interface are described in the <a href="../../#keyboard_interaction">Keyboard Interaction section of the Listbox Pattern</a>. </p> + <p> + <strong>NOTE:</strong> When visual focus is on an option in these implementations of listbox, DOM focus remains on the listbox element and the value of <code>aria-activedescendant</code> on the listbox refers to the descendant option that is visually indicated as focused. + Where the following descriptions of keyboard commands mention focus, they are referring to the visual focus indicator, not DOM focus. + For more information about this focus management technique, see + <a href="../../../../practices/keyboard-interface/#kbd_focus_activedescendant">Managing Focus in Composites Using aria-activedescendant</a>. + </p> <div class="table-wrap"><table aria-labelledby="kbd_label" class="def"> <thead> <tr> @@ -291,6 +366,18 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); </tr> </thead> <tbody> + <tr data-test-id="key-tab"> + <th><kbd>Tab</kbd></th> + <td> + <ul> + <li>Moves focus into and out of the listbox.</li> + <li> + When the listbox receives focus, if none of the options are selected, the first option receives focus. + Otherwise, the first selected option receives focus. + </li> + </ul> + </td> + </tr> <tr data-test-id="key-down-arrow"> <th><kbd>Down Arrow</kbd></th> <td> @@ -327,15 +414,23 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); </ul> </td> </tr> + <tr data-test-id="key-character"> + <th>Printable Characters</th> + <td> + <ul> + <li>Type a character: focus moves to the next item with a name that starts with the typed character.</li> + <li>Type multiple characters in rapid succession: focus moves to the next item with a name that starts with the string of characters typed.</li> + </ul> + </td> + </tr> </tbody> </table></div> <h3 id="kbd_label_multiselect">Multiple selection keys supported in example 2</h3> - <div class="note"> - <h4>Note</h4> - <p>The selection behavior demonstrated differs from the behavior provided by browsers for native HTML <code><select multiple></code> elements. + <p> + <strong>NOTE:</strong> The selection behavior demonstrated differs from the behavior provided by browsers for native HTML <code><select multiple></code> elements. The HTML select element behavior is to alter selection with unmodified up/down arrow keys, requiring the use of modifier keys to select multiple options. - This example demonstrates the multiple selection interaction model recommended in the <a href="../../#keyboard_interaction">Keyboard Interaction section of the Listbox Pattern</a>, which does not require the use of modifier keys.</p> - </div> + This example demonstrates the multiple selection interaction model recommended in the <a href="../../#keyboard_interaction">Keyboard Interaction section of the Listbox Pattern</a>, which does not require the use of modifier keys. + </p> <div class="table-wrap"><table aria-labelledby="kbd_label_multiselect" class="def"> <thead> <tr> @@ -402,19 +497,19 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); </tr> <tr data-test-id="listbox-aria-labelledby"> <td></td> - <th scope="row"><code>aria-labelledby="ID_REF"</code></th> + <th scope="row"><code>aria-labelledby="ID_REF"</code></th> <td><code>ul</code></td> <td>Applied to the element with the listbox role, it refers to the span containing its label.</td> </tr> <tr data-test-id="listbox-tabindex"> <td></td> - <th scope="row"><code>tabindex="0"</code></th> + <th scope="row"><code>tabindex="0"</code></th> <td><code>ul</code></td> <td>Applied to the element with the listbox role, it puts the listbox in the tab sequence.</td> </tr> <tr data-test-id="listbox-aria-multiselectable"> <td></td> - <th scope="row"><code>aria-multiselectable="true"</code></th> + <th scope="row"><code>aria-multiselectable="true"</code></th> <td><code>ul</code></td> <td> <ul> @@ -426,14 +521,18 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); </tr> <tr data-test-id="listbox-aria-activedescendant"> <td></td> - <th scope="row"><code>aria-activedescendant="ID_REF"</code></th> + <th scope="row"><code>aria-activedescendant="ID_REF"</code></th> <td><code>ul</code></td> <td> <ul> - <li>Applied to the element with the listbox role, tells assistive technologies which of the options, if any, is visually indicated as having keyboard focus.</li> - <li>DOM focus remains on the <code>ul</code> element and the idref specified for <code>aria-activedescendant</code> refers to the <code>li</code> element that is visually styled as focused.</li> + <li>When an option in the listbox is visually indicated as having keyboard focus, refers to that option.</li> + <li>Enables assistive technologies to know which element the application regards as focused while DOM focus remains on the listbox element.</li> <li>When navigation keys, such as <kbd>Down Arrow</kbd>, are pressed, the JavaScript changes the value.</li> - <li>When the listbox is empty, <code>aria-activedescendant=""</code>.</li> + <li>When the listbox is empty, <code>aria-activedescendant=""</code>.</li> + <li> + For more information about this focus management technique, see + <a href="../../../../practices/keyboard-interface/#kbd_focus_activedescendant">Managing Focus in Composites Using aria-activedescendant</a>. + </li> </ul> </td> </tr> @@ -445,7 +544,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); </tr> <tr data-test-id="option-aria-selected"> <td></td> - <th scope="row"><code>aria-selected="true"</code></th> + <th scope="row"><code>aria-selected="true"</code></th> <td><code>li</code></td> <td> <ul> @@ -458,7 +557,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); </tr> <tr data-test-id="option-aria-selected"> <td></td> - <th><code>aria-selected="false"</code></th> + <th><code>aria-selected="false"</code></th> <td><code>li</code></td> <td> <ul> @@ -468,6 +567,14 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); </ul> </td> </tr> + <tr data-test-id="span-aria-hidden"> + <td></td> + <th><code>aria-hidden="true"</code></th> + <td><code>span</code></td> + <td> + Removes the character entities used for the check mark, left arrow and right arrow from the accessibility tree to prevent them from being included in the accessible name of an option or button. + </td> + </tr> </tbody> </table></div> </section> @@ -481,7 +588,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); </li> <li> Javascript: - <a href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox.js" type="text/javascript">listbox.js</a>, <a href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/toolbar.js" type="text/javascript">toolbar.js</a>, <a href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox-rearrangeable.js" type="text/javascript">listbox-rearrangeable.js</a>, <a href="../../../../../../content-assets/wai-aria-practices/shared/js/utils.js">utils.js</a> + <a href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox.js" type="text/javascript">listbox.js</a>, <a href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/toolbar.js" type="text/javascript">toolbar.js</a>, <a href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox-rearrangeable.js" type="text/javascript">listbox-rearrangeable.js</a> </li> </ul> </section> diff --git a/ARIA/apg/patterns/listbox/examples/listbox-scrollable.md b/ARIA/apg/patterns/listbox/examples/listbox-scrollable.md index de3cbe56c..d1d72af52 100644 --- a/ARIA/apg/patterns/listbox/examples/listbox-scrollable.md +++ b/ARIA/apg/patterns/listbox/examples/listbox-scrollable.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/listbox/examples/listbox-scrollable/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG @@ -32,7 +32,6 @@ lang: en href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/css/listbox.css" rel="stylesheet" /> -<script src="../../../../../../content-assets/wai-aria-practices/shared/js/utils.js"></script> <script src="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox.js"></script> <script src="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox-scrollable.js"></script> @@ -122,67 +121,146 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); <div> <span id="ss_elem" class="listbox-label">Transuranium elements:</span> <ul id="ss_elem_list" tabindex="0" role="listbox" aria-labelledby="ss_elem"> - <li id="ss_elem_Np" role="option">Neptunium</li> - <li id="ss_elem_Pu" role="option">Plutonium</li> - <li id="ss_elem_Am" role="option">Americium</li> - <li id="ss_elem_Cm" role="option">Curium</li> - <li id="ss_elem_Bk" role="option">Berkelium</li> - <li id="ss_elem_Cf" role="option">Californium</li> - <li id="ss_elem_Es" role="option">Einsteinium</li> - <li id="ss_elem_Fm" role="option">Fermium</li> - <li id="ss_elem_Md" role="option">Mendelevium</li> - <li id="ss_elem_No" role="option">Nobelium</li> - <li id="ss_elem_Lr" role="option">Lawrencium</li> - <li id="ss_elem_Rf" role="option">Rutherfordium</li> - <li id="ss_elem_Db" role="option">Dubnium</li> - <li id="ss_elem_Sg" role="option">Seaborgium</li> - <li id="ss_elem_Bh" role="option">Bohrium</li> - <li id="ss_elem_Hs" role="option">Hassium</li> - <li id="ss_elem_Mt" role="option">Meitnerium</li> - <li id="ss_elem_Ds" role="option">Darmstadtium</li> - <li id="ss_elem_Rg" role="option">Roentgenium</li> - <li id="ss_elem_Cn" role="option">Copernicium</li> - <li id="ss_elem_Nh" role="option">Nihonium</li> - <li id="ss_elem_Fl" role="option">Flerovium</li> - <li id="ss_elem_Mc" role="option">Moscovium</li> - <li id="ss_elem_Lv" role="option">Livermorium</li> - <li id="ss_elem_Ts" role="option">Tennessine</li> - <li id="ss_elem_Og" role="option">Oganesson</li> + <li id="ss_elem_Np" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Neptunium + </li> + <li id="ss_elem_Pu" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Plutonium + </li> + <li id="ss_elem_Am" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Americium + </li> + <li id="ss_elem_Cm" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Curium + </li> + <li id="ss_elem_Bk" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Berkelium + </li> + <li id="ss_elem_Cf" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Californium + </li> + <li id="ss_elem_Es" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Einsteinium + </li> + <li id="ss_elem_Fm" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Fermium + </li> + <li id="ss_elem_Md" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Mendelevium + </li> + <li id="ss_elem_No" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Nobelium + </li> + <li id="ss_elem_Lr" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Lawrencium + </li> + <li id="ss_elem_Rf" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Rutherfordium + </li> + <li id="ss_elem_Db" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Dubnium + </li> + <li id="ss_elem_Sg" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Seaborgium + </li> + <li id="ss_elem_Bh" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Bohrium + </li> + <li id="ss_elem_Hs" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Hassium + </li> + <li id="ss_elem_Mt" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Meitnerium + </li> + <li id="ss_elem_Ds" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Darmstadtium + </li> + <li id="ss_elem_Rg" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Roentgenium + </li> + <li id="ss_elem_Cn" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Copernicium + </li> + <li id="ss_elem_Nh" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Nihonium + </li> + <li id="ss_elem_Fl" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Flerovium + </li> + <li id="ss_elem_Mc" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Moscovium + </li> + <li id="ss_elem_Lv" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Livermorium + </li> + <li id="ss_elem_Ts" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Tennessine + </li> + <li id="ss_elem_Og" role="option"> + <span class="checkmark" aria-hidden="true"></span> + Oganesson + </li> </ul> </div> </div> </div> <div role="separator" id="ex_end_sep" aria-labelledby="ex_end_sep ex_label" aria-label="End of"></div> - <h3>Notes</h3> - <p>This listbox is scrollable; it has more options than its height can accommodate.</p> - <ol> - <li> - Scrolling only works as expected if the listbox is the options' <code>offsetParent</code>. - The example uses <code>position: relative</code> on the listbox to that effect. - </li> + </section> + + <section id="accessibility_features"> + <h2>Accessibility Features</h2> + <ul> <li> - When an option is focused that isn't (fully) visible, the listbox's scroll position is updated: - <ol> - <li>If <kbd>Up Arrow</kbd> or <kbd>Down Arrow</kbd> is pressed, the previous or next option is scrolled into view.</li> - <li>If <kbd>Home</kbd> or <kbd>End</kbd> is pressed, the listbox scrolls all the way to the top or to the bottom.</li> - <li>If <code>focusItem</code> is called, the focused option will be scrolled to the top of the view if it was located above it or to the bottom if it was below it.</li> - <li>If the mouse is clicked on a partially visible option, it will be scrolled fully into view.</li> - </ol> + Because this listbox implementation is scrollable and manages which option is focused by <a href="../../../../practices/keyboard-interface/#kbd_focus_activedescendant">using aria-activedescendant</a>, the JavaScript must ensure the focused option is visible. + So, when a keyboard or pointer event changes the option referenced by <code>aria-activedescendant</code>, if the referenced option is not fully visible, the JavaScript scrolls the listbox to position the option in view. </li> - <li>When a fully visible option is focused in any way, no scrolling occurs.</li> <li> - Normal scrolling through any scrolling mechanism (including <kbd>Page Up</kbd> and <kbd>Page Down</kbd>) works as expected. - The scroll position will jump as described for <code>focusItem</code> if a means other than a mouse click is used to change focus after scrolling. + To enhance perceivability when operating the listbox, visual keyboard focus and hover are styled using the CSS <code>:hover</code> and <code>:focus</code> pseudo-classes: + <ul> + <li>To help people with visual impairments identify the listbox as an interactive element, the cursor is changed to a pointer when hovering over the list.</li> + <li>To make it easier to distinguish the selected listbox option from other options, selection creates a 2 pixel border above and below the option.</li> + </ul> </li> - </ol> + </ul> </section> <section> <h2 id="kbd_label">Keyboard Support</h2> <p> - The example listboxes on this page implement the following keyboard interface. + The example listbox on this page implements the following keyboard interface. Other variations and options for the keyboard interface are described in the <a href="../../#keyboard_interaction">Keyboard Interaction section of the Listbox Pattern</a>. </p> + <p> + <strong>NOTE:</strong> When visual focus is on an option in this listbox implementation, DOM focus remains on the listbox element and the value of <code>aria-activedescendant</code> on the listbox refers to the descendant option that is visually indicated as focused. + Where the following descriptions of keyboard commands mention focus, they are referring to the visual focus indicator, not DOM focus. + For more information about this focus management technique, see + <a href="../../../../practices/keyboard-interface/#kbd_focus_activedescendant">Managing Focus in Composites Using aria-activedescendant</a>. + </p> <div class="table-wrap"><table aria-labelledby="kbd_label" class="def"> <thead> <tr> @@ -191,6 +269,10 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); </tr> </thead> <tbody> + <tr data-test-id="key-tab"> + <th><kbd>Tab</kbd></th> + <td>Moves focus into and out of the listbox.</td> + </tr> <tr data-test-id="key-down-arrow"> <th><kbd>Down Arrow</kbd></th> <td>Moves focus to and selects the next option.</td> @@ -207,6 +289,15 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); <th><kbd>End</kbd></th> <td>Moves focus to and selects the last option.</td> </tr> + <tr data-test-id="key-character"> + <th>Printable Characters</th> + <td> + <ul> + <li>Type a character: focus moves to the next item with a name that starts with the typed character.</li> + <li>Type multiple characters in rapid succession: focus moves to the next item with a name that starts with the string of characters typed.</li> + </ul> + </td> + </tr> </tbody> </table></div> </section> @@ -214,7 +305,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); <section> <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2> <p> - The example listboxes on this page implement the following ARIA roles, states, and properties. + The example listbox on this page implements the following ARIA roles, states, and properties. Information about other ways of applying ARIA roles, states, and properties is available in the <a href="../../#roles_states_properties">Roles, States, and Properties section of the Listbox Pattern</a>. </p> <div class="table-wrap"><table aria-labelledby="rps_label" class="data attributes"> @@ -235,25 +326,29 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); </tr> <tr data-test-id="listbox-aria-labelledby"> <td></td> - <th scope="row"><code>aria-labelledby="ID_REF"</code></th> + <th scope="row"><code>aria-labelledby="ID_REF"</code></th> <td><code>ul</code></td> <td>Refers to the element containing the listbox label.</td> </tr> <tr data-test-id="listbox-tabindex"> <td></td> - <th scope="row"><code>tabindex="0"</code></th> + <th scope="row"><code>tabindex="0"</code></th> <td><code>ul</code></td> <td>Includes the listbox in the page tab sequence.</td> </tr> <tr data-test-id="listbox-aria-activedescendant"> <td></td> - <th scope="row"><code>aria-activedescendant="ID_REF"</code></th> + <th scope="row"><code>aria-activedescendant="ID_REF"</code></th> <td><code>ul</code></td> <td> <ul> - <li>Tells assistive technologies which of the options, if any, is visually indicated as having keyboard focus.</li> - <li>DOM focus remains on the <code>ul</code> element and the idref specified for <code>aria-activedescendant</code> refers to the <code>li</code> element that is visually styled as focused.</li> + <li>When an option in the listbox is visually indicated as having keyboard focus, refers to that option.</li> + <li>Enables assistive technologies to know which element the application regards as focused while DOM focus remains on the listbox element.</li> <li>When navigation keys, such as <kbd>Down Arrow</kbd>, are pressed, the JavaScript changes the value.</li> + <li> + For more information about this focus management technique, see + <a href="../../../../practices/keyboard-interface/#kbd_focus_activedescendant">Managing Focus in Composites Using aria-activedescendant</a>. + </li> </ul> </td> </tr> @@ -265,7 +360,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); </tr> <tr data-test-id="option-aria-selected"> <td></td> - <th scope="row"><code>aria-selected="true"</code></th> + <th scope="row"><code>aria-selected="true"</code></th> <td><code>li</code></td> <td> <ul> @@ -275,6 +370,14 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); </ul> </td> </tr> + <tr data-test-id="span-aria-hidden"> + <td></td> + <th><code>aria-hidden="true"</code></th> + <td><code>span</code></td> + <td> + Removes the character entity used for the check mark icon from the accessibility tree to prevent it from being included in the accessible name of the option. + </td> + </tr> </tbody> </table></div> </section> @@ -288,7 +391,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); </li> <li> Javascript: - <a href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox.js" type="text/javascript">listbox.js</a>, <a href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox-scrollable.js" type="text/javascript">listbox-scrollable.js</a>, <a href="../../../../../../content-assets/wai-aria-practices/shared/js/utils.js">utils.js</a> + <a href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox.js" type="text/javascript">listbox.js</a>, <a href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox-scrollable.js" type="text/javascript">listbox-scrollable.js</a> </li> </ul> </section> diff --git a/ARIA/apg/patterns/menu-button/examples/menu-button-actions-active-descendant.md b/ARIA/apg/patterns/menu-button/examples/menu-button-actions-active-descendant.md index 1a420c8fa..c452849f3 100644 --- a/ARIA/apg/patterns/menu-button/examples/menu-button-actions-active-descendant.md +++ b/ARIA/apg/patterns/menu-button/examples/menu-button-actions-active-descendant.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/menu-button/examples/menu-button-actions-active-de sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/menu-button/examples/menu-button-actions.md b/ARIA/apg/patterns/menu-button/examples/menu-button-actions.md index a420da40a..5d3ac9c33 100644 --- a/ARIA/apg/patterns/menu-button/examples/menu-button-actions.md +++ b/ARIA/apg/patterns/menu-button/examples/menu-button-actions.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/menu-button/examples/menu-button-actions/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/menu-button/examples/menu-button-links.md b/ARIA/apg/patterns/menu-button/examples/menu-button-links.md index 5293ee8c1..a6fae3ad2 100644 --- a/ARIA/apg/patterns/menu-button/examples/menu-button-links.md +++ b/ARIA/apg/patterns/menu-button/examples/menu-button-links.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/menu-button/examples/menu-button-links/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/menubar/examples/menubar-editor.md b/ARIA/apg/patterns/menubar/examples/menubar-editor.md index 4cd9e341f..8a83f2380 100644 --- a/ARIA/apg/patterns/menubar/examples/menubar-editor.md +++ b/ARIA/apg/patterns/menubar/examples/menubar-editor.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/menubar/examples/menubar-editor/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/menubar/examples/menubar-navigation.md b/ARIA/apg/patterns/menubar/examples/menubar-navigation.md index eeb5e6f4a..0d58e9cb1 100644 --- a/ARIA/apg/patterns/menubar/examples/menubar-navigation.md +++ b/ARIA/apg/patterns/menubar/examples/menubar-navigation.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/menubar/examples/menubar-navigation/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/meter/examples/meter.md b/ARIA/apg/patterns/meter/examples/meter.md index 93c10b81c..3edbf3432 100644 --- a/ARIA/apg/patterns/meter/examples/meter.md +++ b/ARIA/apg/patterns/meter/examples/meter.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/meter/examples/meter/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/30'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/30'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/radio/examples/radio-activedescendant.md b/ARIA/apg/patterns/radio/examples/radio-activedescendant.md index b1098b3ce..22bd59015 100644 --- a/ARIA/apg/patterns/radio/examples/radio-activedescendant.md +++ b/ARIA/apg/patterns/radio/examples/radio-activedescendant.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/radio/examples/radio-activedescendant/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/radio/examples/radio-rating.md b/ARIA/apg/patterns/radio/examples/radio-rating.md index f2839b060..1617c9763 100644 --- a/ARIA/apg/patterns/radio/examples/radio-rating.md +++ b/ARIA/apg/patterns/radio/examples/radio-rating.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/radio/examples/radio-rating/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/radio/examples/radio.md b/ARIA/apg/patterns/radio/examples/radio.md index 2148f76a5..688e4d750 100644 --- a/ARIA/apg/patterns/radio/examples/radio.md +++ b/ARIA/apg/patterns/radio/examples/radio.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/radio/examples/radio/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb.md b/ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb.md index 731338a44..443e0c936 100644 --- a/ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb.md +++ b/ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/slider/examples/slider-color-viewer.md b/ARIA/apg/patterns/slider/examples/slider-color-viewer.md index 0c5fada46..d060aa8e1 100644 --- a/ARIA/apg/patterns/slider/examples/slider-color-viewer.md +++ b/ARIA/apg/patterns/slider/examples/slider-color-viewer.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/slider/examples/slider-color-viewer/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/slider/examples/slider-rating.md b/ARIA/apg/patterns/slider/examples/slider-rating.md index 40f94b9b5..d7c623e41 100644 --- a/ARIA/apg/patterns/slider/examples/slider-rating.md +++ b/ARIA/apg/patterns/slider/examples/slider-rating.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/slider/examples/slider-rating/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/slider/examples/slider-seek.md b/ARIA/apg/patterns/slider/examples/slider-seek.md index 81862666f..7c0965b7e 100644 --- a/ARIA/apg/patterns/slider/examples/slider-seek.md +++ b/ARIA/apg/patterns/slider/examples/slider-seek.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/slider/examples/slider-seek/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/slider/examples/slider-temperature.md b/ARIA/apg/patterns/slider/examples/slider-temperature.md index 0438c4eb6..e533e2bf6 100644 --- a/ARIA/apg/patterns/slider/examples/slider-temperature.md +++ b/ARIA/apg/patterns/slider/examples/slider-temperature.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/slider/examples/slider-temperature/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons.md b/ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons.md index 0919fdfb6..116806810 100644 --- a/ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons.md +++ b/ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/switch/examples/switch-button.md b/ARIA/apg/patterns/switch/examples/switch-button.md index 6237d5a74..151b490bb 100644 --- a/ARIA/apg/patterns/switch/examples/switch-button.md +++ b/ARIA/apg/patterns/switch/examples/switch-button.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/switch/examples/switch-button/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/switch/examples/switch-checkbox.md b/ARIA/apg/patterns/switch/examples/switch-checkbox.md index d12b73704..db13f6b13 100644 --- a/ARIA/apg/patterns/switch/examples/switch-checkbox.md +++ b/ARIA/apg/patterns/switch/examples/switch-checkbox.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/switch/examples/switch-checkbox/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/switch/examples/switch.md b/ARIA/apg/patterns/switch/examples/switch.md index 8ad404af6..dd50d962d 100644 --- a/ARIA/apg/patterns/switch/examples/switch.md +++ b/ARIA/apg/patterns/switch/examples/switch.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/switch/examples/switch/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/table/examples/sortable-table.md b/ARIA/apg/patterns/table/examples/sortable-table.md index 23893785c..e15e5cfa8 100644 --- a/ARIA/apg/patterns/table/examples/sortable-table.md +++ b/ARIA/apg/patterns/table/examples/sortable-table.md @@ -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: 18 September 2023</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: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/table/examples/table.md b/ARIA/apg/patterns/table/examples/table.md index 2fbaca7b2..d3394f223 100644 --- a/ARIA/apg/patterns/table/examples/table.md +++ b/ARIA/apg/patterns/table/examples/table.md @@ -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: 18 September 2023</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: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/tabs/examples/tabs-automatic.md b/ARIA/apg/patterns/tabs/examples/tabs-automatic.md index 64ce88b86..4d75cc828 100644 --- a/ARIA/apg/patterns/tabs/examples/tabs-automatic.md +++ b/ARIA/apg/patterns/tabs/examples/tabs-automatic.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/tabs/examples/tabs-automatic/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/11'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/11'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/tabs/examples/tabs-manual.md b/ARIA/apg/patterns/tabs/examples/tabs-manual.md index 111353fae..6221eb5c7 100644 --- a/ARIA/apg/patterns/tabs/examples/tabs-manual.md +++ b/ARIA/apg/patterns/tabs/examples/tabs-manual.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/tabs/examples/tabs-manual/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/11'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/11'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/toolbar/examples/toolbar.md b/ARIA/apg/patterns/toolbar/examples/toolbar.md index 21c555c02..c4c1c8912 100644 --- a/ARIA/apg/patterns/toolbar/examples/toolbar.md +++ b/ARIA/apg/patterns/toolbar/examples/toolbar.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/toolbar/examples/toolbar/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/18'>View issues related to this example</a></p> <p>Page last updated: 18 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/18'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/treegrid/examples/treegrid-1.md b/ARIA/apg/patterns/treegrid/examples/treegrid-1.md index 118f3953b..b4af27088 100644 --- a/ARIA/apg/patterns/treegrid/examples/treegrid-1.md +++ b/ARIA/apg/patterns/treegrid/examples/treegrid-1.md @@ -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: 18 September 2023</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: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/treeview/examples/treeview-1a.md b/ARIA/apg/patterns/treeview/examples/treeview-1a.md index 5ee4ce969..79cbc7c0e 100644 --- a/ARIA/apg/patterns/treeview/examples/treeview-1a.md +++ b/ARIA/apg/patterns/treeview/examples/treeview-1a.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/treeview/examples/treeview-1a/ 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: 18 September 2023</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: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/treeview/examples/treeview-1b.md b/ARIA/apg/patterns/treeview/examples/treeview-1b.md index ce2798d1b..ac7ee350e 100644 --- a/ARIA/apg/patterns/treeview/examples/treeview-1b.md +++ b/ARIA/apg/patterns/treeview/examples/treeview-1b.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/treeview/examples/treeview-1b/ 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: 18 September 2023</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: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/treeview/examples/treeview-navigation.md b/ARIA/apg/patterns/treeview/examples/treeview-navigation.md index 9ee7d1266..22ed2dd8f 100644 --- a/ARIA/apg/patterns/treeview/examples/treeview-navigation.md +++ b/ARIA/apg/patterns/treeview/examples/treeview-navigation.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/treeview/examples/treeview-navigation/ 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: 18 September 2023</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: 19 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/_external/aria-practices b/_external/aria-practices index 69e151a14..eed124a72 160000 --- a/_external/aria-practices +++ b/_external/aria-practices @@ -1 +1 @@ -Subproject commit 69e151a147aa27ee2ac0e522fb39862322c81b36 +Subproject commit eed124a72cc94bf0e2d39b6d33af563966f23ee1 diff --git a/content-assets/wai-aria-practices/patterns/listbox/examples/css/listbox.css b/content-assets/wai-aria-practices/patterns/listbox/examples/css/listbox.css index 7fc920c58..5ecb8d129 100644 --- a/content-assets/wai-aria-practices/patterns/listbox/examples/css/listbox.css +++ b/content-assets/wai-aria-practices/patterns/listbox/examples/css/listbox.css @@ -44,15 +44,30 @@ [role="option"] { position: relative; display: block; - padding: 0 1em 0 1.5em; + margin: 2px; + padding: 2px 1em 2px 1.5em; line-height: 1.8em; + cursor: pointer; } -[role="option"].focused { +[role="listbox"]:focus [role="option"].focused { background: #bde4ff; } -[role="option"][aria-selected="true"]::before { +[role="listbox"]:focus [role="option"].focused, +[role="option"]:hover { + outline: 2px solid currentcolor; +} + +.move-right-btn span.checkmark::after { + content: " →"; +} + +.move-left-btn span.checkmark::before { + content: "← "; +} + +[role="option"][aria-selected="true"] span.checkmark::before { position: absolute; left: 0.5em; content: "✓"; @@ -120,14 +135,6 @@ button[aria-disabled="true"] { opacity: 0.5; } -.move-right-btn::after { - content: " →"; -} - -.move-left-btn::before { - content: "← "; -} - .annotate { color: #366ed4; font-style: italic; diff --git a/content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox-collapsible.js b/content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox-collapsible.js index 4c5733de9..4beaae9f5 100644 --- a/content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox-collapsible.js +++ b/content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox-collapsible.js @@ -1,4 +1,18 @@ +/* + * This content is licensed according to the W3C Software License at + * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document + */ + 'use strict'; + +/** + * @namespace aria + * @description + * The aria namespace is used to support sharing class definitions between example files + * without causing eslint errors for undefined classes + */ +var aria = aria || {}; + /** * ARIA Collapsible Dropdown Listbox Example * @@ -7,70 +21,66 @@ */ window.addEventListener('load', function () { - var button = document.getElementById('exp_button'); - var exListbox = new aria.Listbox(document.getElementById('exp_elem_list')); - new aria.ListboxButton(button, exListbox); + const button = document.getElementById('exp_button'); + const exListbox = new aria.Listbox(document.getElementById('exp_elem_list')); + new ListboxButton(button, exListbox); }); -var aria = aria || {}; - -aria.ListboxButton = function (button, listbox) { - this.button = button; - this.listbox = listbox; - this.registerEvents(); -}; - -aria.ListboxButton.prototype.registerEvents = function () { - this.button.addEventListener('click', this.showListbox.bind(this)); - this.button.addEventListener('keyup', this.checkShow.bind(this)); - this.listbox.listboxNode.addEventListener( - 'blur', - this.hideListbox.bind(this) - ); - this.listbox.listboxNode.addEventListener( - 'keydown', - this.checkHide.bind(this) - ); - this.listbox.setHandleFocusChange(this.onFocusChange.bind(this)); -}; - -aria.ListboxButton.prototype.checkShow = function (evt) { - var key = evt.which || evt.keyCode; +class ListboxButton { + constructor(button, listbox) { + this.button = button; + this.listbox = listbox; + this.registerEvents(); + } - switch (key) { - case aria.KeyCode.UP: - case aria.KeyCode.DOWN: - evt.preventDefault(); - this.showListbox(); - this.listbox.checkKeyPress(evt); - break; + registerEvents() { + this.button.addEventListener('click', this.showListbox.bind(this)); + this.button.addEventListener('keyup', this.checkShow.bind(this)); + this.listbox.listboxNode.addEventListener( + 'blur', + this.hideListbox.bind(this) + ); + this.listbox.listboxNode.addEventListener( + 'keydown', + this.checkHide.bind(this) + ); + this.listbox.setHandleFocusChange(this.onFocusChange.bind(this)); } -}; -aria.ListboxButton.prototype.checkHide = function (evt) { - var key = evt.which || evt.keyCode; + checkShow(evt) { + switch (evt.key) { + case 'ArrowUp': + case 'ArrowDown': + evt.preventDefault(); + this.showListbox(); + this.listbox.checkKeyPress(evt); + break; + } + } - switch (key) { - case aria.KeyCode.RETURN: - case aria.KeyCode.ESC: - evt.preventDefault(); - this.hideListbox(); - this.button.focus(); - break; + checkHide(evt) { + switch (evt.key) { + case 'Enter': + case 'Escape': + evt.preventDefault(); + this.hideListbox(); + this.button.focus(); + break; + } } -}; -aria.ListboxButton.prototype.showListbox = function () { - aria.Utils.removeClass(this.listbox.listboxNode, 'hidden'); - this.button.setAttribute('aria-expanded', 'true'); - this.listbox.listboxNode.focus(); -}; + showListbox() { + this.listbox.listboxNode.classList.remove('hidden'); + this.button.setAttribute('aria-expanded', 'true'); + this.listbox.listboxNode.focus(); + } -aria.ListboxButton.prototype.hideListbox = function () { - aria.Utils.addClass(this.listbox.listboxNode, 'hidden'); - this.button.removeAttribute('aria-expanded'); -}; + hideListbox() { + this.listbox.listboxNode.classList.add('hidden'); + this.button.removeAttribute('aria-expanded'); + } -aria.ListboxButton.prototype.onFocusChange = function (focusedItem) { - this.button.innerText = focusedItem.innerText; -}; + onFocusChange(focusedItem) { + this.button.innerText = focusedItem.innerText; + } +} diff --git a/content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox-rearrangeable.js b/content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox-rearrangeable.js index 561b5d519..b5ba8ee80 100644 --- a/content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox-rearrangeable.js +++ b/content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox-rearrangeable.js @@ -3,10 +3,16 @@ * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document */ -/* global aria */ - 'use strict'; +/** + * @namespace aria + * @description + * The aria namespace is used to support sharing class definitions between example files + * without causing eslint errors for undefined classes + */ +var aria = aria || {}; + /** * ARIA Listbox Examples * diff --git a/content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox-scrollable.js b/content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox-scrollable.js index 402040604..fe7b2658f 100644 --- a/content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox-scrollable.js +++ b/content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox-scrollable.js @@ -3,10 +3,16 @@ * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document */ -/* global aria */ - 'use strict'; +/** + * @namespace aria + * @description + * The aria namespace is used to support sharing class definitions between example files + * without causing eslint errors for undefined classes + */ +var aria = aria || {}; + /** * ARIA Scrollable Listbox Example * diff --git a/content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox.js b/content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox.js index 8a24176bb..632063f25 100644 --- a/content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox.js +++ b/content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox.js @@ -7,6 +7,9 @@ /** * @namespace aria + * @description + * The aria namespace is used to support sharing class definitions between example files + * without causing eslint errors for undefined classes */ var aria = aria || {}; @@ -17,681 +20,668 @@ var aria = aria || {}; * @param listboxNode * The DOM node pointing to the listbox */ -aria.Listbox = function (listboxNode) { - this.listboxNode = listboxNode; - this.activeDescendant = this.listboxNode.getAttribute( - 'aria-activedescendant' - ); - this.multiselectable = this.listboxNode.hasAttribute('aria-multiselectable'); - this.moveUpDownEnabled = false; - this.siblingList = null; - this.startRangeIndex = 0; - this.upButton = null; - this.downButton = null; - this.moveButton = null; - this.keysSoFar = ''; - this.handleFocusChange = function () {}; - this.handleItemChange = function () {}; - this.registerEvents(); -}; -/** - * @description - * Register events for the listbox interactions - */ -aria.Listbox.prototype.registerEvents = function () { - this.listboxNode.addEventListener('focus', this.setupFocus.bind(this)); - this.listboxNode.addEventListener('keydown', this.checkKeyPress.bind(this)); - this.listboxNode.addEventListener('click', this.checkClickItem.bind(this)); - - if (this.multiselectable) { - this.listboxNode.addEventListener( - 'mousedown', - this.checkMouseDown.bind(this) +aria.Listbox = class Listbox { + constructor(listboxNode) { + this.listboxNode = listboxNode; + this.activeDescendant = this.listboxNode.getAttribute( + 'aria-activedescendant' + ); + this.multiselectable = this.listboxNode.hasAttribute( + 'aria-multiselectable' ); + this.moveUpDownEnabled = false; + this.siblingList = null; + this.startRangeIndex = 0; + this.upButton = null; + this.downButton = null; + this.moveButton = null; + this.keysSoFar = ''; + this.handleFocusChange = function () {}; + this.handleItemChange = function () {}; + this.registerEvents(); + } + + registerEvents() { + this.listboxNode.addEventListener('focus', this.setupFocus.bind(this)); + this.listboxNode.addEventListener('keydown', this.checkKeyPress.bind(this)); + this.listboxNode.addEventListener('click', this.checkClickItem.bind(this)); + + if (this.multiselectable) { + this.listboxNode.addEventListener( + 'mousedown', + this.checkMouseDown.bind(this) + ); + } } -}; -/** - * @description - * If there is no activeDescendant, focus on the first option - */ -aria.Listbox.prototype.setupFocus = function () { - if (this.activeDescendant) { - return; + setupFocus() { + if (this.activeDescendant) { + const listitem = document.getElementById(this.activeDescendant); + listitem.scrollIntoView({ block: 'nearest', inline: 'nearest' }); + } } -}; -/** - * @description - * Focus on the first option - */ -aria.Listbox.prototype.focusFirstItem = function () { - var firstItem = this.listboxNode.querySelector('[role="option"]'); + focusFirstItem() { + var firstItem = this.listboxNode.querySelector('[role="option"]'); - if (firstItem) { - this.focusItem(firstItem); + if (firstItem) { + this.focusItem(firstItem); + } } -}; -/** - * @description - * Focus on the last option - */ -aria.Listbox.prototype.focusLastItem = function () { - var itemList = this.listboxNode.querySelectorAll('[role="option"]'); + focusLastItem() { + const itemList = this.listboxNode.querySelectorAll('[role="option"]'); - if (itemList.length) { - this.focusItem(itemList[itemList.length - 1]); + if (itemList.length) { + this.focusItem(itemList[itemList.length - 1]); + } } -}; -/** - * @description - * Handle various keyboard controls; UP/DOWN will shift focus; SPACE selects - * an item. - * @param evt - * The keydown event object - */ -aria.Listbox.prototype.checkKeyPress = function (evt) { - var key = evt.which || evt.keyCode; - var lastActiveId = this.activeDescendant; - var allOptions = this.listboxNode.querySelectorAll('[role="option"]'); - var currentItem = - document.getElementById(this.activeDescendant) || allOptions[0]; - var nextItem = currentItem; - - if (!currentItem) { - return; - } - - switch (key) { - case aria.KeyCode.PAGE_UP: - case aria.KeyCode.PAGE_DOWN: - if (this.moveUpDownEnabled) { - evt.preventDefault(); + checkKeyPress(evt) { + const lastActiveId = this.activeDescendant; + const allOptions = this.listboxNode.querySelectorAll('[role="option"]'); + const currentItem = + document.getElementById(this.activeDescendant) || allOptions[0]; + let nextItem = currentItem; - if (key === aria.KeyCode.PAGE_UP) { - this.moveUpItems(); - } else { - this.moveDownItems(); + if (!currentItem) { + return; + } + + switch (evt.key) { + case 'PageUp': + case 'PageDown': + evt.preventDefault(); + if (this.moveUpDownEnabled) { + if (evt.key === 'PageUp') { + this.moveUpItems(); + } else { + this.moveDownItems(); + } } - } - break; - case aria.KeyCode.UP: - case aria.KeyCode.DOWN: - if (!this.activeDescendant) { - // focus first option if no option was previously focused, and perform no other actions - this.focusItem(currentItem); break; - } - - if (this.moveUpDownEnabled && evt.altKey) { + case 'ArrowUp': + case 'ArrowDown': evt.preventDefault(); - if (key === aria.KeyCode.UP) { - this.moveUpItems(); + if (!this.activeDescendant) { + // focus first option if no option was previously focused, and perform no other actions + this.focusItem(currentItem); + break; + } + + if (this.moveUpDownEnabled && evt.altKey) { + evt.preventDefault(); + if (evt.key === 'ArrowUp') { + this.moveUpItems(); + } else { + this.moveDownItems(); + } + this.updateScroll(); + return; + } + + if (evt.key === 'ArrowUp') { + nextItem = this.findPreviousOption(currentItem); } else { - this.moveDownItems(); + nextItem = this.findNextOption(currentItem); } - return; - } - if (key === aria.KeyCode.UP) { - nextItem = this.findPreviousOption(currentItem); - } else { - nextItem = this.findNextOption(currentItem); - } + if (nextItem && this.multiselectable && event.shiftKey) { + this.selectRange(this.startRangeIndex, nextItem); + } - if (nextItem && this.multiselectable && event.shiftKey) { - this.selectRange(this.startRangeIndex, nextItem); - } + if (nextItem) { + this.focusItem(nextItem); + } - if (nextItem) { - this.focusItem(nextItem); + break; + + case 'Home': evt.preventDefault(); - } + this.focusFirstItem(); - break; - case aria.KeyCode.HOME: - evt.preventDefault(); - this.focusFirstItem(); + if (this.multiselectable && evt.shiftKey && evt.ctrlKey) { + this.selectRange(this.startRangeIndex, 0); + } + break; - if (this.multiselectable && evt.shiftKey && evt.ctrlKey) { - this.selectRange(this.startRangeIndex, 0); - } - break; - case aria.KeyCode.END: - evt.preventDefault(); - this.focusLastItem(); + case 'End': + evt.preventDefault(); + this.focusLastItem(); - if (this.multiselectable && evt.shiftKey && evt.ctrlKey) { - this.selectRange(this.startRangeIndex, allOptions.length - 1); - } - break; - case aria.KeyCode.SHIFT: - this.startRangeIndex = this.getElementIndex(currentItem, allOptions); - break; - case aria.KeyCode.SPACE: - evt.preventDefault(); - this.toggleSelectItem(nextItem); - break; - case aria.KeyCode.BACKSPACE: - case aria.KeyCode.DELETE: - case aria.KeyCode.RETURN: - if (!this.moveButton) { - return; - } + if (this.multiselectable && evt.shiftKey && evt.ctrlKey) { + this.selectRange(this.startRangeIndex, allOptions.length - 1); + } + break; - var keyshortcuts = this.moveButton.getAttribute('aria-keyshortcuts'); - if (key === aria.KeyCode.RETURN && keyshortcuts.indexOf('Enter') === -1) { - return; - } - if ( - (key === aria.KeyCode.BACKSPACE || key === aria.KeyCode.DELETE) && - keyshortcuts.indexOf('Delete') === -1 - ) { - return; - } + case 'Shift': + this.startRangeIndex = this.getElementIndex(currentItem, allOptions); + break; - evt.preventDefault(); + case ' ': + evt.preventDefault(); + this.toggleSelectItem(nextItem); + break; - var nextUnselected = nextItem.nextElementSibling; - while (nextUnselected) { - if (nextUnselected.getAttribute('aria-selected') != 'true') { - break; + case 'Backspace': + case 'Delete': + case 'Enter': + if (!this.moveButton) { + return; } - nextUnselected = nextUnselected.nextElementSibling; - } - if (!nextUnselected) { - nextUnselected = nextItem.previousElementSibling; + + var keyshortcuts = this.moveButton.getAttribute('aria-keyshortcuts'); + if (evt.key === 'Enter' && keyshortcuts.indexOf('Enter') === -1) { + return; + } + if ( + (evt.key === 'Backspace' || evt.key === 'Delete') && + keyshortcuts.indexOf('Delete') === -1 + ) { + return; + } + + evt.preventDefault(); + + var nextUnselected = nextItem.nextElementSibling; while (nextUnselected) { if (nextUnselected.getAttribute('aria-selected') != 'true') { break; } - nextUnselected = nextUnselected.previousElementSibling; + nextUnselected = nextUnselected.nextElementSibling; + } + if (!nextUnselected) { + nextUnselected = nextItem.previousElementSibling; + while (nextUnselected) { + if (nextUnselected.getAttribute('aria-selected') != 'true') { + break; + } + nextUnselected = nextUnselected.previousElementSibling; + } } - } - this.moveItems(); + this.moveItems(); - if (!this.activeDescendant && nextUnselected) { - this.focusItem(nextUnselected); - } - break; - case 65: - // handle control + A - if (this.multiselectable && (evt.ctrlKey || evt.metaKey)) { - evt.preventDefault(); - this.selectRange(0, allOptions.length - 1); + if (!this.activeDescendant && nextUnselected) { + this.focusItem(nextUnselected); + } break; - } - // fall through - default: - var itemToFocus = this.findItemToFocus(key); - if (itemToFocus) { - this.focusItem(itemToFocus); - } - break; - } - if (this.activeDescendant !== lastActiveId) { - this.updateScroll(); + case 'A': + case 'a': + // handle control + A + if (evt.ctrlKey || evt.metaKey) { + if (this.multiselectable) { + this.selectRange(0, allOptions.length - 1); + } + evt.preventDefault(); + break; + } + // fall through + default: + if (evt.key.length === 1) { + const itemToFocus = this.findItemToFocus(evt.key.toLowerCase()); + if (itemToFocus) { + this.focusItem(itemToFocus); + } + } + break; + } + + if (this.activeDescendant !== lastActiveId) { + this.updateScroll(); + } } -}; -aria.Listbox.prototype.findItemToFocus = function (key) { - var itemList = this.listboxNode.querySelectorAll('[role="option"]'); - var character = String.fromCharCode(key); - var searchIndex = 0; + findItemToFocus(character) { + const itemList = this.listboxNode.querySelectorAll('[role="option"]'); + let searchIndex = 0; - if (!this.keysSoFar) { - for (var i = 0; i < itemList.length; i++) { - if (itemList[i].getAttribute('id') == this.activeDescendant) { - searchIndex = i; + if (!this.keysSoFar) { + for (let i = 0; i < itemList.length; i++) { + if (itemList[i].getAttribute('id') == this.activeDescendant) { + searchIndex = i; + } } } - } - this.keysSoFar += character; - this.clearKeysSoFarAfterDelay(); - var nextMatch = this.findMatchInRange( - itemList, - searchIndex + 1, - itemList.length - ); - if (!nextMatch) { - nextMatch = this.findMatchInRange(itemList, 0, searchIndex); - } - return nextMatch; -}; + this.keysSoFar += character; + this.clearKeysSoFarAfterDelay(); -/* Return the index of the passed element within the passed array, or null if not found */ -aria.Listbox.prototype.getElementIndex = function (option, options) { - var allOptions = Array.prototype.slice.call(options); // convert to array - var optionIndex = allOptions.indexOf(option); + let nextMatch = this.findMatchInRange( + itemList, + searchIndex + 1, + itemList.length + ); - return typeof optionIndex === 'number' ? optionIndex : null; -}; + if (!nextMatch) { + nextMatch = this.findMatchInRange(itemList, 0, searchIndex); + } + return nextMatch; + } -/* Return the next listbox option, if it exists; otherwise, returns null */ -aria.Listbox.prototype.findNextOption = function (currentOption) { - var allOptions = Array.prototype.slice.call( - this.listboxNode.querySelectorAll('[role="option"]') - ); // get options array - var currentOptionIndex = allOptions.indexOf(currentOption); - var nextOption = null; + /* Return the index of the passed element within the passed array, or null if not found */ + getElementIndex(option, options) { + const allOptions = Array.prototype.slice.call(options); // convert to array + const optionIndex = allOptions.indexOf(option); - if (currentOptionIndex > -1 && currentOptionIndex < allOptions.length - 1) { - nextOption = allOptions[currentOptionIndex + 1]; + return typeof optionIndex === 'number' ? optionIndex : null; } - return nextOption; -}; + /* Return the next listbox option, if it exists; otherwise, returns null */ + findNextOption(currentOption) { + const allOptions = Array.prototype.slice.call( + this.listboxNode.querySelectorAll('[role="option"]') + ); // get options array + const currentOptionIndex = allOptions.indexOf(currentOption); + let nextOption = null; -/* Return the previous listbox option, if it exists; otherwise, returns null */ -aria.Listbox.prototype.findPreviousOption = function (currentOption) { - var allOptions = Array.prototype.slice.call( - this.listboxNode.querySelectorAll('[role="option"]') - ); // get options array - var currentOptionIndex = allOptions.indexOf(currentOption); - var previousOption = null; + if (currentOptionIndex > -1 && currentOptionIndex < allOptions.length - 1) { + nextOption = allOptions[currentOptionIndex + 1]; + } - if (currentOptionIndex > -1 && currentOptionIndex > 0) { - previousOption = allOptions[currentOptionIndex - 1]; + return nextOption; } - return previousOption; -}; + /* Return the previous listbox option, if it exists; otherwise, returns null */ + findPreviousOption(currentOption) { + const allOptions = Array.prototype.slice.call( + this.listboxNode.querySelectorAll('[role="option"]') + ); // get options array + const currentOptionIndex = allOptions.indexOf(currentOption); + let previousOption = null; -aria.Listbox.prototype.clearKeysSoFarAfterDelay = function () { - if (this.keyClear) { - clearTimeout(this.keyClear); - this.keyClear = null; - } - this.keyClear = setTimeout( - function () { - this.keysSoFar = ''; - this.keyClear = null; - }.bind(this), - 500 - ); -}; - -aria.Listbox.prototype.findMatchInRange = function ( - list, - startIndex, - endIndex -) { - // Find the first item starting with the keysSoFar substring, searching in - // the specified range of items - for (var n = startIndex; n < endIndex; n++) { - var label = list[n].innerText; - if (label && label.toUpperCase().indexOf(this.keysSoFar) === 0) { - return list[n]; + if (currentOptionIndex > -1 && currentOptionIndex > 0) { + previousOption = allOptions[currentOptionIndex - 1]; } - } - return null; -}; -/** - * @description - * Check if an item is clicked on. If so, focus on it and select it. - * @param evt - * The click event object - */ -aria.Listbox.prototype.checkClickItem = function (evt) { - if (evt.target.getAttribute('role') !== 'option') { - return; + return previousOption; } - this.focusItem(evt.target); - this.toggleSelectItem(evt.target); - this.updateScroll(); - - if (this.multiselectable && evt.shiftKey) { - this.selectRange(this.startRangeIndex, evt.target); + clearKeysSoFarAfterDelay() { + if (this.keyClear) { + clearTimeout(this.keyClear); + this.keyClear = null; + } + this.keyClear = setTimeout( + function () { + this.keysSoFar = ''; + this.keyClear = null; + }.bind(this), + 500 + ); } -}; -/** - * Prevent text selection on shift + click for multi-select listboxes - * - * @param evt - */ -aria.Listbox.prototype.checkMouseDown = function (evt) { - if ( - this.multiselectable && - evt.shiftKey && - evt.target.getAttribute('role') === 'option' - ) { - evt.preventDefault(); + findMatchInRange(list, startIndex, endIndex) { + // Find the first item starting with the keysSoFar substring, searching in + // the specified range of items + for (let n = startIndex; n < endIndex; n++) { + const label = list[n].innerText; + if (label && label.toLowerCase().indexOf(this.keysSoFar) === 0) { + return list[n]; + } + } + return null; } -}; -/** - * @description - * Toggle the aria-selected value - * @param element - * The element to select - */ -aria.Listbox.prototype.toggleSelectItem = function (element) { - if (this.multiselectable) { - element.setAttribute( - 'aria-selected', - element.getAttribute('aria-selected') === 'true' ? 'false' : 'true' - ); + checkClickItem(evt) { + if (evt.target.getAttribute('role') !== 'option') { + return; + } - this.updateMoveButton(); - } -}; + this.focusItem(evt.target); + this.toggleSelectItem(evt.target); + this.updateScroll(); -/** - * @description - * Defocus the specified item - * @param element - * The element to defocus - */ -aria.Listbox.prototype.defocusItem = function (element) { - if (!element) { - return; - } - if (!this.multiselectable) { - element.removeAttribute('aria-selected'); + if (this.multiselectable && evt.shiftKey) { + this.selectRange(this.startRangeIndex, evt.target); + } } - element.classList.remove('focused'); -}; -/** - * @description - * Focus on the specified item - * @param element - * The element to focus - */ -aria.Listbox.prototype.focusItem = function (element) { - this.defocusItem(document.getElementById(this.activeDescendant)); - if (!this.multiselectable) { - element.setAttribute('aria-selected', 'true'); + /** + * Prevent text selection on shift + click for multi-select listboxes + * + * @param evt + */ + checkMouseDown(evt) { + if ( + this.multiselectable && + evt.shiftKey && + evt.target.getAttribute('role') === 'option' + ) { + evt.preventDefault(); + } } - element.classList.add('focused'); - this.listboxNode.setAttribute('aria-activedescendant', element.id); - this.activeDescendant = element.id; - if (!this.multiselectable) { - this.updateMoveButton(); + /** + * @description + * Toggle the aria-selected value + * @param element + * The element to select + */ + toggleSelectItem(element) { + if (this.multiselectable) { + element.setAttribute( + 'aria-selected', + element.getAttribute('aria-selected') === 'true' ? 'false' : 'true' + ); + + this.updateMoveButton(); + } } - this.checkUpDownButtons(); - this.handleFocusChange(element); -}; - -/** - * Helper function to check if a number is within a range; no side effects. - * - * @param index - * @param start - * @param end - * @returns {boolean} - */ -aria.Listbox.prototype.checkInRange = function (index, start, end) { - var rangeStart = start < end ? start : end; - var rangeEnd = start < end ? end : start; + /** + * @description + * Defocus the specified item + * @param element + * The element to defocus + */ + defocusItem(element) { + if (!element) { + return; + } + if (!this.multiselectable) { + element.removeAttribute('aria-selected'); + } + element.classList.remove('focused'); + } + + /** + * @description + * Focus on the specified item + * @param element + * The element to focus + */ + focusItem(element) { + this.defocusItem(document.getElementById(this.activeDescendant)); + if (!this.multiselectable) { + element.setAttribute('aria-selected', 'true'); + } + element.classList.add('focused'); + this.listboxNode.setAttribute('aria-activedescendant', element.id); + this.activeDescendant = element.id; - return index >= rangeStart && index <= rangeEnd; -}; + if (!this.multiselectable) { + this.updateMoveButton(); + } -/** - * Select a range of options - * - * @param start - * @param end - */ -aria.Listbox.prototype.selectRange = function (start, end) { - // get start/end indices - var allOptions = this.listboxNode.querySelectorAll('[role="option"]'); - var startIndex = - typeof start === 'number' ? start : this.getElementIndex(start, allOptions); - var endIndex = - typeof end === 'number' ? end : this.getElementIndex(end, allOptions); + this.checkUpDownButtons(); + this.handleFocusChange(element); + } + + /** + * Helper function to check if a number is within a range; no side effects. + * + * @param index + * @param start + * @param end + * @returns {boolean} + */ + checkInRange(index, start, end) { + const rangeStart = start < end ? start : end; + const rangeEnd = start < end ? end : start; + + return index >= rangeStart && index <= rangeEnd; + } + + /** + * Select a range of options + * + * @param start + * @param end + */ + selectRange(start, end) { + // get start/end indices + const allOptions = this.listboxNode.querySelectorAll('[role="option"]'); + const startIndex = + typeof start === 'number' + ? start + : this.getElementIndex(start, allOptions); + const endIndex = + typeof end === 'number' ? end : this.getElementIndex(end, allOptions); + + for (let index = 0; index < allOptions.length; index++) { + const selected = this.checkInRange(index, startIndex, endIndex); + allOptions[index].setAttribute('aria-selected', selected + ''); + } - for (var index = 0; index < allOptions.length; index++) { - var selected = this.checkInRange(index, startIndex, endIndex); - allOptions[index].setAttribute('aria-selected', selected + ''); + this.updateMoveButton(); } - this.updateMoveButton(); -}; - -/** - * Check for selected options and update moveButton, if applicable - */ -aria.Listbox.prototype.updateMoveButton = function () { - if (!this.moveButton) { - return; - } + /** + * Check for selected options and update moveButton, if applicable + */ + updateMoveButton() { + if (!this.moveButton) { + return; + } - if (this.listboxNode.querySelector('[aria-selected="true"]')) { - this.moveButton.setAttribute('aria-disabled', 'false'); - } else { - this.moveButton.setAttribute('aria-disabled', 'true'); + if (this.listboxNode.querySelector('[aria-selected="true"]')) { + this.moveButton.setAttribute('aria-disabled', 'false'); + } else { + this.moveButton.setAttribute('aria-disabled', 'true'); + } } -}; -/** - * Check if the selected option is in view, and scroll if not - */ -aria.Listbox.prototype.updateScroll = function () { - var selectedOption = document.getElementById(this.activeDescendant); - if ( - selectedOption && - this.listboxNode.scrollHeight > this.listboxNode.clientHeight - ) { - var scrollBottom = - this.listboxNode.clientHeight + this.listboxNode.scrollTop; - var elementBottom = selectedOption.offsetTop + selectedOption.offsetHeight; - if (elementBottom > scrollBottom) { - this.listboxNode.scrollTop = - elementBottom - this.listboxNode.clientHeight; - } else if (selectedOption.offsetTop < this.listboxNode.scrollTop) { - this.listboxNode.scrollTop = selectedOption.offsetTop; + /** + * Check if the selected option is in view, and scroll if not + */ + updateScroll() { + const selectedOption = document.getElementById(this.activeDescendant); + if (selectedOption) { + const scrollBottom = + this.listboxNode.clientHeight + this.listboxNode.scrollTop; + const elementBottom = + selectedOption.offsetTop + selectedOption.offsetHeight; + if (elementBottom > scrollBottom) { + this.listboxNode.scrollTop = + elementBottom - this.listboxNode.clientHeight; + } else if (selectedOption.offsetTop < this.listboxNode.scrollTop) { + this.listboxNode.scrollTop = selectedOption.offsetTop; + } + selectedOption.scrollIntoView({ block: 'nearest', inline: 'nearest' }); } } -}; - -/** - * @description - * Enable/disable the up/down arrows based on the activeDescendant. - */ -aria.Listbox.prototype.checkUpDownButtons = function () { - var activeElement = document.getElementById(this.activeDescendant); - if (!this.moveUpDownEnabled) { - return; - } + /** + * @description + * Enable/disable the up/down arrows based on the activeDescendant. + */ + checkUpDownButtons() { + const activeElement = document.getElementById(this.activeDescendant); - if (!activeElement) { - this.upButton.setAttribute('aria-disabled', 'true'); - this.downButton.setAttribute('aria-disabled', 'true'); - return; - } + if (!this.moveUpDownEnabled) { + return; + } - if (this.upButton) { - if (activeElement.previousElementSibling) { - this.upButton.setAttribute('aria-disabled', false); - } else { + if (!activeElement) { this.upButton.setAttribute('aria-disabled', 'true'); + this.downButton.setAttribute('aria-disabled', 'true'); + return; } - } - if (this.downButton) { - if (activeElement.nextElementSibling) { - this.downButton.setAttribute('aria-disabled', false); - } else { - this.downButton.setAttribute('aria-disabled', 'true'); + if (this.upButton) { + if (activeElement.previousElementSibling) { + this.upButton.setAttribute('aria-disabled', false); + } else { + this.upButton.setAttribute('aria-disabled', 'true'); + } } - } -}; -/** - * @description - * Add the specified items to the listbox. Assumes items are valid options. - * @param items - * An array of items to add to the listbox - */ -aria.Listbox.prototype.addItems = function (items) { - if (!items || !items.length) { - return; + if (this.downButton) { + if (activeElement.nextElementSibling) { + this.downButton.setAttribute('aria-disabled', false); + } else { + this.downButton.setAttribute('aria-disabled', 'true'); + } + } } - items.forEach( - function (item) { - this.defocusItem(item); - this.toggleSelectItem(item); - this.listboxNode.append(item); - }.bind(this) - ); + /** + * @description + * Add the specified items to the listbox. Assumes items are valid options. + * @param items + * An array of items to add to the listbox + */ + addItems(items) { + if (!items || !items.length) { + return; + } - if (!this.activeDescendant) { - this.focusItem(items[0]); - } + items.forEach( + function (item) { + this.defocusItem(item); + this.toggleSelectItem(item); + this.listboxNode.append(item); + }.bind(this) + ); - this.handleItemChange('added', items); -}; + if (!this.activeDescendant) { + this.focusItem(items[0]); + } -/** - * @description - * Remove all of the selected items from the listbox; Removes the focused items - * in a single select listbox and the items with aria-selected in a multi - * select listbox. - * @returns {Array} - * An array of items that were removed from the listbox - */ -aria.Listbox.prototype.deleteItems = function () { - var itemsToDelete; + this.handleItemChange('added', items); + } + + /** + * @description + * Remove all of the selected items from the listbox; Removes the focused items + * in a single select listbox and the items with aria-selected in a multi + * select listbox. + * @returns {Array} + * An array of items that were removed from the listbox + */ + deleteItems() { + let itemsToDelete; + + if (this.multiselectable) { + itemsToDelete = this.listboxNode.querySelectorAll( + '[aria-selected="true"]' + ); + } else if (this.activeDescendant) { + itemsToDelete = [document.getElementById(this.activeDescendant)]; + } - if (this.multiselectable) { - itemsToDelete = this.listboxNode.querySelectorAll('[aria-selected="true"]'); - } else if (this.activeDescendant) { - itemsToDelete = [document.getElementById(this.activeDescendant)]; - } + if (!itemsToDelete || !itemsToDelete.length) { + return []; + } - if (!itemsToDelete || !itemsToDelete.length) { - return []; - } + itemsToDelete.forEach( + function (item) { + item.remove(); - itemsToDelete.forEach( - function (item) { - item.remove(); + if (item.id === this.activeDescendant) { + this.clearActiveDescendant(); + } + }.bind(this) + ); - if (item.id === this.activeDescendant) { - this.clearActiveDescendant(); - } - }.bind(this) - ); + this.handleItemChange('removed', itemsToDelete); - this.handleItemChange('removed', itemsToDelete); + return itemsToDelete; + } - return itemsToDelete; -}; + clearActiveDescendant() { + this.activeDescendant = null; + this.listboxNode.setAttribute('aria-activedescendant', null); -aria.Listbox.prototype.clearActiveDescendant = function () { - this.activeDescendant = null; - this.listboxNode.setAttribute('aria-activedescendant', null); + this.updateMoveButton(); + this.checkUpDownButtons(); + } - this.updateMoveButton(); - this.checkUpDownButtons(); -}; + /** + * @description + * Shifts the currently focused item up on the list. No shifting occurs if the + * item is already at the top of the list. + */ + moveUpItems() { + if (!this.activeDescendant) { + return; + } -/** - * @description - * Shifts the currently focused item up on the list. No shifting occurs if the - * item is already at the top of the list. - */ -aria.Listbox.prototype.moveUpItems = function () { - if (!this.activeDescendant) { - return; - } + const currentItem = document.getElementById(this.activeDescendant); + const previousItem = currentItem.previousElementSibling; - var currentItem = document.getElementById(this.activeDescendant); - var previousItem = currentItem.previousElementSibling; + if (previousItem) { + this.listboxNode.insertBefore(currentItem, previousItem); + this.handleItemChange('moved_up', [currentItem]); + } - if (previousItem) { - this.listboxNode.insertBefore(currentItem, previousItem); - this.handleItemChange('moved_up', [currentItem]); + this.checkUpDownButtons(); } - this.checkUpDownButtons(); -}; + /** + * @description + * Shifts the currently focused item down on the list. No shifting occurs if + * the item is already at the end of the list. + */ + moveDownItems() { + if (!this.activeDescendant) { + return; + } -/** - * @description - * Shifts the currently focused item down on the list. No shifting occurs if - * the item is already at the end of the list. - */ -aria.Listbox.prototype.moveDownItems = function () { - if (!this.activeDescendant) { - return; - } + var currentItem = document.getElementById(this.activeDescendant); + var nextItem = currentItem.nextElementSibling; - var currentItem = document.getElementById(this.activeDescendant); - var nextItem = currentItem.nextElementSibling; + if (nextItem) { + this.listboxNode.insertBefore(nextItem, currentItem); + this.handleItemChange('moved_down', [currentItem]); + } - if (nextItem) { - this.listboxNode.insertBefore(nextItem, currentItem); - this.handleItemChange('moved_down', [currentItem]); + this.checkUpDownButtons(); } - this.checkUpDownButtons(); -}; + /** + * @description + * Delete the currently selected items and add them to the sibling list. + */ + moveItems() { + if (!this.siblingList) { + return; + } -/** - * @description - * Delete the currently selected items and add them to the sibling list. - */ -aria.Listbox.prototype.moveItems = function () { - if (!this.siblingList) { - return; + var itemsToMove = this.deleteItems(); + this.siblingList.addItems(itemsToMove); } - var itemsToMove = this.deleteItems(); - this.siblingList.addItems(itemsToMove); -}; - -/** - * @description - * Enable Up/Down controls to shift items up and down. - * @param upButton - * Up button to trigger up shift - * @param downButton - * Down button to trigger down shift - */ -aria.Listbox.prototype.enableMoveUpDown = function (upButton, downButton) { - this.moveUpDownEnabled = true; - this.upButton = upButton; - this.downButton = downButton; - upButton.addEventListener('click', this.moveUpItems.bind(this)); - downButton.addEventListener('click', this.moveDownItems.bind(this)); -}; + /** + * @description + * Enable Up/Down controls to shift items up and down. + * @param upButton + * Up button to trigger up shift + * @param downButton + * Down button to trigger down shift + */ + enableMoveUpDown(upButton, downButton) { + this.moveUpDownEnabled = true; + this.upButton = upButton; + this.downButton = downButton; + upButton.addEventListener('click', this.moveUpItems.bind(this)); + downButton.addEventListener('click', this.moveDownItems.bind(this)); + } -/** - * @description - * Enable Move controls. Moving removes selected items from the current - * list and adds them to the sibling list. - * @param button - * Move button to trigger delete - * @param siblingList - * Listbox to move items to - */ -aria.Listbox.prototype.setupMove = function (button, siblingList) { - this.siblingList = siblingList; - this.moveButton = button; - button.addEventListener('click', this.moveItems.bind(this)); -}; + /** + * @description + * Enable Move controls. Moving removes selected items from the current + * list and adds them to the sibling list. + * @param button + * Move button to trigger delete + * @param siblingList + * Listbox to move items to + */ + setupMove(button, siblingList) { + this.siblingList = siblingList; + this.moveButton = button; + button.addEventListener('click', this.moveItems.bind(this)); + } -aria.Listbox.prototype.setHandleItemChange = function (handlerFn) { - this.handleItemChange = handlerFn; -}; + setHandleItemChange(handlerFn) { + this.handleItemChange = handlerFn; + } -aria.Listbox.prototype.setHandleFocusChange = function (focusChangeHandler) { - this.handleFocusChange = focusChangeHandler; + setHandleFocusChange(focusChangeHandler) { + this.handleFocusChange = focusChangeHandler; + } }; diff --git a/content-assets/wai-aria-practices/patterns/listbox/examples/js/toolbar.js b/content-assets/wai-aria-practices/patterns/listbox/examples/js/toolbar.js index 6def976c0..a1fb9f891 100644 --- a/content-assets/wai-aria-practices/patterns/listbox/examples/js/toolbar.js +++ b/content-assets/wai-aria-practices/patterns/listbox/examples/js/toolbar.js @@ -7,6 +7,9 @@ /** * @namespace aria + * @description + * The aria namespace is used to support sharing class definitions between example files + * without causing eslint errors for undefined classes */ var aria = aria || {}; @@ -17,101 +20,118 @@ var aria = aria || {}; * @param toolbarNode * The DOM node pointing to the toolbar */ -aria.Toolbar = function (toolbarNode) { - this.toolbarNode = toolbarNode; - this.items = this.toolbarNode.querySelectorAll('.toolbar-item'); - this.selectedItem = this.toolbarNode.querySelector('.selected'); - this.registerEvents(); -}; -/** - * @description - * Register events for the toolbar interactions - */ -aria.Toolbar.prototype.registerEvents = function () { - this.toolbarNode.addEventListener( - 'keydown', - this.checkFocusChange.bind(this) - ); - this.toolbarNode.addEventListener('click', this.checkClickItem.bind(this)); -}; +aria.Toolbar = class Toolbar { + constructor(toolbarNode) { + this.toolbarNode = toolbarNode; + this.items = this.toolbarNode.querySelectorAll('.toolbar-item'); + this.selectedItem = this.toolbarNode.querySelector('.selected'); + this.registerEvents(); + } -/** - * @description - * Handle various keyboard controls; LEFT/RIGHT will shift focus; DOWN - * activates a menu button if it is the focused item. - * @param evt - * The keydown event object - */ -aria.Toolbar.prototype.checkFocusChange = function (evt) { - var key = evt.which || evt.keyCode; - var nextIndex, nextItem; + /** + * @description + * Register events for the toolbar interactions + */ + registerEvents() { + this.toolbarNode.addEventListener( + 'keydown', + this.checkFocusChange.bind(this) + ); + this.toolbarNode.addEventListener('click', this.checkClickItem.bind(this)); + } + + /** + * @description + * Handle various keyboard commands to move focus: + * LEFT: Previous button + * RIGHT: Next button + * HOME: First button + * END: Last button + * @param evt + * The keydown event object + */ + checkFocusChange(evt) { + let nextIndex, nextItem; + + // Do not move focus if any modifier keys pressed + if (!evt.shiftKey && !evt.metaKey && !evt.altKey && !evt.ctrlKey) { + switch (evt.key) { + case 'ArrowLeft': + case 'ArrowRight': + nextIndex = Array.prototype.indexOf.call( + this.items, + this.selectedItem + ); + nextIndex = evt.key === 'ArrowLeft' ? nextIndex - 1 : nextIndex + 1; + nextIndex = Math.max(Math.min(nextIndex, this.items.length - 1), 0); + + nextItem = this.items[nextIndex]; + break; - switch (key) { - case aria.KeyCode.LEFT: - case aria.KeyCode.RIGHT: - nextIndex = Array.prototype.indexOf.call(this.items, this.selectedItem); - nextIndex = key === aria.KeyCode.LEFT ? nextIndex - 1 : nextIndex + 1; - nextIndex = Math.max(Math.min(nextIndex, this.items.length - 1), 0); + case 'End': + nextItem = this.items[this.items.length - 1]; + break; - nextItem = this.items[nextIndex]; - this.selectItem(nextItem); - this.focusItem(nextItem); - break; - case aria.KeyCode.DOWN: - // if selected item is menu button, pressing DOWN should act like a click - if (aria.Utils.hasClass(this.selectedItem, 'menu-button')) { + case 'Home': + nextItem = this.items[0]; + break; + } + + if (nextItem) { + this.selectItem(nextItem); + this.focusItem(nextItem); + evt.stopPropagation(); evt.preventDefault(); - this.selectedItem.click(); } - break; + } } -}; -/** - * @description - * Selects a toolbar item if it is clicked - * @param evt - * The click event object - */ -aria.Toolbar.prototype.checkClickItem = function (evt) { - if (aria.Utils.hasClass(evt.target, 'toolbar-item')) { - this.selectItem(evt.target); + /** + * @description + * Selects a toolbar item if it is clicked + * @param evt + * The click event object + */ + checkClickItem(evt) { + if (evt.target.classList.contains('toolbar-item')) { + this.selectItem(evt.target); + } } -}; -/** - * @description - * Deselect the specified item - * @param element - * The item to deselect - */ -aria.Toolbar.prototype.deselectItem = function (element) { - aria.Utils.removeClass(element, 'selected'); - element.setAttribute('aria-selected', 'false'); - element.setAttribute('tabindex', '-1'); -}; + /** + * @description + * Deselect the specified item + * @param element + * The item to deselect + */ + deselectItem(element) { + element.classList.remove('selected'); + element.setAttribute('aria-selected', 'false'); + element.setAttribute('tabindex', '-1'); + } -/** - * @description - * Deselect the currently selected item and select the specified item - * @param element - * The item to select - */ -aria.Toolbar.prototype.selectItem = function (element) { - this.deselectItem(this.selectedItem); - aria.Utils.addClass(element, 'selected'); - element.setAttribute('aria-selected', 'true'); - element.setAttribute('tabindex', '0'); - this.selectedItem = element; -}; + /** + * @description + * Deselect the currently selected item and select the specified item + * @param element + * The item to select + */ + selectItem(element) { + this.deselectItem(this.selectedItem); + element.classList.add('selected'); + element.setAttribute('aria-selected', 'true'); + element.setAttribute('tabindex', '0'); + this.selectedItem = element; + } -/** - * @description - * Focus on the specified item - * @param element - * The item to focus on - */ -aria.Toolbar.prototype.focusItem = function (element) { - element.focus(); + /** + * @description + * Focus on the specified item + * @param element + * The item to focus on + */ + focusItem(element) { + element.focus(); + } }; From c15d013cb42e885156202d4c10f5ef8e04476ea0 Mon Sep 17 00:00:00 2001 From: michael-n-cooper-bot <michael-n-cooper-bot@users.noreply.github.com> Date: Tue, 19 Sep 2023 01:46:34 +0000 Subject: [PATCH 05/11] Commit changes --- ARIA/apg/patterns/treegrid/treegrid-pattern.md | 4 ++-- _external/aria-practices | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/ARIA/apg/patterns/treegrid/treegrid-pattern.md b/ARIA/apg/patterns/treegrid/treegrid-pattern.md index 01a633a59..1c21f2f93 100644 --- a/ARIA/apg/patterns/treegrid/treegrid-pattern.md +++ b/ARIA/apg/patterns/treegrid/treegrid-pattern.md @@ -211,7 +211,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); If focus is in the first row, focus does not move. </li> <li> - If focus is on a cell, moves focus to the first cell in the column. + If focus is on a cell, moves focus to the cell in the first row in the same column as the cell that had focus. If focus is in the first row, focus does not move. </li> </ul> @@ -224,7 +224,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); If focus is in the last row, focus does not move. </li> <li> - If focus is on a cell, moves focus to the last cell in the column. + If focus is on a cell, moves focus to the cell in the last row in the same column as the cell that had focus. If focus is in the last row, focus does not move. </li> </ul> diff --git a/_external/aria-practices b/_external/aria-practices index eed124a72..3b17ee756 160000 --- a/_external/aria-practices +++ b/_external/aria-practices @@ -1 +1 @@ -Subproject commit eed124a72cc94bf0e2d39b6d33af563966f23ee1 +Subproject commit 3b17ee7569e053941fd1347c4c49fd08052fb624 From 0096e53dce05ecfddd34cc7db47e57901e31d5b9 Mon Sep 17 00:00:00 2001 From: michael-n-cooper-bot <michael-n-cooper-bot@users.noreply.github.com> Date: Tue, 19 Sep 2023 02:06:17 +0000 Subject: [PATCH 06/11] Commit changes --- ARIA/apg/patterns/treeview/examples/treeview-navigation.md | 2 +- _external/aria-practices | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/ARIA/apg/patterns/treeview/examples/treeview-navigation.md b/ARIA/apg/patterns/treeview/examples/treeview-navigation.md index 22ed2dd8f..b741b2ebb 100644 --- a/ARIA/apg/patterns/treeview/examples/treeview-navigation.md +++ b/ARIA/apg/patterns/treeview/examples/treeview-navigation.md @@ -419,7 +419,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); To support operating system high contrast settings: <ul> <li> - 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 an other elements. + 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 1 to 3 pixels and padding is reduced by 2 pixels. When an element loses focus, its border changes from 3 pixels to 1 and padding is increased by 2 pixels. diff --git a/_external/aria-practices b/_external/aria-practices index 3b17ee756..1f2e4620b 160000 --- a/_external/aria-practices +++ b/_external/aria-practices @@ -1 +1 @@ -Subproject commit 3b17ee7569e053941fd1347c4c49fd08052fb624 +Subproject commit 1f2e4620b8495bc076c695f4a8f23c56f785b5ae From f68210d060a5766e28ec50c94013cd3a76409795 Mon Sep 17 00:00:00 2001 From: michael-n-cooper-bot <michael-n-cooper-bot@users.noreply.github.com> Date: Wed, 20 Sep 2023 05:13:17 +0000 Subject: [PATCH 07/11] Commit changes --- ARIA/apg/patterns/accordion/examples/accordion.md | 2 +- ARIA/apg/patterns/alert/examples/alert.md | 2 +- ARIA/apg/patterns/alertdialog/examples/alertdialog.md | 2 +- ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md | 2 +- ARIA/apg/patterns/button/examples/button.md | 2 +- ARIA/apg/patterns/button/examples/button_idl.md | 2 +- ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md | 2 +- ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md | 2 +- ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md | 2 +- ARIA/apg/patterns/checkbox/examples/checkbox.md | 2 +- .../patterns/combobox/examples/combobox-autocomplete-both.md | 4 ++-- .../patterns/combobox/examples/combobox-autocomplete-list.md | 4 ++-- .../patterns/combobox/examples/combobox-autocomplete-none.md | 4 ++-- ARIA/apg/patterns/combobox/examples/combobox-datepicker.md | 2 +- ARIA/apg/patterns/combobox/examples/combobox-select-only.md | 2 +- ARIA/apg/patterns/combobox/examples/grid-combo.md | 2 +- ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md | 2 +- ARIA/apg/patterns/dialog-modal/examples/dialog.md | 2 +- ARIA/apg/patterns/disclosure/examples/disclosure-faq.md | 4 ++-- .../disclosure/examples/disclosure-image-description.md | 4 ++-- .../disclosure/examples/disclosure-navigation-hybrid.md | 2 +- .../apg/patterns/disclosure/examples/disclosure-navigation.md | 2 +- ARIA/apg/patterns/feed/examples/feed.md | 2 +- ARIA/apg/patterns/grid/examples/advanced-data-grid.md | 2 +- ARIA/apg/patterns/grid/examples/data-grids.md | 2 +- ARIA/apg/patterns/grid/examples/layout-grids.md | 2 +- ARIA/apg/patterns/link/examples/link.md | 2 +- ARIA/apg/patterns/listbox/examples/listbox-collapsible.md | 2 +- ARIA/apg/patterns/listbox/examples/listbox-grouped.md | 2 +- ARIA/apg/patterns/listbox/examples/listbox-rearrangeable.md | 2 +- ARIA/apg/patterns/listbox/examples/listbox-scrollable.md | 2 +- .../examples/menu-button-actions-active-descendant.md | 4 ++-- ARIA/apg/patterns/menu-button/examples/menu-button-actions.md | 4 ++-- ARIA/apg/patterns/menu-button/examples/menu-button-links.md | 4 ++-- ARIA/apg/patterns/menubar/examples/menubar-editor.md | 2 +- ARIA/apg/patterns/menubar/examples/menubar-navigation.md | 4 ++-- ARIA/apg/patterns/meter/examples/meter.md | 2 +- ARIA/apg/patterns/radio/examples/radio-activedescendant.md | 2 +- ARIA/apg/patterns/radio/examples/radio-rating.md | 2 +- ARIA/apg/patterns/radio/examples/radio.md | 2 +- .../patterns/slider-multithumb/examples/slider-multithumb.md | 2 +- ARIA/apg/patterns/slider/examples/slider-color-viewer.md | 2 +- ARIA/apg/patterns/slider/examples/slider-rating.md | 2 +- ARIA/apg/patterns/slider/examples/slider-seek.md | 2 +- ARIA/apg/patterns/slider/examples/slider-temperature.md | 2 +- .../patterns/spinbutton/examples/datepicker-spinbuttons.md | 2 +- ARIA/apg/patterns/switch/examples/switch-button.md | 2 +- ARIA/apg/patterns/switch/examples/switch-checkbox.md | 4 ++-- ARIA/apg/patterns/switch/examples/switch.md | 4 ++-- ARIA/apg/patterns/table/examples/sortable-table.md | 2 +- ARIA/apg/patterns/table/examples/table.md | 2 +- ARIA/apg/patterns/tabs/examples/tabs-automatic.md | 2 +- ARIA/apg/patterns/tabs/examples/tabs-manual.md | 2 +- ARIA/apg/patterns/toolbar/examples/toolbar.md | 2 +- ARIA/apg/patterns/treegrid/examples/treegrid-1.md | 2 +- ARIA/apg/patterns/treeview/examples/treeview-1a.md | 2 +- ARIA/apg/patterns/treeview/examples/treeview-1b.md | 2 +- ARIA/apg/patterns/treeview/examples/treeview-navigation.md | 2 +- _external/aria-practices | 2 +- 59 files changed, 70 insertions(+), 70 deletions(-) diff --git a/ARIA/apg/patterns/accordion/examples/accordion.md b/ARIA/apg/patterns/accordion/examples/accordion.md index 40189d654..7515ec864 100644 --- a/ARIA/apg/patterns/accordion/examples/accordion.md +++ b/ARIA/apg/patterns/accordion/examples/accordion.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/accordion/examples/accordion/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/8'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/8'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/alert/examples/alert.md b/ARIA/apg/patterns/alert/examples/alert.md index c5b95fd73..ba6da8a4b 100644 --- a/ARIA/apg/patterns/alert/examples/alert.md +++ b/ARIA/apg/patterns/alert/examples/alert.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/alert/examples/alert/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/20'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/20'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/alertdialog/examples/alertdialog.md b/ARIA/apg/patterns/alertdialog/examples/alertdialog.md index ce2548212..86a747912 100644 --- a/ARIA/apg/patterns/alertdialog/examples/alertdialog.md +++ b/ARIA/apg/patterns/alertdialog/examples/alertdialog.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/alertdialog/examples/alertdialog/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/20'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/20'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md b/ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md index 1b5f47761..e1497a319 100644 --- a/ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md +++ b/ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/breadcrumb/examples/breadcrumb/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/21'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/21'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/button/examples/button.md b/ARIA/apg/patterns/button/examples/button.md index ff803ec9c..c3cd04604 100644 --- a/ARIA/apg/patterns/button/examples/button.md +++ b/ARIA/apg/patterns/button/examples/button.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/button/examples/button/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/button/examples/button_idl.md b/ARIA/apg/patterns/button/examples/button_idl.md index 43d44ae82..7e37724e0 100644 --- a/ARIA/apg/patterns/button/examples/button_idl.md +++ b/ARIA/apg/patterns/button/examples/button_idl.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/button/examples/button_idl/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md b/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md index f906b1fb6..653696c39 100644 --- a/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md +++ b/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/carousel/examples/carousel-1-prev-next/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/10'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/10'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md b/ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md index 856a0c8c6..51b082014 100644 --- a/ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md +++ b/ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/carousel/examples/carousel-2-tablist/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/10'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/10'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md b/ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md index ea0460cba..2b91b3052 100644 --- a/ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md +++ b/ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/checkbox/examples/checkbox-mixed/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/9'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/9'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/checkbox/examples/checkbox.md b/ARIA/apg/patterns/checkbox/examples/checkbox.md index ff86d9bf5..2ab712e98 100644 --- a/ARIA/apg/patterns/checkbox/examples/checkbox.md +++ b/ARIA/apg/patterns/checkbox/examples/checkbox.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/checkbox/examples/checkbox/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/9'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/9'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both.md b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both.md index 4f9a54fc2..ed70bedd2 100644 --- a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both.md +++ b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both/ 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: 19 September 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: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG @@ -212,7 +212,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); <li>To help people with visual impairments identify the combobox as an interactive element, the cursor is changed to a pointer when hovering over the combobox or list.</li> <li>To make it easier to distinguish the selected listbox option from other options, selection creates a 2 pixel border above and below the option.</li> <li> - 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 an other elements. + 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. diff --git a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list.md b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list.md index 708d45c21..98d5434a3 100644 --- a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list.md +++ b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list.md @@ -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/w3c/aria-practices/projects/7'>View issues related to this example</a></p> <p>Page last updated: 19 September 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: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG @@ -212,7 +212,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); <li>To help people with visual impairments identify the combobox as an interactive element, the cursor is changed to a pointer when hovering over the combobox or list.</li> <li>To make it easier to distinguish the selected listbox option from other options, selection creates a 2 pixel border above and below the option.</li> <li> - 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 an other elements. + 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. diff --git a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none.md b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none.md index e5ae02af5..6754a5bad 100644 --- a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none.md +++ b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none/ 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: 19 September 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: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG @@ -165,7 +165,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); <li>To help people with visual impairments identify the combobox as an interactive element, the cursor is changed to a pointer when hovering over the combobox or list.</li> <li>To make it easier to distinguish the selected listbox option from other options, selection creates a 2 pixel border above and below the option.</li> <li> - 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 an other elements. + 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. diff --git a/ARIA/apg/patterns/combobox/examples/combobox-datepicker.md b/ARIA/apg/patterns/combobox/examples/combobox-datepicker.md index 12d0682c9..64ea33f2a 100644 --- a/ARIA/apg/patterns/combobox/examples/combobox-datepicker.md +++ b/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: 19 September 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: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/combobox/examples/combobox-select-only.md b/ARIA/apg/patterns/combobox/examples/combobox-select-only.md index d85c48c5a..18a569bc8 100644 --- a/ARIA/apg/patterns/combobox/examples/combobox-select-only.md +++ b/ARIA/apg/patterns/combobox/examples/combobox-select-only.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/combobox/examples/combobox-select-only/ 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: 19 September 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: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/combobox/examples/grid-combo.md b/ARIA/apg/patterns/combobox/examples/grid-combo.md index 5918f6598..adba6e610 100644 --- a/ARIA/apg/patterns/combobox/examples/grid-combo.md +++ b/ARIA/apg/patterns/combobox/examples/grid-combo.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/combobox/examples/grid-combo/ 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: 19 September 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: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md b/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md index 0f3c989b1..eb378818e 100644 --- a/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md +++ b/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/27'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/27'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/dialog-modal/examples/dialog.md b/ARIA/apg/patterns/dialog-modal/examples/dialog.md index 424b9438f..6f4a9aef9 100644 --- a/ARIA/apg/patterns/dialog-modal/examples/dialog.md +++ b/ARIA/apg/patterns/dialog-modal/examples/dialog.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/dialog-modal/examples/dialog/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/6'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/6'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/disclosure/examples/disclosure-faq.md b/ARIA/apg/patterns/disclosure/examples/disclosure-faq.md index 94e84d379..95d78fc34 100644 --- a/ARIA/apg/patterns/disclosure/examples/disclosure-faq.md +++ b/ARIA/apg/patterns/disclosure/examples/disclosure-faq.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/disclosure/examples/disclosure-faq/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG @@ -177,7 +177,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); </li> <li>To help people with visual impairments identify the disclosure as interactive and make it easier to perceive that clicking either the disclosure button or its label changes the expanded state, when a pointer hovers over the button or its label, the background color changes, a border appears, and the cursor changes to a pointer.</li> <li> - 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 an other elements. + 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 0 to 2 pixels and padding is reduced by 2 pixels. When an element loses focus, its border changes from 2 pixels to 0 and padding is increased by 2 pixels. diff --git a/ARIA/apg/patterns/disclosure/examples/disclosure-image-description.md b/ARIA/apg/patterns/disclosure/examples/disclosure-image-description.md index ad3a4a8c2..e53721b8e 100644 --- a/ARIA/apg/patterns/disclosure/examples/disclosure-image-description.md +++ b/ARIA/apg/patterns/disclosure/examples/disclosure-image-description.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/disclosure/examples/disclosure-image-description/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG @@ -315,7 +315,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); <ul> <li>To help people with visual impairments identify the disclosure as interactive and make it easier to perceive that clicking either the disclosure button or its label changes the expanded state, when a pointer hovers over the button or its label, the background color changes, a border appears, and the cursor changes to a pointer.</li> <li> - 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 an other elements. + 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 0 to 2 pixels and padding is reduced by 2 pixels. When an element loses focus, its border changes from 2 pixels to 0 and padding is increased by 2 pixels. diff --git a/ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid.md b/ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid.md index dba09541e..3a1533077 100644 --- a/ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid.md +++ b/ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md b/ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md index d8980f7d0..31db57d7a 100644 --- a/ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md +++ b/ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/disclosure/examples/disclosure-navigation/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/feed/examples/feed.md b/ARIA/apg/patterns/feed/examples/feed.md index 4438586a9..e64ad7be2 100644 --- a/ARIA/apg/patterns/feed/examples/feed.md +++ b/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: 19 September 2023</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: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/grid/examples/advanced-data-grid.md b/ARIA/apg/patterns/grid/examples/advanced-data-grid.md index 070898601..7c9121909 100644 --- a/ARIA/apg/patterns/grid/examples/advanced-data-grid.md +++ b/ARIA/apg/patterns/grid/examples/advanced-data-grid.md @@ -12,7 +12,7 @@ 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: 19 September 2023</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: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/grid/examples/data-grids.md b/ARIA/apg/patterns/grid/examples/data-grids.md index 49fe077e0..414b10596 100644 --- a/ARIA/apg/patterns/grid/examples/data-grids.md +++ b/ARIA/apg/patterns/grid/examples/data-grids.md @@ -12,7 +12,7 @@ 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: 19 September 2023</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: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/grid/examples/layout-grids.md b/ARIA/apg/patterns/grid/examples/layout-grids.md index ef090e649..cd44ff7cf 100644 --- a/ARIA/apg/patterns/grid/examples/layout-grids.md +++ b/ARIA/apg/patterns/grid/examples/layout-grids.md @@ -12,7 +12,7 @@ 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: 19 September 2023</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: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/link/examples/link.md b/ARIA/apg/patterns/link/examples/link.md index 9a23545f5..e6ea8f4d0 100644 --- a/ARIA/apg/patterns/link/examples/link.md +++ b/ARIA/apg/patterns/link/examples/link.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/link/examples/link/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/21'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/21'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/listbox/examples/listbox-collapsible.md b/ARIA/apg/patterns/listbox/examples/listbox-collapsible.md index 3bff123c2..aa347bfef 100644 --- a/ARIA/apg/patterns/listbox/examples/listbox-collapsible.md +++ b/ARIA/apg/patterns/listbox/examples/listbox-collapsible.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/listbox/examples/listbox-collapsible/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/listbox/examples/listbox-grouped.md b/ARIA/apg/patterns/listbox/examples/listbox-grouped.md index 7efc47c73..5d75bf1cb 100644 --- a/ARIA/apg/patterns/listbox/examples/listbox-grouped.md +++ b/ARIA/apg/patterns/listbox/examples/listbox-grouped.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/listbox/examples/listbox-grouped/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/listbox/examples/listbox-rearrangeable.md b/ARIA/apg/patterns/listbox/examples/listbox-rearrangeable.md index 89a3e6500..34d136a83 100644 --- a/ARIA/apg/patterns/listbox/examples/listbox-rearrangeable.md +++ b/ARIA/apg/patterns/listbox/examples/listbox-rearrangeable.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/listbox/examples/listbox-rearrangeable/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/listbox/examples/listbox-scrollable.md b/ARIA/apg/patterns/listbox/examples/listbox-scrollable.md index d1d72af52..1f00cc6d6 100644 --- a/ARIA/apg/patterns/listbox/examples/listbox-scrollable.md +++ b/ARIA/apg/patterns/listbox/examples/listbox-scrollable.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/listbox/examples/listbox-scrollable/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/menu-button/examples/menu-button-actions-active-descendant.md b/ARIA/apg/patterns/menu-button/examples/menu-button-actions-active-descendant.md index c452849f3..0b7ffd04e 100644 --- a/ARIA/apg/patterns/menu-button/examples/menu-button-actions-active-descendant.md +++ b/ARIA/apg/patterns/menu-button/examples/menu-button-actions-active-descendant.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/menu-button/examples/menu-button-actions-active-de sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG @@ -148,7 +148,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); To support operating system high contrast settings: <ul> <li> - 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 an other elements. + 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 1 to 3 pixels and padding is reduced by 2 pixels. When an element loses focus, its border changes from 3 pixels to 1 and padding is increased by 2 pixels. diff --git a/ARIA/apg/patterns/menu-button/examples/menu-button-actions.md b/ARIA/apg/patterns/menu-button/examples/menu-button-actions.md index 5d3ac9c33..6f74e1627 100644 --- a/ARIA/apg/patterns/menu-button/examples/menu-button-actions.md +++ b/ARIA/apg/patterns/menu-button/examples/menu-button-actions.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/menu-button/examples/menu-button-actions/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG @@ -149,7 +149,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); To support operating system high contrast settings: <ul> <li> - 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 an other elements. + 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 1 to 3 pixels and padding is reduced by 2 pixels. When an element loses focus, its border changes from 3 pixels to 1 and padding is increased by 2 pixels. diff --git a/ARIA/apg/patterns/menu-button/examples/menu-button-links.md b/ARIA/apg/patterns/menu-button/examples/menu-button-links.md index a6fae3ad2..e936372df 100644 --- a/ARIA/apg/patterns/menu-button/examples/menu-button-links.md +++ b/ARIA/apg/patterns/menu-button/examples/menu-button-links.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/menu-button/examples/menu-button-links/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG @@ -165,7 +165,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); To support operating system high contrast settings: <ul> <li> - 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 an other elements. + 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 1 to 3 pixels and padding is reduced by 2 pixels. When an element loses focus, its border changes from 3 pixels to 1 and padding is increased by 2 pixels. diff --git a/ARIA/apg/patterns/menubar/examples/menubar-editor.md b/ARIA/apg/patterns/menubar/examples/menubar-editor.md index 8a83f2380..cab0c3df7 100644 --- a/ARIA/apg/patterns/menubar/examples/menubar-editor.md +++ b/ARIA/apg/patterns/menubar/examples/menubar-editor.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/menubar/examples/menubar-editor/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/menubar/examples/menubar-navigation.md b/ARIA/apg/patterns/menubar/examples/menubar-navigation.md index 0d58e9cb1..53831d52b 100644 --- a/ARIA/apg/patterns/menubar/examples/menubar-navigation.md +++ b/ARIA/apg/patterns/menubar/examples/menubar-navigation.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/menubar/examples/menubar-navigation/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG @@ -323,7 +323,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); To support operating system high contrast settings: <ul> <li> - 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 an other elements. + 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 0 to 2 pixels and padding is reduced by 2 pixels. When an element loses focus, its border changes from 2 to 0 pixels and padding is increased by 2 pixels. diff --git a/ARIA/apg/patterns/meter/examples/meter.md b/ARIA/apg/patterns/meter/examples/meter.md index 3edbf3432..2d85ecbdf 100644 --- a/ARIA/apg/patterns/meter/examples/meter.md +++ b/ARIA/apg/patterns/meter/examples/meter.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/meter/examples/meter/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/30'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/30'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/radio/examples/radio-activedescendant.md b/ARIA/apg/patterns/radio/examples/radio-activedescendant.md index 22bd59015..7e99c5303 100644 --- a/ARIA/apg/patterns/radio/examples/radio-activedescendant.md +++ b/ARIA/apg/patterns/radio/examples/radio-activedescendant.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/radio/examples/radio-activedescendant/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/radio/examples/radio-rating.md b/ARIA/apg/patterns/radio/examples/radio-rating.md index 1617c9763..3b58c1a5c 100644 --- a/ARIA/apg/patterns/radio/examples/radio-rating.md +++ b/ARIA/apg/patterns/radio/examples/radio-rating.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/radio/examples/radio-rating/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/radio/examples/radio.md b/ARIA/apg/patterns/radio/examples/radio.md index 688e4d750..f49705c42 100644 --- a/ARIA/apg/patterns/radio/examples/radio.md +++ b/ARIA/apg/patterns/radio/examples/radio.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/radio/examples/radio/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb.md b/ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb.md index 443e0c936..ab08513c6 100644 --- a/ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb.md +++ b/ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/slider/examples/slider-color-viewer.md b/ARIA/apg/patterns/slider/examples/slider-color-viewer.md index d060aa8e1..0e92af958 100644 --- a/ARIA/apg/patterns/slider/examples/slider-color-viewer.md +++ b/ARIA/apg/patterns/slider/examples/slider-color-viewer.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/slider/examples/slider-color-viewer/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/slider/examples/slider-rating.md b/ARIA/apg/patterns/slider/examples/slider-rating.md index d7c623e41..da12bfe32 100644 --- a/ARIA/apg/patterns/slider/examples/slider-rating.md +++ b/ARIA/apg/patterns/slider/examples/slider-rating.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/slider/examples/slider-rating/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/slider/examples/slider-seek.md b/ARIA/apg/patterns/slider/examples/slider-seek.md index 7c0965b7e..2c672bd05 100644 --- a/ARIA/apg/patterns/slider/examples/slider-seek.md +++ b/ARIA/apg/patterns/slider/examples/slider-seek.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/slider/examples/slider-seek/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/slider/examples/slider-temperature.md b/ARIA/apg/patterns/slider/examples/slider-temperature.md index e533e2bf6..75049dedd 100644 --- a/ARIA/apg/patterns/slider/examples/slider-temperature.md +++ b/ARIA/apg/patterns/slider/examples/slider-temperature.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/slider/examples/slider-temperature/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons.md b/ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons.md index 116806810..fbcac31f9 100644 --- a/ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons.md +++ b/ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/switch/examples/switch-button.md b/ARIA/apg/patterns/switch/examples/switch-button.md index 151b490bb..b3ccf3edd 100644 --- a/ARIA/apg/patterns/switch/examples/switch-button.md +++ b/ARIA/apg/patterns/switch/examples/switch-button.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/switch/examples/switch-button/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/switch/examples/switch-checkbox.md b/ARIA/apg/patterns/switch/examples/switch-checkbox.md index db13f6b13..afc3b15d1 100644 --- a/ARIA/apg/patterns/switch/examples/switch-checkbox.md +++ b/ARIA/apg/patterns/switch/examples/switch-checkbox.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/switch/examples/switch-checkbox/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG @@ -168,7 +168,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); <li>To make it easier to perceive that clicking either the label or switch will activate the switch, the hover indicator is the same as the focus indicator.</li> <li>To help people with visual impairments identify the switch as an interactive element, the cursor is changed to a pointer when hovering over the switch.</li> <li> - 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 an other elements. + 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 zero and padding is increased by two pixels. diff --git a/ARIA/apg/patterns/switch/examples/switch.md b/ARIA/apg/patterns/switch/examples/switch.md index dd50d962d..4f0295c54 100644 --- a/ARIA/apg/patterns/switch/examples/switch.md +++ b/ARIA/apg/patterns/switch/examples/switch.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/switch/examples/switch/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG @@ -149,7 +149,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); <li>To make it easier to perceive that clicking either the label or switch will activate the switch, the hover indicator is the same as the focus indicator.</li> <li>To help people with visual impairments identify the switch as an interactive element, the cursor is changed to a pointer when hovering over the switch.</li> <li> - 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 an other elements. + 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. diff --git a/ARIA/apg/patterns/table/examples/sortable-table.md b/ARIA/apg/patterns/table/examples/sortable-table.md index e15e5cfa8..22dcb107c 100644 --- a/ARIA/apg/patterns/table/examples/sortable-table.md +++ b/ARIA/apg/patterns/table/examples/sortable-table.md @@ -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: 19 September 2023</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: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/table/examples/table.md b/ARIA/apg/patterns/table/examples/table.md index d3394f223..fedd6591b 100644 --- a/ARIA/apg/patterns/table/examples/table.md +++ b/ARIA/apg/patterns/table/examples/table.md @@ -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: 19 September 2023</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: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/tabs/examples/tabs-automatic.md b/ARIA/apg/patterns/tabs/examples/tabs-automatic.md index 4d75cc828..0a8c548a1 100644 --- a/ARIA/apg/patterns/tabs/examples/tabs-automatic.md +++ b/ARIA/apg/patterns/tabs/examples/tabs-automatic.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/tabs/examples/tabs-automatic/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/11'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/11'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/tabs/examples/tabs-manual.md b/ARIA/apg/patterns/tabs/examples/tabs-manual.md index 6221eb5c7..23d9132a4 100644 --- a/ARIA/apg/patterns/tabs/examples/tabs-manual.md +++ b/ARIA/apg/patterns/tabs/examples/tabs-manual.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/tabs/examples/tabs-manual/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/11'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/11'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/toolbar/examples/toolbar.md b/ARIA/apg/patterns/toolbar/examples/toolbar.md index c4c1c8912..185c4a8de 100644 --- a/ARIA/apg/patterns/toolbar/examples/toolbar.md +++ b/ARIA/apg/patterns/toolbar/examples/toolbar.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/toolbar/examples/toolbar/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/18'>View issues related to this example</a></p> <p>Page last updated: 19 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/18'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/treegrid/examples/treegrid-1.md b/ARIA/apg/patterns/treegrid/examples/treegrid-1.md index b4af27088..7b754d9ef 100644 --- a/ARIA/apg/patterns/treegrid/examples/treegrid-1.md +++ b/ARIA/apg/patterns/treegrid/examples/treegrid-1.md @@ -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: 19 September 2023</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: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/treeview/examples/treeview-1a.md b/ARIA/apg/patterns/treeview/examples/treeview-1a.md index 79cbc7c0e..4a5e828d0 100644 --- a/ARIA/apg/patterns/treeview/examples/treeview-1a.md +++ b/ARIA/apg/patterns/treeview/examples/treeview-1a.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/treeview/examples/treeview-1a/ 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: 19 September 2023</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: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/treeview/examples/treeview-1b.md b/ARIA/apg/patterns/treeview/examples/treeview-1b.md index ac7ee350e..d03fb695f 100644 --- a/ARIA/apg/patterns/treeview/examples/treeview-1b.md +++ b/ARIA/apg/patterns/treeview/examples/treeview-1b.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/treeview/examples/treeview-1b/ 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: 19 September 2023</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: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/treeview/examples/treeview-navigation.md b/ARIA/apg/patterns/treeview/examples/treeview-navigation.md index b741b2ebb..0376cbf2b 100644 --- a/ARIA/apg/patterns/treeview/examples/treeview-navigation.md +++ b/ARIA/apg/patterns/treeview/examples/treeview-navigation.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/treeview/examples/treeview-navigation/ 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: 19 September 2023</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: 20 September 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/_external/aria-practices b/_external/aria-practices index 1f2e4620b..a92b38091 160000 --- a/_external/aria-practices +++ b/_external/aria-practices @@ -1 +1 @@ -Subproject commit 1f2e4620b8495bc076c695f4a8f23c56f785b5ae +Subproject commit a92b380910cc88e8889bd2422e560b2ae3f15410 From 7896afd62c6afde8de3afbe1d0eb92d4e4b50166 Mon Sep 17 00:00:00 2001 From: michael-n-cooper-bot <michael-n-cooper-bot@users.noreply.github.com> Date: Wed, 20 Sep 2023 05:51:13 +0000 Subject: [PATCH 08/11] Commit changes --- .../practices/keyboard-interface/keyboard-interface-practice.md | 2 +- _external/aria-practices | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/ARIA/apg/practices/keyboard-interface/keyboard-interface-practice.md b/ARIA/apg/practices/keyboard-interface/keyboard-interface-practice.md index 075dd6567..3aafd6f06 100644 --- a/ARIA/apg/practices/keyboard-interface/keyboard-interface-practice.md +++ b/ARIA/apg/practices/keyboard-interface/keyboard-interface-practice.md @@ -524,7 +524,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); <tr> <th scope="row">Redo action</th> <td><kbd>Control + Y</kbd></td> - <td>Command + Shift + Z</td> + <td><kbd>Command + Shift + Z</kbd></td> </tr> </tbody> </table></div> diff --git a/_external/aria-practices b/_external/aria-practices index a92b38091..7b0b4d399 160000 --- a/_external/aria-practices +++ b/_external/aria-practices @@ -1 +1 @@ -Subproject commit a92b380910cc88e8889bd2422e560b2ae3f15410 +Subproject commit 7b0b4d39986424deb062b3e3487c233b9da797e8 From 9051b4fe60aeab23ff7ed5cb77fd3719f21c0e21 Mon Sep 17 00:00:00 2001 From: Mike Pennisi <mike@mikepennisi.com> Date: Tue, 26 Sep 2023 22:20:23 -0400 Subject: [PATCH 09/11] Rewrite iframe source attributes in APG A forthcoming change to APG will add a relative-source `<iframe>` element to the APG's "Feed" example page [1]. Update the build script to transform this value using the mechanism established for other types of resources. [1] https://github.com/w3c/aria-practices/pull/2775 --- scripts/pre-build/library/rewriteElementPaths.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/scripts/pre-build/library/rewriteElementPaths.js b/scripts/pre-build/library/rewriteElementPaths.js index 33a08b528..b04178804 100644 --- a/scripts/pre-build/library/rewriteElementPaths.js +++ b/scripts/pre-build/library/rewriteElementPaths.js @@ -10,8 +10,9 @@ const rewriteElementPaths = async (html, { onSourcePath }) => { const linkTags = html.querySelectorAll("link[href]"); const scriptTags = html.querySelectorAll("script[src]"); const imgTags = html.querySelectorAll("img[src]"); + const iframeTags = html.querySelectorAll("iframe[src]"); - [...aTags, ...linkTags, ...scriptTags, ...imgTags].forEach((element) => { + [...aTags, ...linkTags, ...scriptTags, ...imgTags, ...iframeTags].forEach((element) => { fixSpecLink(element); const href = element.getAttribute("href"); From 2c30aeaa6304a6812fc08983e5b73e9b31d41330 Mon Sep 17 00:00:00 2001 From: michael-n-cooper-bot <michael-n-cooper-bot@users.noreply.github.com> Date: Mon, 2 Oct 2023 16:36:20 +0000 Subject: [PATCH 10/11] Commit changes --- ARIA/apg/patterns/accordion/examples/accordion.md | 2 +- ARIA/apg/patterns/alert/examples/alert.md | 2 +- ARIA/apg/patterns/alertdialog/examples/alertdialog.md | 2 +- ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md | 2 +- ARIA/apg/patterns/button/examples/button.md | 2 +- ARIA/apg/patterns/button/examples/button_idl.md | 2 +- ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md | 2 +- ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md | 2 +- ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md | 2 +- ARIA/apg/patterns/checkbox/examples/checkbox.md | 2 +- .../patterns/combobox/examples/combobox-autocomplete-both.md | 2 +- .../patterns/combobox/examples/combobox-autocomplete-list.md | 2 +- .../patterns/combobox/examples/combobox-autocomplete-none.md | 2 +- ARIA/apg/patterns/combobox/examples/combobox-datepicker.md | 2 +- ARIA/apg/patterns/combobox/examples/combobox-select-only.md | 2 +- ARIA/apg/patterns/combobox/examples/grid-combo.md | 2 +- ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md | 2 +- ARIA/apg/patterns/dialog-modal/examples/dialog.md | 2 +- ARIA/apg/patterns/disclosure/examples/disclosure-faq.md | 2 +- .../disclosure/examples/disclosure-image-description.md | 2 +- .../disclosure/examples/disclosure-navigation-hybrid.md | 2 +- .../apg/patterns/disclosure/examples/disclosure-navigation.md | 2 +- ARIA/apg/patterns/feed/examples/feed.md | 2 +- ARIA/apg/patterns/grid/examples/advanced-data-grid.md | 2 +- ARIA/apg/patterns/grid/examples/data-grids.md | 2 +- ARIA/apg/patterns/grid/examples/layout-grids.md | 2 +- ARIA/apg/patterns/link/examples/link.md | 2 +- ARIA/apg/patterns/listbox/examples/listbox-collapsible.md | 2 +- ARIA/apg/patterns/listbox/examples/listbox-grouped.md | 2 +- ARIA/apg/patterns/listbox/examples/listbox-rearrangeable.md | 2 +- ARIA/apg/patterns/listbox/examples/listbox-scrollable.md | 2 +- .../examples/menu-button-actions-active-descendant.md | 2 +- ARIA/apg/patterns/menu-button/examples/menu-button-actions.md | 2 +- ARIA/apg/patterns/menu-button/examples/menu-button-links.md | 2 +- ARIA/apg/patterns/menubar/examples/menubar-editor.md | 2 +- ARIA/apg/patterns/menubar/examples/menubar-navigation.md | 2 +- ARIA/apg/patterns/meter/examples/meter.md | 2 +- ARIA/apg/patterns/radio/examples/radio-activedescendant.md | 2 +- ARIA/apg/patterns/radio/examples/radio-rating.md | 2 +- ARIA/apg/patterns/radio/examples/radio.md | 2 +- .../patterns/slider-multithumb/examples/slider-multithumb.md | 2 +- ARIA/apg/patterns/slider/examples/slider-color-viewer.md | 2 +- ARIA/apg/patterns/slider/examples/slider-rating.md | 2 +- ARIA/apg/patterns/slider/examples/slider-seek.md | 2 +- ARIA/apg/patterns/slider/examples/slider-temperature.md | 2 +- .../patterns/spinbutton/examples/datepicker-spinbuttons.md | 2 +- ARIA/apg/patterns/switch/examples/switch-button.md | 2 +- ARIA/apg/patterns/switch/examples/switch-checkbox.md | 2 +- ARIA/apg/patterns/switch/examples/switch.md | 2 +- ARIA/apg/patterns/table/examples/sortable-table.md | 2 +- ARIA/apg/patterns/table/examples/table.md | 2 +- ARIA/apg/patterns/tabs/examples/tabs-automatic.md | 2 +- ARIA/apg/patterns/tabs/examples/tabs-manual.md | 2 +- ARIA/apg/patterns/toolbar/examples/toolbar.md | 2 +- ARIA/apg/patterns/treegrid/examples/treegrid-1.md | 2 +- ARIA/apg/patterns/treeview/examples/treeview-1a.md | 2 +- ARIA/apg/patterns/treeview/examples/treeview-1b.md | 2 +- ARIA/apg/patterns/treeview/examples/treeview-navigation.md | 2 +- _external/aria-practices | 2 +- .../patterns/combobox/examples/css/combobox-autocomplete.css | 4 ++-- .../patterns/combobox/examples/css/grid-combo.css | 2 +- 61 files changed, 62 insertions(+), 62 deletions(-) diff --git a/ARIA/apg/patterns/accordion/examples/accordion.md b/ARIA/apg/patterns/accordion/examples/accordion.md index 7515ec864..beb4e6d37 100644 --- a/ARIA/apg/patterns/accordion/examples/accordion.md +++ b/ARIA/apg/patterns/accordion/examples/accordion.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/accordion/examples/accordion/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/8'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/8'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/alert/examples/alert.md b/ARIA/apg/patterns/alert/examples/alert.md index ba6da8a4b..d2e78d523 100644 --- a/ARIA/apg/patterns/alert/examples/alert.md +++ b/ARIA/apg/patterns/alert/examples/alert.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/alert/examples/alert/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/20'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/20'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/alertdialog/examples/alertdialog.md b/ARIA/apg/patterns/alertdialog/examples/alertdialog.md index 86a747912..a69b9ebf8 100644 --- a/ARIA/apg/patterns/alertdialog/examples/alertdialog.md +++ b/ARIA/apg/patterns/alertdialog/examples/alertdialog.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/alertdialog/examples/alertdialog/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/20'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/20'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md b/ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md index e1497a319..c99aeb3a9 100644 --- a/ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md +++ b/ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/breadcrumb/examples/breadcrumb/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/21'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/21'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/button/examples/button.md b/ARIA/apg/patterns/button/examples/button.md index c3cd04604..7ad3a0ff9 100644 --- a/ARIA/apg/patterns/button/examples/button.md +++ b/ARIA/apg/patterns/button/examples/button.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/button/examples/button/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/button/examples/button_idl.md b/ARIA/apg/patterns/button/examples/button_idl.md index 7e37724e0..490736efc 100644 --- a/ARIA/apg/patterns/button/examples/button_idl.md +++ b/ARIA/apg/patterns/button/examples/button_idl.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/button/examples/button_idl/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md b/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md index 653696c39..27c883a51 100644 --- a/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md +++ b/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/carousel/examples/carousel-1-prev-next/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/10'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/10'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md b/ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md index 51b082014..7dffc906d 100644 --- a/ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md +++ b/ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/carousel/examples/carousel-2-tablist/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/10'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/10'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md b/ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md index 2b91b3052..217051e7e 100644 --- a/ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md +++ b/ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/checkbox/examples/checkbox-mixed/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/9'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/9'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/checkbox/examples/checkbox.md b/ARIA/apg/patterns/checkbox/examples/checkbox.md index 2ab712e98..f9682aff1 100644 --- a/ARIA/apg/patterns/checkbox/examples/checkbox.md +++ b/ARIA/apg/patterns/checkbox/examples/checkbox.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/checkbox/examples/checkbox/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/9'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/9'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both.md b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both.md index ed70bedd2..6b763323f 100644 --- a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both.md +++ b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both/ 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: 20 September 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: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list.md b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list.md index 98d5434a3..c0872733f 100644 --- a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list.md +++ b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list.md @@ -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/w3c/aria-practices/projects/7'>View issues related to this example</a></p> <p>Page last updated: 20 September 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: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none.md b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none.md index 6754a5bad..47409e19d 100644 --- a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none.md +++ b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none/ 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: 20 September 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: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/combobox/examples/combobox-datepicker.md b/ARIA/apg/patterns/combobox/examples/combobox-datepicker.md index 64ea33f2a..491116275 100644 --- a/ARIA/apg/patterns/combobox/examples/combobox-datepicker.md +++ b/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: 20 September 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: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/combobox/examples/combobox-select-only.md b/ARIA/apg/patterns/combobox/examples/combobox-select-only.md index 18a569bc8..f3213e345 100644 --- a/ARIA/apg/patterns/combobox/examples/combobox-select-only.md +++ b/ARIA/apg/patterns/combobox/examples/combobox-select-only.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/combobox/examples/combobox-select-only/ 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: 20 September 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: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/combobox/examples/grid-combo.md b/ARIA/apg/patterns/combobox/examples/grid-combo.md index adba6e610..7e6377520 100644 --- a/ARIA/apg/patterns/combobox/examples/grid-combo.md +++ b/ARIA/apg/patterns/combobox/examples/grid-combo.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/combobox/examples/grid-combo/ 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: 20 September 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: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md b/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md index eb378818e..7c38f70f9 100644 --- a/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md +++ b/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/27'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/27'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/dialog-modal/examples/dialog.md b/ARIA/apg/patterns/dialog-modal/examples/dialog.md index 6f4a9aef9..aee446fcc 100644 --- a/ARIA/apg/patterns/dialog-modal/examples/dialog.md +++ b/ARIA/apg/patterns/dialog-modal/examples/dialog.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/dialog-modal/examples/dialog/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/6'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/6'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/disclosure/examples/disclosure-faq.md b/ARIA/apg/patterns/disclosure/examples/disclosure-faq.md index 95d78fc34..5f201761d 100644 --- a/ARIA/apg/patterns/disclosure/examples/disclosure-faq.md +++ b/ARIA/apg/patterns/disclosure/examples/disclosure-faq.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/disclosure/examples/disclosure-faq/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/disclosure/examples/disclosure-image-description.md b/ARIA/apg/patterns/disclosure/examples/disclosure-image-description.md index e53721b8e..fee070ceb 100644 --- a/ARIA/apg/patterns/disclosure/examples/disclosure-image-description.md +++ b/ARIA/apg/patterns/disclosure/examples/disclosure-image-description.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/disclosure/examples/disclosure-image-description/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid.md b/ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid.md index 3a1533077..41ce85325 100644 --- a/ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid.md +++ b/ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md b/ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md index 31db57d7a..64283cbc7 100644 --- a/ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md +++ b/ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/disclosure/examples/disclosure-navigation/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/feed/examples/feed.md b/ARIA/apg/patterns/feed/examples/feed.md index e64ad7be2..82a8776d1 100644 --- a/ARIA/apg/patterns/feed/examples/feed.md +++ b/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: 20 September 2023</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: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/grid/examples/advanced-data-grid.md b/ARIA/apg/patterns/grid/examples/advanced-data-grid.md index 7c9121909..6b282ddaf 100644 --- a/ARIA/apg/patterns/grid/examples/advanced-data-grid.md +++ b/ARIA/apg/patterns/grid/examples/advanced-data-grid.md @@ -12,7 +12,7 @@ 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: 20 September 2023</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: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/grid/examples/data-grids.md b/ARIA/apg/patterns/grid/examples/data-grids.md index 414b10596..3dc9a8ab9 100644 --- a/ARIA/apg/patterns/grid/examples/data-grids.md +++ b/ARIA/apg/patterns/grid/examples/data-grids.md @@ -12,7 +12,7 @@ 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: 20 September 2023</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: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/grid/examples/layout-grids.md b/ARIA/apg/patterns/grid/examples/layout-grids.md index cd44ff7cf..94bbbc738 100644 --- a/ARIA/apg/patterns/grid/examples/layout-grids.md +++ b/ARIA/apg/patterns/grid/examples/layout-grids.md @@ -12,7 +12,7 @@ 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: 20 September 2023</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: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/link/examples/link.md b/ARIA/apg/patterns/link/examples/link.md index e6ea8f4d0..5a55c20a1 100644 --- a/ARIA/apg/patterns/link/examples/link.md +++ b/ARIA/apg/patterns/link/examples/link.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/link/examples/link/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/21'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/21'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/listbox/examples/listbox-collapsible.md b/ARIA/apg/patterns/listbox/examples/listbox-collapsible.md index aa347bfef..1df9cb988 100644 --- a/ARIA/apg/patterns/listbox/examples/listbox-collapsible.md +++ b/ARIA/apg/patterns/listbox/examples/listbox-collapsible.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/listbox/examples/listbox-collapsible/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/listbox/examples/listbox-grouped.md b/ARIA/apg/patterns/listbox/examples/listbox-grouped.md index 5d75bf1cb..41e0e5c17 100644 --- a/ARIA/apg/patterns/listbox/examples/listbox-grouped.md +++ b/ARIA/apg/patterns/listbox/examples/listbox-grouped.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/listbox/examples/listbox-grouped/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/listbox/examples/listbox-rearrangeable.md b/ARIA/apg/patterns/listbox/examples/listbox-rearrangeable.md index 34d136a83..c219ca4f0 100644 --- a/ARIA/apg/patterns/listbox/examples/listbox-rearrangeable.md +++ b/ARIA/apg/patterns/listbox/examples/listbox-rearrangeable.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/listbox/examples/listbox-rearrangeable/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/listbox/examples/listbox-scrollable.md b/ARIA/apg/patterns/listbox/examples/listbox-scrollable.md index 1f00cc6d6..4890e5c9f 100644 --- a/ARIA/apg/patterns/listbox/examples/listbox-scrollable.md +++ b/ARIA/apg/patterns/listbox/examples/listbox-scrollable.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/listbox/examples/listbox-scrollable/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/menu-button/examples/menu-button-actions-active-descendant.md b/ARIA/apg/patterns/menu-button/examples/menu-button-actions-active-descendant.md index 0b7ffd04e..91331573a 100644 --- a/ARIA/apg/patterns/menu-button/examples/menu-button-actions-active-descendant.md +++ b/ARIA/apg/patterns/menu-button/examples/menu-button-actions-active-descendant.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/menu-button/examples/menu-button-actions-active-de sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/menu-button/examples/menu-button-actions.md b/ARIA/apg/patterns/menu-button/examples/menu-button-actions.md index 6f74e1627..efc2bd7b0 100644 --- a/ARIA/apg/patterns/menu-button/examples/menu-button-actions.md +++ b/ARIA/apg/patterns/menu-button/examples/menu-button-actions.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/menu-button/examples/menu-button-actions/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/menu-button/examples/menu-button-links.md b/ARIA/apg/patterns/menu-button/examples/menu-button-links.md index e936372df..d926553f2 100644 --- a/ARIA/apg/patterns/menu-button/examples/menu-button-links.md +++ b/ARIA/apg/patterns/menu-button/examples/menu-button-links.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/menu-button/examples/menu-button-links/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/menubar/examples/menubar-editor.md b/ARIA/apg/patterns/menubar/examples/menubar-editor.md index cab0c3df7..6c16eaec5 100644 --- a/ARIA/apg/patterns/menubar/examples/menubar-editor.md +++ b/ARIA/apg/patterns/menubar/examples/menubar-editor.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/menubar/examples/menubar-editor/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/menubar/examples/menubar-navigation.md b/ARIA/apg/patterns/menubar/examples/menubar-navigation.md index 53831d52b..60084d2e3 100644 --- a/ARIA/apg/patterns/menubar/examples/menubar-navigation.md +++ b/ARIA/apg/patterns/menubar/examples/menubar-navigation.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/menubar/examples/menubar-navigation/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/meter/examples/meter.md b/ARIA/apg/patterns/meter/examples/meter.md index 2d85ecbdf..aabc8a12f 100644 --- a/ARIA/apg/patterns/meter/examples/meter.md +++ b/ARIA/apg/patterns/meter/examples/meter.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/meter/examples/meter/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/30'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/30'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/radio/examples/radio-activedescendant.md b/ARIA/apg/patterns/radio/examples/radio-activedescendant.md index 7e99c5303..7db074684 100644 --- a/ARIA/apg/patterns/radio/examples/radio-activedescendant.md +++ b/ARIA/apg/patterns/radio/examples/radio-activedescendant.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/radio/examples/radio-activedescendant/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/radio/examples/radio-rating.md b/ARIA/apg/patterns/radio/examples/radio-rating.md index 3b58c1a5c..fbdbb6401 100644 --- a/ARIA/apg/patterns/radio/examples/radio-rating.md +++ b/ARIA/apg/patterns/radio/examples/radio-rating.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/radio/examples/radio-rating/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/radio/examples/radio.md b/ARIA/apg/patterns/radio/examples/radio.md index f49705c42..490ee72ff 100644 --- a/ARIA/apg/patterns/radio/examples/radio.md +++ b/ARIA/apg/patterns/radio/examples/radio.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/radio/examples/radio/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb.md b/ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb.md index ab08513c6..de36a5482 100644 --- a/ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb.md +++ b/ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/slider/examples/slider-color-viewer.md b/ARIA/apg/patterns/slider/examples/slider-color-viewer.md index 0e92af958..86604f6a9 100644 --- a/ARIA/apg/patterns/slider/examples/slider-color-viewer.md +++ b/ARIA/apg/patterns/slider/examples/slider-color-viewer.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/slider/examples/slider-color-viewer/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/slider/examples/slider-rating.md b/ARIA/apg/patterns/slider/examples/slider-rating.md index da12bfe32..a9cfa7fc4 100644 --- a/ARIA/apg/patterns/slider/examples/slider-rating.md +++ b/ARIA/apg/patterns/slider/examples/slider-rating.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/slider/examples/slider-rating/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/slider/examples/slider-seek.md b/ARIA/apg/patterns/slider/examples/slider-seek.md index 2c672bd05..3adb552a5 100644 --- a/ARIA/apg/patterns/slider/examples/slider-seek.md +++ b/ARIA/apg/patterns/slider/examples/slider-seek.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/slider/examples/slider-seek/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/slider/examples/slider-temperature.md b/ARIA/apg/patterns/slider/examples/slider-temperature.md index 75049dedd..47126250b 100644 --- a/ARIA/apg/patterns/slider/examples/slider-temperature.md +++ b/ARIA/apg/patterns/slider/examples/slider-temperature.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/slider/examples/slider-temperature/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons.md b/ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons.md index fbcac31f9..a96857dd3 100644 --- a/ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons.md +++ b/ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/switch/examples/switch-button.md b/ARIA/apg/patterns/switch/examples/switch-button.md index b3ccf3edd..9adbd68b9 100644 --- a/ARIA/apg/patterns/switch/examples/switch-button.md +++ b/ARIA/apg/patterns/switch/examples/switch-button.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/switch/examples/switch-button/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/switch/examples/switch-checkbox.md b/ARIA/apg/patterns/switch/examples/switch-checkbox.md index afc3b15d1..66539b97e 100644 --- a/ARIA/apg/patterns/switch/examples/switch-checkbox.md +++ b/ARIA/apg/patterns/switch/examples/switch-checkbox.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/switch/examples/switch-checkbox/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/switch/examples/switch.md b/ARIA/apg/patterns/switch/examples/switch.md index 4f0295c54..2ba338b1e 100644 --- a/ARIA/apg/patterns/switch/examples/switch.md +++ b/ARIA/apg/patterns/switch/examples/switch.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/switch/examples/switch/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/table/examples/sortable-table.md b/ARIA/apg/patterns/table/examples/sortable-table.md index 22dcb107c..8d9439509 100644 --- a/ARIA/apg/patterns/table/examples/sortable-table.md +++ b/ARIA/apg/patterns/table/examples/sortable-table.md @@ -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: 20 September 2023</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: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/table/examples/table.md b/ARIA/apg/patterns/table/examples/table.md index fedd6591b..845291ee2 100644 --- a/ARIA/apg/patterns/table/examples/table.md +++ b/ARIA/apg/patterns/table/examples/table.md @@ -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: 20 September 2023</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: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/tabs/examples/tabs-automatic.md b/ARIA/apg/patterns/tabs/examples/tabs-automatic.md index 0a8c548a1..93dbeb76e 100644 --- a/ARIA/apg/patterns/tabs/examples/tabs-automatic.md +++ b/ARIA/apg/patterns/tabs/examples/tabs-automatic.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/tabs/examples/tabs-automatic/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/11'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/11'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/tabs/examples/tabs-manual.md b/ARIA/apg/patterns/tabs/examples/tabs-manual.md index 23d9132a4..a0bfe3e7e 100644 --- a/ARIA/apg/patterns/tabs/examples/tabs-manual.md +++ b/ARIA/apg/patterns/tabs/examples/tabs-manual.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/tabs/examples/tabs-manual/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/11'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/11'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/toolbar/examples/toolbar.md b/ARIA/apg/patterns/toolbar/examples/toolbar.md index 185c4a8de..c0f716546 100644 --- a/ARIA/apg/patterns/toolbar/examples/toolbar.md +++ b/ARIA/apg/patterns/toolbar/examples/toolbar.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/toolbar/examples/toolbar/ sidebar: true -footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/18'>View issues related to this example</a></p> <p>Page last updated: 20 September 2023</p> </div> " +footer: " <div class='example-page-footer'> <p><a href='https://github.com/w3c/aria-practices/projects/18'>View issues related to this example</a></p> <p>Page last updated: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/treegrid/examples/treegrid-1.md b/ARIA/apg/patterns/treegrid/examples/treegrid-1.md index 7b754d9ef..f901e0979 100644 --- a/ARIA/apg/patterns/treegrid/examples/treegrid-1.md +++ b/ARIA/apg/patterns/treegrid/examples/treegrid-1.md @@ -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: 20 September 2023</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: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/treeview/examples/treeview-1a.md b/ARIA/apg/patterns/treeview/examples/treeview-1a.md index 4a5e828d0..ce2334664 100644 --- a/ARIA/apg/patterns/treeview/examples/treeview-1a.md +++ b/ARIA/apg/patterns/treeview/examples/treeview-1a.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/treeview/examples/treeview-1a/ 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: 20 September 2023</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: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/treeview/examples/treeview-1b.md b/ARIA/apg/patterns/treeview/examples/treeview-1b.md index d03fb695f..f94cf4475 100644 --- a/ARIA/apg/patterns/treeview/examples/treeview-1b.md +++ b/ARIA/apg/patterns/treeview/examples/treeview-1b.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/treeview/examples/treeview-1b/ 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: 20 September 2023</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: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/treeview/examples/treeview-navigation.md b/ARIA/apg/patterns/treeview/examples/treeview-navigation.md index 0376cbf2b..e9672c598 100644 --- a/ARIA/apg/patterns/treeview/examples/treeview-navigation.md +++ b/ARIA/apg/patterns/treeview/examples/treeview-navigation.md @@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/treeview/examples/treeview-navigation/ 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: 20 September 2023</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: 2 October 2023</p> </div> " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/_external/aria-practices b/_external/aria-practices index 7b0b4d399..2b619c14b 160000 --- a/_external/aria-practices +++ b/_external/aria-practices @@ -1 +1 @@ -Subproject commit 7b0b4d39986424deb062b3e3487c233b9da797e8 +Subproject commit 2b619c14b45ef0a566e91219bb3eef195b62b776 diff --git a/content-assets/wai-aria-practices/patterns/combobox/examples/css/combobox-autocomplete.css b/content-assets/wai-aria-practices/patterns/combobox/examples/css/combobox-autocomplete.css index 72f0f113d..cef393bd3 100644 --- a/content-assets/wai-aria-practices/patterns/combobox/examples/css/combobox-autocomplete.css +++ b/content-assets/wai-aria-practices/patterns/combobox/examples/css/combobox-autocomplete.css @@ -13,7 +13,7 @@ background-color: white; color: black; box-sizing: border-box; - height: 24px; + height: 30px; padding: 0; margin: 0; vertical-align: bottom; @@ -46,7 +46,7 @@ ul[role="listbox"] { padding: 0; position: absolute; left: 4px; - top: 28px; + top: 34px; list-style: none; background-color: white; display: none; diff --git a/content-assets/wai-aria-practices/patterns/combobox/examples/css/grid-combo.css b/content-assets/wai-aria-practices/patterns/combobox/examples/css/grid-combo.css index 5484f8f7b..8c86a4f3b 100644 --- a/content-assets/wai-aria-practices/patterns/combobox/examples/css/grid-combo.css +++ b/content-assets/wai-aria-practices/patterns/combobox/examples/css/grid-combo.css @@ -23,7 +23,7 @@ margin: 0; padding: 0; position: absolute; - top: 1.7em; + top: auto; z-index: 1; } From 7594a764852d201202e60db7650a5fd2a2c1b9f8 Mon Sep 17 00:00:00 2001 From: michael-n-cooper-bot <michael-n-cooper-bot@users.noreply.github.com> Date: Mon, 2 Oct 2023 20:05:31 +0000 Subject: [PATCH 11/11] Commit changes --- ARIA/apg/about/about.md | 7 + ARIA/apg/about/contributing/contributing.md | 176 ++++++++++++++++++++ _external/aria-practices | 2 +- 3 files changed, 184 insertions(+), 1 deletion(-) create mode 100644 ARIA/apg/about/contributing/contributing.md diff --git a/ARIA/apg/about/about.md b/ARIA/apg/about/about.md index 669a2bce0..922059fae 100644 --- a/ARIA/apg/about/about.md +++ b/ARIA/apg/about/about.md @@ -67,6 +67,13 @@ lang: en <a href="aria-basics/">ARIA Basics</a>. </p> </li> + <li> + <h2><a href="contributing/">Contributing to the APG</a></h2> + <p> + The APG Task Force relies on broad community representation and participation to continuously improve the usefulness and quality of the APG. + <a href="contributing/">Learn how you can contribute and help promote development of accessible experiences</a>. + </p> + </li> <li> <h2><a href="acknowledgements/">Acknowledgements</a></h2> <p> diff --git a/ARIA/apg/about/contributing/contributing.md b/ARIA/apg/about/contributing/contributing.md new file mode 100644 index 000000000..274226480 --- /dev/null +++ b/ARIA/apg/about/contributing/contributing.md @@ -0,0 +1,176 @@ +--- +# This file was generated by scripts/pre-build/library/formatForJekyll.js +title: "Contributing to the APG" +ref: /ARIA/apg/about/contributing/ + +github: + repository: w3c/aria-practices + branch: main + path: content/about/contributing/contributing.html +feedbackmail: public-aria-practices@w3.org +permalink: /ARIA/apg/about/contributing/ + +sidebar: true + + + +# Context here: https://github.com/w3c/wai-aria-practices/issues/31 +type_of_guidance: APG + +lang: en +--- +<meta charset="UTF-8" /> +<meta content="width=device-width, initial-scale=1.0" name="viewport" /> +<title>Contributing to the APG</title> + +<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script> +<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script> +<script src="../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script> + + +<link + rel="stylesheet" + href="{{ '/content-assets/wai-aria-practices/styles.css' | relative_url }}" +> +<!-- Code highlighting styles --> +<link + rel="stylesheet" + href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}" +> + +<script> +const addBodyClass = undefined; +const enableSidebar = true; +if (addBodyClass) document.body.classList.add(addBodyClass); +if (enableSidebar) document.body.classList.add('has-sidebar'); +</script> + + +<script> + const parentPage = window.location.pathname.match( + /\/(patterns|practices|about)\// + )?.[1]; + if (parentPage) { + const parentHref = 'a[href*="' + parentPage + '"]'; + document.querySelector(parentHref).classList.add('active'); + } + </script> +<div> + + <div> + + + <section id="introduction"> + <h2>Introduction </h2> + <p> + Continuous improvement to the utility and quality of the ARIA Authoring Practices Guide (APG) depends on broad community input and participation. + Anyone may contribute feedback, suggestions, or code via the channels described below. + However, if you would like to contribute regularly, please consider + <a href="#joining-the-authoring-practices-task-force">joining the Authoring Practices Task Force</a>. + As a task force participant, you and your organization have greater influence over APG development, and are listed as contributors where appropriate. + </p> + </section> + + <section id="providing-feedback"> + <h2>Providing feedback</h2> + <p> + The APG provides two public feedback channels -- GitHub and email. + Links to both are provided at the bottom of every page in the APG. + </p> + <p> + GitHub issues are the best way to ask a question, make a suggestion, or report a problem. + Before creating a new issue, it is helpful if you first review existing issues to determine whether there is an issue addressing the same concern. + If so, please comment on that issue rather than raising another. + If the concern you would like addressed is related to an example implementation of an APG pattern, at the bottom of the page, next to the revision date, there is a link named "Related Issues". + That link opens a GitHub project containing all issues associated with the relevant pattern and its examples. + </p> + <p> + <a href="https://github.com/w3c/aria-practices/issues">View and create APG issues on GitHub.</a> + </p> + <p> + The task force also uses the aria-practices public mailing list for email discussion. + Meeting announcements, agendas, and links to minutes are sent to the mailing list. + While GitHub issues are the preferred place to discuss APG content, the mailing list is available to anyone who would prefer to communicate by + <a href="mailto:public-aria-practices@w3.org">sending email to the ARIA Authoring Practices public mailing list</a>. + </p> + <p> + <a href="https://lists.w3.org/Archives/Public/public-aria-practices/">View the aria-practices mailing list archive</a>. + </p> + </section> + + <section id="Making-improvements-to-documentation-or-code"> + <h2>Making improvements to documentation or code</h2> + <p> + If you would like to help improve the APG with enhancements or fixes to documentation or code, please adhere to the following procedure. + </p> + <ol> + <li>Get your development environment ready: + <ul> + <li> + Install and configure linters as described in the + <a href="https://github.com/w3c/aria-practices#code-conformance">code conformance section of the repository readme</a>. + </li> + <li> + Read our wiki page about + <a href="https://github.com/w3c/aria-practices/wiki/Submitting-Pull-Requests">preparing and submitting pull requests</a>. + </li> + </ul> + </li> + <li>Comment in an existing issue or raise a new issue, expressing your willingness to help and briefly summarizing the nature of your proposed resolution.</li> + <li>An editor will confirm there are no conflicting plans and, if needed, provide guidance.</li> + <li>Do some fabulous work and submit a pull request.</li> + <li>Watch your GitHub notifications and respond to feedback during the pull request review process.</li> + </ol> + <p> + If you run into any difficulties, please feel free to ask questions either via a GitHub issue or by + <a href="mailto:public-aria-practices@w3.org">sending email to the ARIA Authoring Practices public mailing list</a>. + </p> + </section> + + <section id="joining-the-authoring-practices-task-force"> + <h2>Joining The Authoring Practices Task Force</h2> + <p> + The APG is developed by the + <a target="_blank" href="https://www.w3.org/WAI/ARIA/task-forces/practices/">ARIA Authoring Practices Task Force</a>, + which is a sub-group of the + <a target="_blank" href="https://www.w3.org/WAI/ARIA/">ARIA Working Group</a>. + The task force meets weekly to coordinate work on development of the APG. + Task force participants are expected to regularly attend meetings and to actively contribute. + Examples of contributions include: + </p> + <ul> + <li>Testing the functionality and accessibility of example implementations of the APG patterns</li> + <li>Fixing bugs and implementing enhancements in example implementations of the APG patterns</li> + <li>Helping write responses to community feedback</li> + <li>Reviewing and editing documentation</li> + <li>Designing or engineering pattern implementation examples</li> + <li>Creating and editing patterns and practices for ARIA usage</li> + </ul> + <p> + To participate in the Authoring Practices Task Force, you first need to + <a href="https://www.w3.org/WAI/ARIA/participation">become a participant in the ARIA Working Group</a>. + If you are already a participant in the ARIA Working Group, contact + <a href="https://www.w3.org/staff/#dmontalvo">Daniel Montalvo</a> + and request membership in the Authoring Practices Task Force. + </p> + </section> + + <section id="Helping-provide-assistive-technology-support-data"> + <h2>Helping provide assistive technology support data</h2> + <p> + The assistive technology support tables included on APG example pages, e.g., + <a href="../../patterns/radio/examples/radio-activedescendant/#at-support">Assistive Technology Support for Radio Group Example Using aria-activedescendant</a>, + are provided by the + <a href="https://www.w3.org/groups/cg/aria-at/">ARIA and Assistive Technologies (ARIA-AT) Community Group</a>. + The ARIA-AT community group aims to ensure APG patterns have consistent and interoperable accessibility support. + If you would like to contribute to this aspect of the APG, you can learn more about the ARIA-AT project and how to contribute at + <a href="https://aria-at.w3.org/">ARIA and Assistive Technologies Home</a>. + </p> + </section> + + </div> + +</div> +<script + src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}" +></script> diff --git a/_external/aria-practices b/_external/aria-practices index 2b619c14b..7fb7c8e28 160000 --- a/_external/aria-practices +++ b/_external/aria-practices @@ -1 +1 @@ -Subproject commit 2b619c14b45ef0a566e91219bb3eef195b62b776 +Subproject commit 7fb7c8e28b55a2804bda682c36945a1154d1096a