From f67c416a26bccdc940f45fc4566b3286debada9a Mon Sep 17 00:00:00 2001 From: michael-n-cooper-bot Date: Mon, 26 Jun 2023 01:34:06 +0000 Subject: [PATCH 01/10] Commit changes --- ARIA/apg/patterns/accordion/examples/accordion.md | 2 +- ARIA/apg/patterns/alert/examples/alert.md | 2 +- .../patterns/alertdialog/examples/alertdialog.md | 2 +- .../patterns/breadcrumb/examples/breadcrumb.md | 2 +- ARIA/apg/patterns/button/examples/button.md | 2 +- ARIA/apg/patterns/button/examples/button_idl.md | 2 +- .../carousel/examples/carousel-1-prev-next.md | 2 +- .../carousel/examples/carousel-2-tablist.md | 2 +- .../patterns/checkbox/examples/checkbox-mixed.md | 2 +- ARIA/apg/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 +- ARIA/apg/patterns/combobox/examples/grid-combo.md | 2 +- .../dialog-modal/examples/datepicker-dialog.md | 2 +- ARIA/apg/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 +- .../disclosure/examples/disclosure-navigation.md | 2 +- ARIA/apg/patterns/feed/examples/feed.md | 2 +- .../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 +- .../listbox/examples/listbox-collapsible.md | 2 +- .../patterns/listbox/examples/listbox-grouped.md | 2 +- .../listbox/examples/listbox-rearrangeable.md | 2 +- .../listbox/examples/listbox-scrollable.md | 2 +- .../menu-button-actions-active-descendant.md | 2 +- .../menu-button/examples/menu-button-actions.md | 2 +- .../menu-button/examples/menu-button-links.md | 2 +- .../patterns/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 +- ARIA/apg/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 +- .../apg/patterns/slider/examples/slider-rating.md | 2 +- ARIA/apg/patterns/slider/examples/slider-seek.md | 2 +- .../slider/examples/slider-temperature.md | 2 +- .../spinbutton/examples/datepicker-spinbuttons.md | 2 +- .../apg/patterns/switch/examples/switch-button.md | 2 +- .../patterns/switch/examples/switch-checkbox.md | 2 +- ARIA/apg/patterns/switch/examples/switch.md | 2 +- .../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 +- .../apg/patterns/treeview/examples/treeview-1a.md | 2 +- .../apg/patterns/treeview/examples/treeview-1b.md | 2 +- .../treeview/examples/treeview-navigation.md | 2 +- _external/aria-practices | 2 +- .../checkbox/examples/js/checkbox-mixed.js | 15 ++++++++------- 60 files changed, 67 insertions(+), 66 deletions(-) diff --git a/ARIA/apg/patterns/accordion/examples/accordion.md b/ARIA/apg/patterns/accordion/examples/accordion.md index bcd2dcecb..003dfc2a4 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 cfa784e6f..e1fe7a997 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 b3c2afade..6fcc02cf0 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 33ce0c3fe..624a788e9 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 f8054455c..ed53d83dc 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 c9c513ab3..f9b39f7bc 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 e25c41681..9a1cbf21e 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 626ae7889..3f1903461 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 3dae8f669..3bb59d0d1 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 93c127c55..4551f61b5 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 449591b9f..ff50672b9 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 98a90cee9..33565ac14 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 770df0e28..3992444f9 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 b47046bf5..afcc9fdfa 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 dc25a2199..feb95ea8f 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 1c728e825..80aff3158 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 f8aef1f54..47e00264d 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 077d128d9..1c6abe439 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 5497e7759..94a889d7b 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 bc6ef18db..2245b5a00 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 2131467d6..72600cd75 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 01e9e2686..a6e1a2259 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 a2204fafb..267d252f5 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 a7bd57b36..182bb937d 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 d07dd53d0..f938f22ab 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 7432c6ae6..8470802f2 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 3ee0ddf7f..1b403280b 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 1dc83b4ae..9982b3b9e 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 be2529024..2d8e0193e 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 965a18c6e..be831edfd 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 62537d7fe..ea275466c 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 c50ff8903..ffbba634e 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 73b9abb6d..54e5825a6 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 cb903d69e..9f9a586d9 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 452fc2984..1ea700e64 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 05d600ca7..7a5057ccd 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 6081ed487..c04ec889b 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 dd7c6187f..495cf1a40 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 02906893b..5ff0cb9a5 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 0322ab7ea..45efbd21f 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 e6f81191d..84529d4a8 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 f7ba32611..47b1ce3f0 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 bae6a15cb..083cdc54c 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 5213931ae..882eff0d4 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 0dd1740da..fcdad0b73 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 968ab02a5..5d130f1dd 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 9fb6dd5ab..11ead1b7f 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 4e4cc7455..087067445 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 1c6fa8097..6ef4f8156 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 fbfb3dcd0..5b512d996 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 4c3694730..e27a6f755 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 de0afdcc8..e38f382cd 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 af7a417e9..db5849354 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 49d62e41e..6dc039efb 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 744aefdc2..000412f72 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 8f27027ac..f7ae922eb 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 983f2f7ce..4b04f786e 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 9281e5c27..9ec54192a 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: "

View issues related to this example

Page last updated: 19 June 2023

" +footer: "

View issues related to this example

Page last updated: 26 June 2023

" # 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 3952625fc..049893e22 160000 --- a/_external/aria-practices +++ b/_external/aria-practices @@ -1 +1 @@ -Subproject commit 3952625fc459ac53f735b9395b01fe48de1e381c +Subproject commit 049893e22c13318ac9bb300ecfbb7c8b9a116982 diff --git a/content-assets/wai-aria-practices/patterns/checkbox/examples/js/checkbox-mixed.js b/content-assets/wai-aria-practices/patterns/checkbox/examples/js/checkbox-mixed.js index 278c92f1d..bf1cf80af 100644 --- a/content-assets/wai-aria-practices/patterns/checkbox/examples/js/checkbox-mixed.js +++ b/content-assets/wai-aria-practices/patterns/checkbox/examples/js/checkbox-mixed.js @@ -16,6 +16,7 @@ class CheckboxMixed { this.checkboxNodes = domNode.querySelectorAll('input[type="checkbox"]'); this.mixedNode.addEventListener('keydown', this.onMixedKeydown.bind(this)); + this.mixedNode.addEventListener('keyup', this.onMixedKeyup.bind(this)); this.mixedNode.addEventListener('click', this.onMixedClick.bind(this)); this.mixedNode.addEventListener('focus', this.onMixedFocus.bind(this)); this.mixedNode.addEventListener('blur', this.onMixedBlur.bind(this)); @@ -116,23 +117,23 @@ class CheckboxMixed { /* EVENT HANDLERS */ + // Prevent page scrolling on space down onMixedKeydown(event) { - var flag = false; + if (event.key === ' ') { + event.preventDefault(); + } + } + onMixedKeyup(event) { switch (event.key) { case ' ': this.toggleMixed(); - flag = true; + event.stopPropagation(); break; default: break; } - - if (flag) { - event.stopPropagation(); - event.preventDefault(); - } } onMixedClick() { From cb8b279988dd5e7a00a073f83703a683b7c9e6b2 Mon Sep 17 00:00:00 2001 From: michael-n-cooper-bot Date: Mon, 26 Jun 2023 02:22:58 +0000 Subject: [PATCH 02/10] Commit changes --- _external/aria-practices | 2 +- .../wai-aria-practices/shared/js/skipto.js | 5522 +++++++++-------- 2 files changed, 2774 insertions(+), 2750 deletions(-) diff --git a/_external/aria-practices b/_external/aria-practices index 049893e22..b2718f456 160000 --- a/_external/aria-practices +++ b/_external/aria-practices @@ -1 +1 @@ -Subproject commit 049893e22c13318ac9bb300ecfbb7c8b9a116982 +Subproject commit b2718f456c00d9ca04a508270aacb7a6c3521b69 diff --git a/content-assets/wai-aria-practices/shared/js/skipto.js b/content-assets/wai-aria-practices/shared/js/skipto.js index 71c3f9892..29134ff41 100644 --- a/content-assets/wai-aria-practices/shared/js/skipto.js +++ b/content-assets/wai-aria-practices/shared/js/skipto.js @@ -1,2749 +1,2773 @@ -/* ======================================================================== - * Version: 5.1.3 - * Copyright (c) 2022, 2023 Jon Gunderson; Licensed BSD - * Copyright (c) 2021 PayPal Accessibility Team and University of Illinois; Licensed BSD - * All rights reserved. - * Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met: - * Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer. - * Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution. - * Neither the name of PayPal or any of its subsidiaries or affiliates, nor the name of the University of Illinois, nor the names of any other contributors may be used to endorse or promote products derived from this software without specific prior written permission. - * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. - * - * Documentation: https://skipto-landmarks-headings.github.io/page-script-5 - * Code: https://github.com/skipto-landmarks-headings/page-script-5 - * Report Issues: https://github.com/skipto-landmarks-headings/page-script-5/issues - * ======================================================================== */ - -(function () { - 'use strict'; - - /* - * debug.js - * - * Usage - * import DebugLogging from './debug.js'; - * const debug = new DebugLogging('myLabel', true); // e.g. 'myModule' - * ... - * if (debug.flag) debug.log('myMessage'); - * - * Notes - * new DebugLogging() - calling the constructor with no arguments results - * in debug.flag set to false and debug.label set to 'debug'; - * constructor accepts 0, 1 or 2 arguments in any order - * @param flag [optional] {boolean} - sets debug.flag - * @param label [optional] {string} - sets debug.label - * Properties - * debug.flag {boolean} allows you to switch debug logging on or off; - * default value is false - * debug.label {string} rendered as a prefix to each log message; - * default value is 'debug' - * Methods - * debug.log calls console.log with label prefix and message - * @param message {object} - console.log calls toString() - * @param spaceAbove [optional] {boolean} - * - * debug.tag outputs tagName and textContent of DOM element - * @param node {DOM node reference} - usually an HTMLElement - * @param spaceAbove [optional] {boolean} - * - * debug.separator outputs only debug.label and a series of hyphens - * @param spaceAbove [optional] {boolean} - */ - - class DebugLogging { - constructor (...args) { - // Default values for cases where fewer than two arguments are provided - this._flag = false; - this._label = 'debug'; - - // The constructor may be called with zero, one or two arguments. If two - // arguments, they can be in any order: one is assumed to be the boolean - // value for '_flag' and the other one the string value for '_label'. - for (const [index, arg] of args.entries()) { - if (index < 2) { - switch (typeof arg) { - case 'boolean': - this._flag = arg; - break; - case 'string': - this._label = arg; - break; - } - } - } - } - - get flag () { return this._flag; } - - set flag (value) { - if (typeof value === 'boolean') { - this._flag = value; - } - } - - get label () { return this._label; } - - set label (value) { - if (typeof value === 'string') { - this._label = value; - } - } - - log (message, spaceAbove) { - const newline = spaceAbove ? '\n' : ''; - console.log(`${newline}[${this._label}] ${message}`); - } - - tag (node, spaceAbove) { - if (node && node.tagName) { - const text = node.textContent.trim().replace(/\s+/g, ' '); - this.log(`[${node.tagName}]: ${text.substring(0, 40)}`, spaceAbove); - } - } - - separator (spaceAbove) { - this.log('-----------------------------', spaceAbove); - } - - } - - /* style.js */ - - /* Constants */ - const debug$5 = new DebugLogging('style', false); - debug$5.flag = false; - - const styleTemplate = document.createElement('template'); - styleTemplate.innerHTML = ` - -`; - - /* - * @function getTheme - * - * @desc Returns - * - * @param {Object} colorThemes - Javascript object with keyed color themes - * @param {String} colorTheme - A string identifying a color theme - * - * @returns {Object} see @desc - */ - function getTheme(colorThemes, colorTheme) { - if (typeof colorThemes[colorTheme] === 'object') { - return colorThemes[colorTheme]; - } - // if no theme defined, use urlSelectors - let hostnameMatch = ''; - let pathnameMatch = ''; - let hostandpathnameMatch = ''; - - const locationURL = new URL(location.href); - const hostname = locationURL.hostname; - const pathname = location.pathname; - - for (let item in colorThemes) { - const hostnameSelector = colorThemes[item].hostnameSelector; - const pathnameSelector = colorThemes[item].pathnameSelector; - let hostnameFlag = false; - let pathnameFlag = false; - - - if (hostnameSelector) { - if (hostname.indexOf(hostnameSelector) >= 0) { - if (!hostnameMatch || - (colorThemes[hostnameMatch].hostnameSelector.length < hostnameSelector.length)) { - hostnameMatch = item; - hostnameFlag = true; - pathnameMatch = ''; - } - else { - // if the same hostname is used in another theme, set the hostnameFlas in case the pathname - // matches - if (colorThemes[hostnameMatch].hostnameSelector.length === hostnameSelector.length) { - hostnameFlag = true; - } - } - } - } - - if (pathnameSelector) { - if (pathname.indexOf(pathnameSelector) >= 0) { - if (!pathnameMatch || - (colorThemes[pathnameMatch].pathnameSelector.length < pathnameSelector.length)) { - pathnameMatch = item; - pathnameFlag = true; - } - } - } - - if (hostnameFlag && pathnameFlag) { - hostandpathnameMatch = item; - } - } - - if (hostandpathnameMatch) { - return colorThemes[hostandpathnameMatch]; - } - else { - if (hostnameMatch) { - return colorThemes[hostnameMatch]; - } else { - if (pathnameMatch) { - return colorThemes[pathnameMatch]; - } - } - } - - // if no other theme is found use default theme - return colorThemes['default']; - } - - /* - * @function updateStyle - * - * @desc - * - * @param - * - * @returns - */ - function updateStyle(stylePlaceholder, configValue, themeValue, defaultValue) { - let value = defaultValue; - if (typeof configValue === 'string' && configValue) { - value = configValue; - } else { - if (typeof themeValue === 'string' && themeValue) { - value = themeValue; - } - } - - let cssContent = styleTemplate.innerHTML; - let index1 = cssContent.indexOf(stylePlaceholder); - let index2 = index1 + stylePlaceholder.length; - while (index1 >= 0 && index2 < cssContent.length) { - cssContent = cssContent.substring(0, index1) + value + cssContent.substring(index2); - index1 = cssContent.indexOf(stylePlaceholder, index2); - index2 = index1 + stylePlaceholder.length; - } - styleTemplate.innerHTML = cssContent; - } - - /* - * @function addCSSColors - * - * @desc Updates the styling information in the attached - * stylesheet to use the configured or default colors - * - * @param {Object} colorThemes - Object with theme information - * @param {Object} config - Configuration information object - */ - function addCSSColors (colorThemes, config) { - const theme = getTheme(colorThemes, config.colorTheme); - const defaultTheme = getTheme(colorThemes, 'default'); - - // Check for display option in theme - if ((typeof theme.displayOption === 'string') && - ('fixed popup static'.indexOf(theme.displayOption.toLowerCase())>= 0)) { - config.displayOption = theme.displayOption; - } - - updateStyle('$fontFamily', config.fontFamily, theme.fontFamily, defaultTheme.fontFamily); - updateStyle('$fontSize', config.fontSize, theme.fontSize, defaultTheme.fontSize); - - updateStyle('$positionLeft', config.positionLeft, theme.positionLeft, defaultTheme.positionLeft); - updateStyle('$mediaBreakPoint', config.mediaBreakPoint, theme.mediaBreakPoint, defaultTheme.mediaBreakPoint); - - updateStyle('$menuTextColor', config.menuTextColor, theme.menuTextColor, defaultTheme.menuTextColor); - updateStyle('$menuBackgroundColor', config.menuBackgroundColor, theme.menuBackgroundColor, defaultTheme.menuBackgroundColor); - - updateStyle('$menuitemFocusTextColor', config.menuitemFocusTextColor, theme.menuitemFocusTextColor, defaultTheme.menuitemFocusTextColor); - updateStyle('$menuitemFocusBackgroundColor', config.menuitemFocusBackgroundColor, theme.menuitemFocusBackgroundColor, defaultTheme.menuitemFocusBackgroundColor); - - updateStyle('$focusBorderColor', config.focusBorderColor, theme.focusBorderColor, defaultTheme.focusBorderColor); - - updateStyle('$buttonTextColor', config.buttonTextColor, theme.buttonTextColor, defaultTheme.buttonTextColor); - updateStyle('$buttonBackgroundColor', config.buttonBackgroundColor, theme.buttonBackgroundColor, defaultTheme.buttonBackgroundColor); - - updateStyle('$zIndex', config.zIndex, theme.zIndex, defaultTheme.zIndex); - - } - - /* - * @function enderStyleElement - * - * @desc Updates the style sheet template and then attaches it to the document - * - * @param {Object} colorThemes - Object with theme information - * @param {Object} config - Configuration information object - * @param {String} skipYToStyleId - Id used for the skipto container element - */ - function renderStyleElement (colorThemes, config, skipToId) { - styleTemplate.innerHTML = styleTemplate.innerHTML.replaceAll('$skipToId', '#' + skipToId); - addCSSColors(colorThemes, config); - const styleNode = styleTemplate.content.cloneNode(true); - const headNode = document.getElementsByTagName('head')[0]; - headNode.appendChild(styleNode); - } - - /* utils.js */ - - /* Constants */ - const debug$4 = new DebugLogging('Utils', false); - debug$4.flag = false; - - - /* - * @function getAttributeValue - * - * @desc Return attribute value if present on element, - * otherwise return empty string. - * - * @returns {String} see @desc - */ - function getAttributeValue (element, attribute) { - let value = element.getAttribute(attribute); - return (value === null) ? '' : normalize(value); - } - - /* - * @function normalize - * - * @desc Trim leading and trailing whitespace and condense all - * internal sequences of whitespace to a single space. Adapted from - * Mozilla documentation on String.prototype.trim polyfill. Handles - * BOM and NBSP characters. - * - * @return {String} see @desc - */ - function normalize (s) { - let rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g; - return s.replace(rtrim, '').replace(/\s+/g, ' '); - } - - /** - * @fuction isNotEmptyString - * - * @desc Returns true if the string has content, otherwise false - * - * @param {Boolean} see @desc - */ - function isNotEmptyString (str) { - return (typeof str === 'string') && str.length && str.trim() && str !== " "; - } - - /** - * @fuction isVisible - * - * @desc Returns true if the element is visible in the graphical rendering - * - * @param {node} elem - DOM element node of a labelable element - */ - function isVisible (element) { - - function isDisplayNone(el) { - if (!el || (el.nodeType !== Node.ELEMENT_NODE)) { - return false; - } - - if (el.hasAttribute('hidden')) { - return true; - } - - const style = window.getComputedStyle(el, null); - const display = style.getPropertyValue("display"); - if (display === 'none') { - return true; - } - - // check ancestors for display none - if (el.parentNode) { - return isDisplayNone(el.parentNode); - } - - return false; - } - - const computedStyle = window.getComputedStyle(element); - let visibility = computedStyle.getPropertyValue('visibility'); - if ((visibility === 'hidden') || (visibility === 'collapse')) { - return false; - } - - return !isDisplayNone(element); - } - - /* - * namefrom.js - */ - - /* constants */ - - const debug$3 = new DebugLogging('nameFrom', false); - debug$3.flag = false; - - // - // LOW-LEVEL HELPER FUNCTIONS (NOT EXPORTED) - - /* - * @function isDisplayNone - * - * @desc Returns true if the element or parent element has set the CSS - * display property to none or has the hidden attribute, - * otherwise false - * - * @param {Object} node - a DOM node - * - * @returns {Boolean} see @desc - */ - - function isDisplayNone (node) { - - if (!node) { - return false; - } - - if (node.nodeType === Node.TEXT_NODE) { - node = node.parentNode; - } - - if (node.nodeType === Node.ELEMENT_NODE) { - - if (node.hasAttribute('hidden')) { - return true; - } - - // aria-hidden attribute with the value "true" is an same as - // setting the hidden attribute for name calcuation - if (node.hasAttribute('aria-hidden')) { - if (node.getAttribute('aria-hidden').toLowerCase() === 'true') { - return true; - } - } - - const style = window.getComputedStyle(node, null); - - const display = style.getPropertyValue("display"); - - if (display) { - return display === 'none'; - } - } - return false; - } - - /* - * @function isVisibilityHidden - * - * @desc Returns true if the node (or it's parrent) has the CSS visibility - * property set to "hidden" or "collapse", otherwise false - * - * @param {Object} node - DOM node - * - * @return see @desc - */ - - function isVisibilityHidden(node) { - - if (!node) { - return false; - } - - if (node.nodeType === Node.TEXT_NODE) { - node = node.parentNode; - } - - if (node.nodeType === Node.ELEMENT_NODE) { - const style = window.getComputedStyle(node, null); - - const visibility = style.getPropertyValue("visibility"); - if (visibility) { - return (visibility === 'hidden') || (visibility === 'collapse'); - } - } - return false; - } - - /* - * @function isAriaHiddenFalse - * - * @desc Returns true if the node has the aria-hidden property set to - * "false", otherwise false. - * NOTE: This function is important in the accessible namce - * calculation, since content hidden with a CSS technique - * can be included in the accessible name calculation when - * aria-hidden is set to false - * - * @param {Object} node - DOM node - * - * @return see @desc - */ - - function isAriaHIddenFalse(node) { - - if (!node) { - return false; - } - - if (node.nodeType === Node.TEXT_NODE) { - node = node.parentNode; - } - - if (node.nodeType === Node.ELEMENT_NODE) { - return (node.hasAttribute('aria-hidden') && - (node.getAttribute('aria-hidden').toLowerCase() === 'false')); - } - - return false; - } - - /* - * @function includeContentInName - * - * @desc Checks the CSS display and hidden properties, and - * the aria-hidden property to see if the content - * should be included in the accessible name - * calculation. Returns true if it should be - * included, otherwise false - * - * @param {Object} node - DOM node - * - * @return see @desc - */ - - function includeContentInName(node) { - const flag = isAriaHIddenFalse(node) || - (!isVisibilityHidden(node) && - !isDisplayNone(node)); - return flag; - } - - /* - * @function getNodeContents - * - * @desc Recursively process element and text nodes by aggregating - * their text values for an ARIA accessible name or description - * calculation. - * - * NOTE: This includes special handling of elements with 'alt' - * text and embedded controls. - * - * @param {Object} node - A DOM node - * - * @return {String} The text content for an accessible name or description - */ - function getNodeContents (node) { - let contents = ''; - let nc; - let arr = []; - - switch (node.nodeType) { - case Node.ELEMENT_NODE: - // If aria-label is present, node recursion stops and - // aria-label value is returned - if (node.hasAttribute('aria-label')) { - if (includeContentInName(node)) { - contents = node.getAttribute('aria-label'); - } - } - else { - if (node instanceof HTMLSlotElement) { - // if no slotted elements, check for default slotted content - const assignedNodes = node.assignedNodes().length ? node.assignedNodes() : node.assignedNodes({ flatten: true }); - assignedNodes.forEach( assignedNode => { - nc = getNodeContents(assignedNode); - if (nc.length) arr.push(nc); - }); - contents = (arr.length) ? arr.join(' ') : ''; - } else { - if (couldHaveAltText(node) && includeContentInName(node)) { - contents = getAttributeValue(node, 'alt'); - } - else { - if (node.hasChildNodes()) { - let children = Array.from(node.childNodes); - children.forEach( child => { - nc = getNodeContents(child); - if (nc.length) arr.push(nc); - }); - contents = (arr.length) ? arr.join(' ') : ''; - } - } - // For all branches of the ELEMENT_NODE case... - } - } - contents = addCssGeneratedContent(node, contents); - break; - - case Node.TEXT_NODE: - if (includeContentInName(node)) { - contents = normalize(node.textContent); - } - break; - } - - return contents; - } - - /* - * @function couldHaveAltText - * - * @desc Based on HTML5 specification, returns true if - * the element could have an 'alt' attribute, - * otherwise false. - * - * @param {Object} element - DOM eleemnt node - * - * @return {Boolean} see @desc - */ - function couldHaveAltText (element) { - let tagName = element.tagName.toLowerCase(); - - switch (tagName) { - case 'img': - case 'area': - return true; - case 'input': - return (element.type && element.type === 'image'); - } - - return false; - } - - /* - * @function addCssGeneratedContent - * - * @desc Adds CSS-generated content for pseudo-elements - * :before and :after. According to the CSS spec, test that content - * value is other than the default computed value of 'none'. - * - * Note: Even if an author specifies content: 'none', because browsers - * add the double-quote character to the beginning and end of - * computed string values, the result cannot and will not be - * equal to 'none'. - * - * @param {Object} element - DOM node element - * @param {String} contents - Text content for DOM node - * - * @returns {String} see @desc - * - */ - function addCssGeneratedContent (element, contents) { - - let result = contents, - prefix = getComputedStyle(element, ':before').content, - suffix = getComputedStyle(element, ':after').content; - - if (prefix !== 'none') { - result = prefix.replaceAll('"', '') + result; - } - if (suffix !== 'none') { - result = result + suffix.replaceAll('"', ''); - } - - return result; - } - - /* accName.js */ - - /* Constants */ - const debug$2 = new DebugLogging('accName', false); - debug$2.flag = false; - - /** - * @fuction getAccessibleName - * - * @desc Returns the accessible name for an heading or landamrk - * - * @paramn {Object} dom - Document of the current element - * @param {node} element - DOM element node for either a heading or - * landmark - * @param {Boolean} fromContent - if true will compute name from content - * - * @return {String} The accessible name for the landmark or heading element - */ - - function getAccessibleName (doc, element, fromContent=false) { - let accName = ''; - - accName = nameFromAttributeIdRefs(doc, element, 'aria-labelledby'); - - if (accName === '' && element.hasAttribute('aria-label')) { - accName = element.getAttribute('aria-label').trim(); - } - - if (accName === '' && fromContent) { - accName = getNodeContents(element); - } - - if (accName === '' && element.title.trim() !== '') { - accName = element.title.trim(); - } - - return accName; - } - - /* - * @function nameFromAttributeIdRefs - * - * @desc Get the value of attrName on element (a space- - * separated list of IDREFs), visit each referenced element in the order it - * appears in the list and obtain its accessible name (skipping recursive - * aria-labelledby or aria-describedby calculations), and return an object - * with name property set to a string that is a space-separated concatena- - * tion of those results if any, otherwise return empty string. - * - * @param {Object} doc - Browser document object - * @param {Object} element - DOM element node - * @param {String} attribute - Attribute name (e.g. "aria-labelledby", "aria-describedby", - * or "aria-errormessage") - * - * @returns {String} see @desc - */ - function nameFromAttributeIdRefs (doc, element, attribute) { - const value = getAttributeValue(element, attribute); - const arr = []; - - if (value.length) { - const idRefs = value.split(' '); - - for (let i = 0; i < idRefs.length; i++) { - const refElement = doc.getElementById(idRefs[i]); - if (refElement) { - const accName = getNodeContents(refElement); - if (accName && accName.length) arr.push(accName); - } - } - } - - if (arr.length) { - return arr.join(' '); - } - - return ''; - } - - /* landmarksHeadings.js */ - - /* Constants */ - const debug$1 = new DebugLogging('landmarksHeadings', false); - debug$1.flag = false; - - const skipableElements = [ - 'base', - 'content', - 'frame', - 'iframe', - 'input[type=hidden]', - 'link', - 'meta', - 'noscript', - 'script', - 'style', - 'template', - 'shadow', - 'title' - ]; - - const allowedLandmarkSelectors = [ - 'banner', - 'complementary', - 'contentinfo', - 'form', - 'main', - 'navigation', - 'region', - 'search' - ]; - - const higherLevelElements = [ - 'article', - 'aside', - 'footer', - 'header', - 'main', - 'nav', - 'region', - 'section' - ]; - - - let idIndex = 0; - - /* - * @function getSkipToIdIndex - * - * @desc Returns the current skipto index used for generating - * id for target elements - * - * @returns {Number} see @desc - */ - function getSkipToIdIndex () { - return idIndex; - } - - /* - * @function incSkipToIdIndex - * - * @desc Adds one to the skipto index - */ - function incSkipToIdIndex () { - idIndex += 1; - } - - /* - * @function isSkipableElement - * - * @desc Returns true if the element is skipable, otherwise false - * - * @param {Object} element - DOM element node - * - * @returns {Boolean} see @desc - */ - function isSkipableElement(element) { - const tagName = element.tagName.toLowerCase(); - const type = element.hasAttribute('type') ? element.getAttribute('type') : ''; - const elemSelector = (tagName === 'input') && type.length ? - `${tagName}[type=${type}]` : - tagName; - return skipableElements.includes(elemSelector); - } - - /* - * @function isCustomElement - * - * @desc Reuturns true if the element is a custom element, otherwise - * false - * - * @param {Object} element - DOM element node - * - * @returns {Boolean} see @desc - */ - function isCustomElement(element) { - return element.tagName.indexOf('-') >= 0; - } - - /* - * @function sSlotElement - * - * @desc Reuturns true if the element is a slot element, otherwise - * false - * - * @param {Object} element - DOM element node - * - * @returns {Boolean} see @desc - */ - function isSlotElement(node) { - return (node instanceof HTMLSlotElement); - } - - /** - * @function isTopLevel - * - * @desc Tests the node to see if it is in the content of any other - * elements with default landmark roles or is the descendant - * of an element with a defined landmark role - * - * @param {Object} node - Element node from a berowser DOM - * - * @reutrn {Boolean} Returns true if top level landmark, otherwise false - */ - - function isTopLevel (node) { - node = node && node.parentNode; - while (node && (node.nodeType === Node.ELEMENT_NODE)) { - const tagName = node.tagName.toLowerCase(); - let role = node.getAttribute('role'); - if (role) { - role = role.toLowerCase(); - } - - if (higherLevelElements.includes(tagName) || - allowedLandmarkSelectors.includes(role)) { - return false; - } - node = node.parentNode; - } - return true; - } - - /* - * @function checkForLandmark - * - * @desc Re=trns the lamdnark name if a landmark, otherwise an - * empty string - * - * @param {Object} element - DOM element node - * - * @returns {String} see @desc - */ - function checkForLandmark (element) { - if (element.hasAttribute('role')) { - const role = element.getAttribute('role').toLowerCase(); - if (allowedLandmarkSelectors.indexOf(role) >= 0) { - return role; - } - } else { - const tagName = element.tagName.toLowerCase(); - - switch (tagName) { - case 'aside': - return 'complementary'; - - case 'main': - return 'main'; - - case 'nav': - return 'navigation'; - - case 'header': - if (isTopLevel(element)) { - return 'banner'; - } - break; - - case 'footer': - if (isTopLevel(element)) { - return 'contentinfo'; - } - break; - - case 'section': - // Sections need an accessible name for be considered a "region" landmark - if (element.hasAttribute('aria-label') || element.hasAttribute('aria-labelledby')) { - return 'region'; - } - break; - } - } - return ''; - } - - - /** - * @function queryDOMForSkipToId - * - * @desc Returns DOM node associated with the id, if id not found returns null - * - * @param {String} targetId - dom node element to attach button and menu - * - * @returns (Object) @desc - */ - function queryDOMForSkipToId (targetId) { - function transverseDOMForSkipToId(startingNode) { - var targetNode = null; - for (let node = startingNode.firstChild; node !== null; node = node.nextSibling ) { - if (node.nodeType === Node.ELEMENT_NODE) { - if (node.getAttribute('data-skip-to-id') === targetId) { - return node; - } - if (!isSkipableElement(node)) { - // check for slotted content - if (isSlotElement(node)) { - // if no slotted elements, check for default slotted content - const assignedNodes = node.assignedNodes().length ? - node.assignedNodes() : - node.assignedNodes({ flatten: true }); - for (let i = 0; i < assignedNodes.length; i += 1) { - const assignedNode = assignedNodes[i]; - if (assignedNode.nodeType === Node.ELEMENT_NODE) { - if (assignedNode.getAttribute('data-skip-to-id') === targetId) { - return assignedNode; - } - targetNode = transverseDOMForSkipToId(assignedNode); - if (targetNode) { - return targetNode; - } - } - } - } else { - // check for custom elements - if (isCustomElement(node)) { - if (node.shadowRoot) { - targetNode = transverseDOMForSkipToId(node.shadowRoot); - if (targetNode) { - return targetNode; - } - } - } else { - targetNode = transverseDOMForSkipToId(node); - if (targetNode) { - return targetNode; - } - } - } - } - } // end if - } // end for - return false; - } // end function - return transverseDOMForSkipToId(document.body); - } - - /** - * @function findVisibleElement - * - * @desc Returns the first isible decsendant DOM node that matches a set of element tag names - * - * @param {node} startingNode - dom node to start search for element - * @param {Array} tagNames - Array of tag names - * - * @returns (node} Returns first descendmt element, if not found returns false - */ - function findVisibleElement (startingNode, tagNames) { - - function transverseDOMForVisibleElement(startingNode, targetTagName) { - var targetNode = null; - for (let node = startingNode.firstChild; node !== null; node = node.nextSibling ) { - if (node.nodeType === Node.ELEMENT_NODE) { - if (!isSkipableElement(node)) { - // check for slotted content - if (isSlotElement(node)) { - // if no slotted elements, check for default slotted content - const assignedNodes = node.assignedNodes().length ? - node.assignedNodes() : - node.assignedNodes({ flatten: true }); - for (let i = 0; i < assignedNodes.length; i += 1) { - const assignedNode = assignedNodes[i]; - if (assignedNode.nodeType === Node.ELEMENT_NODE) { - const tagName = assignedNode.tagName.toLowerCase(); - if (tagName === targetTagName){ - if (isVisible(assignedNode)) { - return assignedNode; - } - } - targetNode = transverseDOMForVisibleElement(assignedNode, targetTagName); - if (targetNode) { - return targetNode; - } - } - } - } else { - // check for custom elements - if (isCustomElement(node)) { - if (node.shadowRoot) { - targetNode = transverseDOMForVisibleElement(node.shadowRoot, targetTagName); - if (targetNode) { - return targetNode; - } - } - } else { - const tagName = node.tagName.toLowerCase(); - if (tagName === targetTagName){ - if (isVisible(node)) { - return node; - } - } - targetNode = transverseDOMForVisibleElement(node, targetTagName); - if (targetNode) { - return targetNode; - } - } - } - } - } // end if - } // end for - return false; - } // end function - let targetNode = false; - - // Go through the tag names one at a time - for (let i = 0; i < tagNames.length; i += 1) { - targetNode = transverseDOMForVisibleElement(startingNode, tagNames[i]); - if (targetNode) { - break; - } - } - return targetNode ? targetNode : startingNode; - } - - /* - * @function skipToElement - * - * @desc Moves focus to the element identified by the memu item - * - * @param {Object} menutim - DOM element in the menu identifying the target element. - */ - function skipToElement(menuitem) { - - let focusNode = false; - let scrollNode = false; - let elem; - - const searchSelectors = ['input', 'button', 'a']; - const navigationSelectors = ['a', 'input', 'button']; - const landmarkSelectors = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'section', 'article', 'p', 'li', 'a']; - - const isLandmark = menuitem.classList.contains('landmark'); - const isSearch = menuitem.classList.contains('skip-to-search'); - const isNav = menuitem.classList.contains('skip-to-nav'); - - elem = queryDOMForSkipToId(menuitem.getAttribute('data-id')); - - if (elem) { - if (isSearch) { - focusNode = findVisibleElement(elem, searchSelectors); - } - if (isNav) { - focusNode = findVisibleElement(elem, navigationSelectors); - } - if (focusNode && isVisible(focusNode)) { - if (focusNode.tabIndex >= 0) { - focusNode.focus(); - } else { - focusNode.tabIndex = 0; - focusNode.focus(); - focusNode.tabIndex = -1; - } - focusNode.scrollIntoView({block: 'center'}); - } - else { - if (isLandmark) { - scrollNode = findVisibleElement(elem, landmarkSelectors); - if (scrollNode) { - elem = scrollNode; - } - } - if (elem.tabIndex >= 0) { - elem.focus(); - } else { - elem.tabIndex = 0; - elem.focus(); - elem.tabIndex = -1; - } - elem.scrollIntoView({block: 'center'}); - } - } - } - - /* - * @function getHeadingTargets - * - * @desc Returns an array of heading tag names to include in menu - * NOTE: It uses "includes" method to maximimze compatibility with - * previous versions of SkipTo which used CSS selectors for - * identifying targets. - * - * @param {String} targets - A space with the heading tags to inclucde - * - * @returns {Array} Array of heading element tag names to include in menu - */ - function getHeadingTargets(targets) { - let targetHeadings = []; - ['h1','h2','h3','h4','h5','h6'].forEach( h => { - if (targets.includes(h)) { - targetHeadings.push(h); - } - }); - return targetHeadings; - } - - /* - * @function isMain - * - * @desc Returns true if the element is a main landamrk - * - * @param {Object} element - DOM element node - * - * @returns {Boolean} see @desc - */ - function isMain (element) { - const tagName = element.tagName.toLowerCase(); - const role = element.hasAttribute('role') ? element.getAttribute('role').toLowerCase() : ''; - return (tagName === 'main') || (role === 'main'); - } - - /* - * @function queryDOMForLandmarksAndHeadings - * - * @desc Recursive function to return two arrays, one an array of the DOM element nodes for - * landmarks and the other an array of DOM element ndoes for headings - * - * @param {Array} landamrkTargets - An array of strings representing landmark regions - * @param {Array} headingTargets - An array of strings representing headings - * - * @returns {Array} @see @desc - */ - function queryDOMForLandmarksAndHeadings (landmarkTargets, headingTargets) { - let headingInfo = []; - let landmarkInfo = []; - let targetLandmarks = getLandmarkTargets(landmarkTargets.toLowerCase()); - let targetHeadings = getHeadingTargets(headingTargets.toLowerCase()); - let onlyInMain = headingTargets.includes('main'); - - function transverseDOM(startingNode, doc, parentDoc=null, inMain = false) { - for (let node = startingNode.firstChild; node !== null; node = node.nextSibling ) { - if (node.nodeType === Node.ELEMENT_NODE) { - const tagName = node.tagName.toLowerCase(); - if (targetLandmarks.indexOf(checkForLandmark(node)) >= 0) { - landmarkInfo.push({ node: node, name: getAccessibleName(doc, node)}); - } - if (targetHeadings.indexOf(tagName) >= 0) { - if (!onlyInMain || inMain) { - headingInfo.push({ node: node, name: getAccessibleName(doc, node, true)}); - } - } - - if (isMain(node)) { - inMain = true; - } - - if (!isSkipableElement(node)) { - // check for slotted content - if (isSlotElement(node)) { - // if no slotted elements, check for default slotted content - const slotContent = node.assignedNodes().length > 0; - const assignedNodes = slotContent ? - node.assignedNodes() : - node.assignedNodes({ flatten: true }); - const nameDoc = slotContent ? - parentDoc : - doc; - for (let i = 0; i < assignedNodes.length; i += 1) { - const assignedNode = assignedNodes[i]; - if (assignedNode.nodeType === Node.ELEMENT_NODE) { - const tagName = assignedNodes[i].tagName.toLowerCase(); - if (targetLandmarks.indexOf(checkForLandmark(assignedNode)) >= 0) { - landmarkInfo.push({ node: assignedNode, name: getAccessibleName(nameDoc, assignedNode)}); - } - - if (targetHeadings.indexOf(tagName) >= 0) { - if (!onlyInMain || inMain) { - headingInfo.push({ node: assignedNode, name: getAccessibleName(nameDoc, assignedNode, true)}); - } - } - if (slotContent) { - transverseDOM(assignedNode, parentDoc, null, inMain); - } else { - transverseDOM(assignedNode, doc, parentDoc, inMain); - } - } - } - } else { - // check for custom elements - if (isCustomElement(node)) { - if (node.shadowRoot) { - transverseDOM(node.shadowRoot, node.shadowRoot, doc, inMain); - } - } else { - transverseDOM(node, doc, parentDoc, inMain); - } - } - } - } // end if - } // end for - } // end function - - transverseDOM(document.body, document); - - // If no elements found when onlyInMain is set, try - // to find any headings - if ((headingInfo.length === 0) && onlyInMain) { - onlyInMain = false; - transverseDOM(document.body, document); - } - - return [landmarkInfo, headingInfo]; - } - - /* - * @function getLandmarksAndHeadings - * - * @desc Returns two arrays of of DOM node elements with, one for landmark regions - * the other for headings with additional information needed to create - * menuitems - * - * @param {Object} config - Object with configuration information - * - * @return see @desc - */ - - function getLandmarksAndHeadings (config) { - - let landmarkTargets = config.landmarks; - if (typeof landmarkTargets !== 'string') { - landmarkTargets = 'main search navigation'; - } - - let headingTargets = config.headings; - // If targets undefined, use default settings - if (typeof headingTargets !== 'string') { - headingTargets = 'h1 h2'; - } - - const [landmarks, headings] = queryDOMForLandmarksAndHeadings(landmarkTargets, headingTargets); - - return [getLandmarks(config, landmarks), getHeadings(config, headings)]; - } - - /* - * @function getHeadings - * - * @desc Returns an array of heading menu elements - * - * @param {Object} config - Object with configuration information - * @param {Object} headings - Array of dome node elements that are headings - * - * @returns see @desc - */ - function getHeadings (config, headings) { - let dataId, level; - let headingElementsArr = []; - - for (let i = 0, len = headings.length; i < len; i += 1) { - let heading = headings[i]; - let role = heading.node.getAttribute('role'); - if ((typeof role === 'string') && (role === 'presentation')) continue; - if (isVisible(heading.node) && isNotEmptyString(heading.node.innerHTML)) { - if (heading.node.hasAttribute('data-skip-to-id')) { - dataId = heading.node.getAttribute('data-skip-to-id'); - } else { - dataId = getSkipToIdIndex(); - heading.node.setAttribute('data-skip-to-id', dataId); - } - level = heading.node.tagName.substring(1); - const headingItem = {}; - headingItem.dataId = dataId.toString(); - headingItem.class = 'heading'; - headingItem.name = heading.name; - headingItem.ariaLabel = headingItem.name + ', '; - headingItem.ariaLabel += config.headingLevelLabel + ' ' + level; - headingItem.tagName = heading.node.tagName.toLowerCase(); - headingItem.role = 'heading'; - headingItem.level = level; - headingElementsArr.push(headingItem); - incSkipToIdIndex(); - } - } - return headingElementsArr; - } - - /* - * @function getLocalizedLandmarkName - * - * @desc Localizes a landmark name and adds accessible name if defined - * - * @param {Object} config - Object with configuration information - * @param {String} tagName - String with landamrk and/or tag names - * @param {String} AccName - Accessible name for therlandmark, maybe an empty string - * - * @returns {String} A localized string for a landmark name - */ - function getLocalizedLandmarkName (config, tagName, accName) { - let n; - switch (tagName) { - case 'aside': - n = config.asideLabel; - break; - case 'footer': - n = config.footerLabel; - break; - case 'form': - n = config.formLabel; - break; - case 'header': - n = config.headerLabel; - break; - case 'main': - n = config.mainLabel; - break; - case 'nav': - n = config.navLabel; - break; - case 'section': - case 'region': - n = config.regionLabel; - break; - case 'search': - n = config.searchLabel; - break; - // When an ID is used as a selector, assume for main content - default: - n = tagName; - break; - } - if (isNotEmptyString(accName)) { - n += ': ' + accName; - } - return n; - } - - /* - * @function getLandmarkTargets - * - * @desc Analyzes a configuration string for landamrk and tag names - * NOTE: This function is included to maximize compatibility - * with confiuguration strings that use CSS selectors - * in previous versions of SkipTo - * - * @param {String} targets - String with landamrk and/or tag names - * - * @returns {Array} A normailized array of landmark names based on target configuration - */ - function getLandmarkTargets (targets) { - let targetLandmarks = []; - targets = targets.toLowerCase(); - if (targets.includes('main')) { - targetLandmarks.push('main'); - } - if (targets.includes('search')) { - targetLandmarks.push('search'); - } - if (targets.includes('nav')) { - targetLandmarks.push('navigation'); - } - if (targets.includes('complementary') || - targets.includes('aside')) { - targetLandmarks.push('complementary'); - } - if (targets.includes('banner') || - targets.includes('header')) { - targetLandmarks.push('banner'); - } - if (targets.includes('contentinfo') || - targets.includes('footer')) { - targetLandmarks.push('contentinfo'); - } - if (targets.includes('region') || - targets.includes('section')) { - targetLandmarks.push('region'); - } - return targetLandmarks; - } - - - /* - * @function getLandmarks - * - * @desc Returns an array of objects with information to build the - * the landmarks menu, ordering in the array by the type of landmark - * region - * - * @param {Object} config - Object with configuration information - * @param {Array} landmarks - Array of objects containing the DOM node and - * accessible name for landmarks - * - * @returns {Array} see @desc - */ - function getLandmarks(config, landmarks) { - let mainElements = []; - let searchElements = []; - let navElements = []; - let asideElements = []; - let footerElements = []; - let regionElements = []; - let otherElements = []; - let dataId = ''; - for (let i = 0, len = landmarks.length; i < len; i += 1) { - let landmark = landmarks[i]; - if (landmark.node.id === 'id-skip-to') { - continue; - } - let role = landmark.node.getAttribute('role'); - let tagName = landmark.node.tagName.toLowerCase(); - if ((typeof role === 'string') && (role === 'presentation')) continue; - if (isVisible(landmark.node)) { - if (!role) role = tagName; - // normalize tagNames - switch (role) { - case 'banner': - tagName = 'header'; - break; - case 'complementary': - tagName = 'aside'; - break; - case 'contentinfo': - tagName = 'footer'; - break; - case 'form': - tagName = 'form'; - break; - case 'main': - tagName = 'main'; - break; - case 'navigation': - tagName = 'nav'; - break; - case 'region': - tagName = 'section'; - break; - case 'search': - tagName = 'search'; - break; - } - // if using ID for selectQuery give tagName as main - if (['aside', 'footer', 'form', 'header', 'main', 'nav', 'section', 'search'].indexOf(tagName) < 0) { - tagName = 'main'; - } - if (landmark.node.hasAttribute('aria-roledescription')) { - tagName = landmark.node.getAttribute('aria-roledescription').trim().replace(' ', '-'); - } - if (landmark.node.hasAttribute('data-skip-to-id')) { - dataId = landmark.node.getAttribute('data-skip-to-id'); - } else { - dataId = getSkipToIdIndex(); - landmark.node.setAttribute('data-skip-to-id', dataId); - } - const landmarkItem = {}; - landmarkItem.dataId = dataId.toString(); - landmarkItem.class = 'landmark'; - landmarkItem.hasName = landmark.name.length > 0; - landmarkItem.name = getLocalizedLandmarkName(config, tagName, landmark.name); - landmarkItem.tagName = tagName; - landmarkItem.nestingLevel = 0; - incSkipToIdIndex(); - - // For sorting landmarks into groups - switch (tagName) { - case 'main': - mainElements.push(landmarkItem); - break; - case 'search': - searchElements.push(landmarkItem); - break; - case 'nav': - navElements.push(landmarkItem); - break; - case 'aside': - asideElements.push(landmarkItem); - break; - case 'footer': - footerElements.push(landmarkItem); - break; - case 'section': - // Regions must have accessible name to be included - if (landmarkItem.hasName) { - regionElements.push(landmarkItem); - } - break; - default: - otherElements.push(landmarkItem); - break; - } - } - } - return [].concat(mainElements, searchElements, navElements, asideElements, regionElements, footerElements, otherElements); - } - - /* skiptoMenuButton.js */ - - /* Constants */ - const debug = new DebugLogging('SkipToButton', false); - debug.flag = false; - - /** - * @class SkiptoMenuButton - * - * @desc Constructor for creating a button to open a menu of headings and landmarks on - * a web page - * - * @param {Object} attachNode - DOM eleemnt node to attach button and menu container element - * - * @returns {Object} DOM element node that is the contatiner for the button and the menu - */ - class SkiptoMenuButton { - - constructor (attachNode, config, id) { - this.config = config; - - this.containerNode = document.createElement(config.containerElement); - if (config.containerElement === 'nav') { - this.containerNode.setAttribute('aria-label', config.buttonLabel); - } - - this.containerNode.id = id; - - if (isNotEmptyString(config.customClass)) { - this.containerNode.classList.add(config.customClass); - } - - let displayOption = config.displayOption; - if (typeof displayOption === 'string') { - displayOption = displayOption.trim().toLowerCase(); - if (displayOption.length) { - switch (config.displayOption) { - case 'fixed': - this.containerNode.classList.add('fixed'); - break; - case 'onfocus': // Legacy option - case 'popup': - this.containerNode.classList.add('popup'); - break; - } - } - } - - // Create button - - const [buttonVisibleLabel, buttonAriaLabel] = this.getBrowserSpecificShortcut(config); - - this.buttonNode = document.createElement('button'); - this.buttonNode.setAttribute('aria-label', buttonAriaLabel); - this.buttonNode.addEventListener('keydown', this.handleButtonKeydown.bind(this)); - this.buttonNode.addEventListener('click', this.handleButtonClick.bind(this)); - this.containerNode.appendChild(this.buttonNode); - - this.buttonTextNode = document.createElement('span'); - this.buttonTextNode.classList.add('text'); - this.buttonTextNode.textContent = buttonVisibleLabel; - this.buttonNode.appendChild(this.buttonTextNode); - - const imageNode = document.createElement('img'); - imageNode.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAVlpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KTMInWQAABP5JREFUWAm9V11MXEUUnjN7KbuwKD/L8qOp2kpbWCSFpkZN2qIxjQYWaC2JD/4kxsTE1MQHeedBY6K+mPSpJsakhcSgFaQk+qCh1DZRQmioSypVa0q1IKC1bFlw753jN5e9txfobmkBJ1nm3DPnb87fHEhkWGWVBx9QYqFCkSxk4nuFYMpA7jkilkIsMHNCGnI8m9VPl8/3/e0hcMEVAosjTc+wsl5iomcFc75LuTYA4ug7IajDZ+Qfnxw5dsMR5xoQqm0qF/OqgwXXO4cbscOQCwb5npuI9Yxq+bYBJTUHwqaZHMSNN99USjNE4jQoxuD5KeBnBSm+eZ4BYglWsQkhCzKLLWB6DHC1wwEj4j6DaiZHei8ZGmklkx+CwFZOgqalT772+qG67vb2duUwrXUPVzfVKMv6GMbsQm4ETVO8D5mHqHxXNLSQUFcFC23MdSmz9k3Fus+tVeGt+IsjrUFWc2MwokyfS5lTZiQTYndKuY5H33LlYCplv+Xmyq0Ep8PRvI+nYl0TzjngeKiqoQP63lrEzT9sIK5hIFKLhh1I76HKxjal5t4Tc17s6mEtNlQVbZse7f3A5SJx0dWn+D5DsbwmhBvqCpcQQDDb+ChuKmTrauvfy61h4qAhz0x70JJ8PYpUm5aZFaBvRElN9KGiyga2f1UN46W1rcUe+g0BkdwSiWiH1f4TqmocAGKP1oYqGPEZfGDyfN+vG6J9mVDbgNKqaMRkHkQTCtjnTBa8960U8hRyZAxljT4g44IsN1uWyVn6SRJ0dEP4xOzh5rqJTOXsZnf4kcbHlcUn0DhKl0pb2xc8mkC8R5nk11lCdE6M9sa8El0DNFLXqVCJN+GJF3GFbV7CdYK1Z45RoTw8febLWS1ziQFeJeHqlq2CrZ2WEBUkuBBt+p5M9F5eJDgJKfwot3xcBnJoB7yAB3JxoRUPEwX26r6Q1gCHeD32+yOthfNi/mVc4m0ke44tk+jIzOjJN/4XA5xLhKuj+y3FvTBkE7ww5zMKwrYBoUj0VSAr/RR450qs6y+HYSN2tOJuJHpzygtPG7oRmUl1FAhaEAndtN51FBdVNp5A/PGU3uXCs5uKtfseoCq+R14sGsBUbiAmuuxsT6Ahl3tV+SR1YAIY8eLuDObZzf6CGT1MOIsFwcOL7QTtwm/PA87h8j2nuKgvPnv97HL8ar+DlkoMDR1NZqLPaED8z+mz8FBtJgGZzvQIVV7d/OAfP/aMp6PLaABmtxdMqbakY749nuOZlGt+tzncXtjGUBiWItNNCko9RildJlvHWd19CJDbK0NAnOsMJKiIpJFNcmLBGUiY6rz3DIZDTyAJC7y4O4F1Ev52rhsDz5L1qPNFQl0lPRwc+XTwCgqjDD3bkpKfnBrtO+0QredeHGnZycocQB/IQ+EnA5RT6uvv7+dAeHsRFO0BUj/kB3NLtsfmpsbG1lN5KNIYFUp9DuW2R0lS50Ssu9NuQBjNc/5N8BBKDq9WahFdRhccQBx/JhbX8MDNI6SLHcShSbdjggFtALEuwA9zJu2DYrfJ4fBSdl7W7t9/+GLGfYz0LGguzH2GPr03ndz1wEP5KZKB551x3TXAEV5UGW0h4lfwOO3HdbMd/Fp2/fLBu1/B7Z9Mx072emWtMMA5rK9vNy5MDW8zhbUVLsxDqebil5be4VvcETQ9ExL9g3/rf3lqh/9iV1cXZpuV6z8QFu9El3GwrAAAAABJRU5ErkJggg=="; - imageNode.setAttribute('alt', ''); - this.buttonNode.appendChild(imageNode); - - // Create menu container - - this.menuNode = document.createElement('div'); - this.menuNode.id = 'id-skip-to-menu'; - this.menuNode.setAttribute('role', 'menu'); - this.menuNode.setAttribute('aria-label', config.menuLabel); - this.menuNode.setAttribute('aria-busy', 'true'); - this.containerNode.appendChild(this.menuNode); - - const landmarkGroupLabelNode = document.createElement('div'); - landmarkGroupLabelNode.id = 'id-skip-to-menu-landmark-group-label'; - landmarkGroupLabelNode.setAttribute('role', 'separator'); - landmarkGroupLabelNode.textContent = this.config.landmarkGroupLabel; - this.menuNode.appendChild(landmarkGroupLabelNode); - - this.landmarkGroupNode = document.createElement('div'); - this.landmarkGroupNode.setAttribute('role', 'group'); - this.landmarkGroupNode.setAttribute('aria-labelledby', landmarkGroupLabelNode.id); - this.landmarkGroupNode.id = '#id-skip-to-menu-landmark-group'; - this.menuNode.appendChild(this.landmarkGroupNode); - - const headingGroupLabelNode = document.createElement('div'); - headingGroupLabelNode.id = 'id-skip-to-menu-heading-group-label'; - headingGroupLabelNode.setAttribute('role', 'separator'); - headingGroupLabelNode.textContent = this.config.headingGroupLabel; - this.menuNode.appendChild(headingGroupLabelNode); - - this.headingGroupNode = document.createElement('div'); - this.headingGroupNode.setAttribute('role', 'group'); - this.headingGroupNode.setAttribute('aria-labelledby', headingGroupLabelNode.id); - this.headingGroupNode.id = '#id-skip-to-menu-heading-group'; - this.menuNode.appendChild(this.headingGroupNode); - - this.containerNode.addEventListener('focusin', this.handleFocusin.bind(this)); - this.containerNode.addEventListener('focusout', this.handleFocusout.bind(this)); - window.addEventListener('pointerdown', this.handleBackgroundPointerdown.bind(this), true); - - if (this.usesAltKey || this.usesOptionKey) { - document.addEventListener( - 'keydown', - this.handleDocumentKeydown.bind(this) - ); - } - - attachNode.insertBefore(this.containerNode, attachNode.firstElementChild); - - return this.containerNode; - - } - - /* - * @method getBrowserSpecificShortcut - * - * @desc Identifies the operating system and updates labels for - * shortcut key to use either the "alt" or the "option" - * label - * - * @param {Object} - SkipTp configure object - * - * @return {Array} - An array of two strings used for the button label - */ - getBrowserSpecificShortcut (config) { - const platform = navigator.platform.toLowerCase(); - const userAgent = navigator.userAgent.toLowerCase(); - - const hasWin = platform.indexOf('win') >= 0; - const hasMac = platform.indexOf('mac') >= 0; - const hasLinux = platform.indexOf('linux') >= 0 || platform.indexOf('bsd') >= 0; - const hasAndroid = userAgent.indexOf('android') >= 0; - - this.usesAltKey = hasWin || (hasLinux && !hasAndroid); - this.usesOptionKey = hasMac; - - let label = config.buttonLabel; - let ariaLabel = config.buttonLabel; - let buttonShortcut; - - // Check to make sure a shortcut key is defined - if (config.altShortcut && config.optionShortcut) { - if (this.usesAltKey || this.usesOptionKey) { - buttonShortcut = config.buttonShortcut.replace( - '$key', - config.altShortcut - ); - } - if (this.usesAltKey) { - buttonShortcut = buttonShortcut.replace( - '$modifier', - config.altLabel - ); - label = label + buttonShortcut; - ariaLabel = config.altButtonAriaLabel.replace('$key', config.altShortcut); - } - - if (this.usesOptionKey) { - buttonShortcut = buttonShortcut.replace( - '$modifier', - config.optionLabel - ); - label = label + buttonShortcut; - ariaLabel = config.optionButtonAriaLabel.replace('$key', config.altShortcut); - } - } - return [label, ariaLabel]; - } - - /* - * @method getFirstChar - * - * @desc Gets the first character in a menuitem to use as a shortcut key - * - * @param {Object} menuitem - DOM element node - * - * @returns {String} see @desc - */ - getFirstChar(menuitem) { - const label = menuitem.querySelector('.label'); - if (label && isNotEmptyString(label.textContent)) { - return label.textContent.trim()[0].toLowerCase(); - } - return ''; - } - - /* - * @method getHeadingLevelFromAttribute - * - * @desc Returns the the heading level of the menu item - * - * @param {Object} menuitem - DOM element node - * - * @returns {String} see @desc - */ - getHeadingLevelFromAttribute(menuitem) { - if (menuitem.hasAttribute('data-level')) { - return menuitem.getAttribute('data-level'); - } - return ''; - } - - /* - * @method updateKeyboardShortCuts - * - * @desc Updates the keyboard short cuts for the curent menu items - */ - updateKeyboardShortCuts () { - let mi; - this.firstChars = []; - this.headingLevels = []; - - for(let i = 0; i < this.menuitemNodes.length; i += 1) { - mi = this.menuitemNodes[i]; - this.firstChars.push(this.getFirstChar(mi)); - this.headingLevels.push(this.getHeadingLevelFromAttribute(mi)); - } - } - - /* - * @method updateMenuitems - * - * @desc Updates the menu information with the current manu items - * used for menu navgation commands - */ - updateMenuitems () { - let menuitemNodes = this.menuNode.querySelectorAll('[role=menuitem'); - - this.menuitemNodes = []; - for(let i = 0; i < menuitemNodes.length; i += 1) { - this.menuitemNodes.push(menuitemNodes[i]); - } - - this.firstMenuitem = this.menuitemNodes[0]; - this.lastMenuitem = this.menuitemNodes[this.menuitemNodes.length-1]; - this.lastMenuitem.classList.add('last'); - this.updateKeyboardShortCuts(); - } - - /* - * @method renderMenuitemToGroup - * - * @desc Renders a menuitem using an information object about the menuitem - * - * @param {Object} groupNode - DOM element node for the menu group - * @param {Object} mi - object with menuitem information - */ - renderMenuitemToGroup (groupNode, mi) { - let tagNode, tagNodeChild, labelNode, nestingNode; - - let menuitemNode = document.createElement('div'); - menuitemNode.setAttribute('role', 'menuitem'); - menuitemNode.classList.add(mi.class); - if (isNotEmptyString(mi.tagName)) { - menuitemNode.classList.add('skip-to-' + mi.tagName.toLowerCase()); - } - menuitemNode.setAttribute('data-id', mi.dataId); - menuitemNode.tabIndex = -1; - if (isNotEmptyString(mi.ariaLabel)) { - menuitemNode.setAttribute('aria-label', mi.ariaLabel); - } - - // add event handlers - menuitemNode.addEventListener('keydown', this.handleMenuitemKeydown.bind(this)); - menuitemNode.addEventListener('click', this.handleMenuitemClick.bind(this)); - menuitemNode.addEventListener('pointerenter', this.handleMenuitemPointerenter.bind(this)); - - groupNode.appendChild(menuitemNode); - - // add heading level and label - if (mi.class.includes('heading')) { - if (this.config.enableHeadingLevelShortcuts) { - tagNode = document.createElement('span'); - tagNodeChild = document.createElement('span'); - tagNodeChild.appendChild(document.createTextNode(mi.level)); - tagNode.append(tagNodeChild); - tagNode.appendChild(document.createTextNode(')')); - tagNode.classList.add('level'); - menuitemNode.append(tagNode); - } else { - menuitemNode.classList.add('no-level'); - } - menuitemNode.setAttribute('data-level', mi.level); - if (isNotEmptyString(mi.tagName)) { - menuitemNode.classList.add('skip-to-' + mi.tagName); - } - } - - // add nesting level for landmarks - if (mi.class.includes('landmark')) { - menuitemNode.setAttribute('data-nesting', mi.nestingLevel); - menuitemNode.classList.add('skip-to-nesting-level-' + mi.nestingLevel); - - if (mi.nestingLevel > 0 && (mi.nestingLevel > this.lastNestingLevel)) { - nestingNode = document.createElement('span'); - nestingNode.classList.add('nesting'); - menuitemNode.append(nestingNode); - } - this.lastNestingLevel = mi.nestingLevel; - } - - labelNode = document.createElement('span'); - labelNode.appendChild(document.createTextNode(mi.name)); - labelNode.classList.add('label'); - menuitemNode.append(labelNode); - - return menuitemNode; - } - - /* - * @method renderMenuitemsToGroup - * - * @desc Renders either the landmark region or headings menu group - * - * @param {Object} groupNode - DOM element node for the menu group - * @param {Array} menuitems - Array of objects with menu item information - * @param {String} msgNoItesmFound - Message to render if there are no menu items - */ - renderMenuitemsToGroup(groupNode, menuitems, msgNoItemsFound) { - groupNode.innerHTML = ''; - this.lastNestingLevel = 0; - - if (menuitems.length === 0) { - const item = {}; - item.name = msgNoItemsFound; - item.tagName = ''; - item.class = 'no-items'; - item.dataId = ''; - this.renderMenuitemToGroup(groupNode, item); - } - else { - for (let i = 0; i < menuitems.length; i += 1) { - this.renderMenuitemToGroup(groupNode, menuitems[i]); - } - } - } - - /* - * @method renderMenu - * - * @desc - */ - renderMenu() { - // remove landmark menu items - while (this.landmarkGroupNode.lastElementChild) { - this.landmarkGroupNode.removeChild(this.landmarkGroupNode.lastElementChild); - } - // remove heading menu items - while (this.headingGroupNode.lastElementChild) { - this.headingGroupNode.removeChild(this.headingGroupNode.lastElementChild); - } - - // Create landmarks group - const [landmarkElements, headingElements] = getLandmarksAndHeadings(this.config); - this.renderMenuitemsToGroup(this.landmarkGroupNode, landmarkElements, this.config.msgNoLandmarksFound); - this.renderMenuitemsToGroup(this.headingGroupNode, headingElements, this.config.msgNoHeadingsFound); - - // Update list of menuitems - this.updateMenuitems(); - } - - // - // Menu scripting helper functions and event handlers - // - - /* - * @method setFocusToMenuitem - * - * @desc Moves focus to menu item - * - * @param {Object} menuItem - DOM element node used as a menu item - */ - setFocusToMenuitem(menuitem) { - if (menuitem) { - menuitem.focus(); - } - } - - /* - * @method setFocusToFirstMenuitem - * - * @desc Moves focus to first menu item - */ - setFocusToFirstMenuitem() { - this.setFocusToMenuitem(this.firstMenuitem); - } - - /* - * @method setFocusToLastMenuitem - * - * @desc Moves focus to last menu item - */ - setFocusToLastMenuitem() { - this.setFocusToMenuitem(this.lastMenuitem); - } - - /* - * @method setFocusToPreviousMenuitem - * - * @desc Moves focus to previous menu item - * - * @param {Object} menuItem - DOM element node - */ - setFocusToPreviousMenuitem(menuitem) { - let newMenuitem, index; - if (menuitem === this.firstMenuitem) { - newMenuitem = this.lastMenuitem; - } else { - index = this.menuitemNodes.indexOf(menuitem); - newMenuitem = this.menuitemNodes[index - 1]; - } - this.setFocusToMenuitem(newMenuitem); - return newMenuitem; - } - - /* - * @method setFocusToNextMenuitem - * - * @desc Moves focus to next menu item - * - * @param {Object} menuItem - DOM element node - */ - setFocusToNextMenuitem(menuitem) { - let newMenuitem, index; - if (menuitem === this.lastMenuitem) { - newMenuitem = this.firstMenuitem; - } else { - index = this.menuitemNodes.indexOf(menuitem); - newMenuitem = this.menuitemNodes[index + 1]; - } - this.setFocusToMenuitem(newMenuitem); - return newMenuitem; - } - - /* - * @method setFocusByFirstCharacter - * - * @desc Moves focus to next menu item based on shortcut key - * - * @param {Object} menuItem - Starting DOM element node - * @param {String} char - Shortcut key to identify the - * next menu item - */ - setFocusByFirstCharacter(menuitem, char) { - let start, index; - if (char.length > 1) { - return; - } - char = char.toLowerCase(); - - // Get start index for search based on position of currentItem - start = this.menuitemNodes.indexOf(menuitem) + 1; - if (start >= this.menuitemNodes.length) { - start = 0; - } - - // Check remaining items in the menu - index = this.firstChars.indexOf(char, start); - - // If not found in remaining items, check headings - if (index === -1) { - index = this.headingLevels.indexOf(char, start); - } - - // If not found in remaining items, check from beginning - if (index === -1) { - index = this.firstChars.indexOf(char, 0); - } - - // If not found in remaining items, check headings from beginning - if (index === -1) { - index = this.headingLevels.indexOf(char, 0); - } - - // If match was found... - if (index > -1) { - this.setFocusToMenuitem(this.menuitemNodes[index]); - } - } - - /* - * @method getIndexFirstChars - * - * @desc - * - * @returns {Number} - */ - getIndexFirstChars(startIndex, char) { - for (let i = startIndex; i < this.firstChars.length; i += 1) { - if (char === this.firstChars[i]) { - return i; - } - } - return -1; - } - - /* - * @method openPopup - * - * @desc Opens the memu of landmark regions and headings - */ - openPopup() { - this.menuNode.setAttribute('aria-busy', 'true'); - const h = (80 * window.innerHeight) / 100; - this.menuNode.style.maxHeight = h + 'px'; - this.renderMenu(); - this.menuNode.style.display = 'block'; - const buttonRect = this.buttonNode.getBoundingClientRect(); - const menuRect = this.menuNode.getBoundingClientRect(); - const diff = window.innerWidth - buttonRect.left - menuRect.width - 8; - if (diff < 0) { - if (buttonRect.left + diff < 0) { - this.menuNode.style.left = (8 - buttonRect.left) + 'px'; - } else { - this.menuNode.style.left = diff + 'px'; - } - } - this.menuNode.removeAttribute('aria-busy'); - this.buttonNode.setAttribute('aria-expanded', 'true'); - } - - /* - * @method closePopup - * - * @desc Closes the memu of landmark regions and headings - */ - closePopup() { - if (this.isOpen()) { - this.buttonNode.setAttribute('aria-expanded', 'false'); - this.menuNode.style.display = 'none'; - } - } - - /* - * @method isOpen - * - * @desc Returns true if menu is open, otherwise false - * - * @returns {Boolean} see @desc - */ - isOpen() { - return this.buttonNode.getAttribute('aria-expanded') === 'true'; - } - - // Menu event handlers - - handleFocusin() { - this.containerNode.classList.add('focus'); - } - - handleFocusout() { - this.containerNode.classList.remove('focus'); - } - - handleButtonKeydown(event) { - let key = event.key, - flag = false; - switch (key) { - case ' ': - case 'Enter': - case 'ArrowDown': - case 'Down': - this.openPopup(); - this.setFocusToFirstMenuitem(); - flag = true; - break; - case 'Esc': - case 'Escape': - this.closePopup(); - this.buttonNode.focus(); - flag = true; - break; - case 'Up': - case 'ArrowUp': - this.openPopup(); - this.setFocusToLastMenuitem(); - flag = true; - break; - } - if (flag) { - event.stopPropagation(); - event.preventDefault(); - } - } - - handleButtonClick(event) { - if (this.isOpen()) { - this.closePopup(); - this.buttonNode.focus(); - } else { - this.openPopup(); - this.setFocusToFirstMenuitem(); - } - event.stopPropagation(); - event.preventDefault(); - } - - handleDocumentKeydown (event) { - let key = event.key, - flag = false; - - let altPressed = - this.usesAltKey && - event.altKey && - !event.ctrlKey && - !event.shiftKey && - !event.metaKey; - - let optionPressed = - this.usesOptionKey && - event.altKey && - !event.ctrlKey && - !event.shiftKey && - !event.metaKey; - - if ( - (optionPressed && this.config.optionShortcut === key) || - (altPressed && this.config.altShortcut === key) - ) { - this.openPopup(); - this.setFocusToFirstMenuitem(); - flag = true; - } - if (flag) { - event.stopPropagation(); - event.preventDefault(); - } - } - - handleMenuitemAction(tgt) { - switch (tgt.getAttribute('data-id')) { - case '': - // this means there were no headings or landmarks in the list - break; - - default: - this.closePopup(); - skipToElement(tgt); - break; - } - } - - handleMenuitemKeydown(event) { - let tgt = event.currentTarget, - key = event.key, - flag = false; - - function isPrintableCharacter(str) { - return str.length === 1 && str.match(/\S/); - } - if (event.ctrlKey || event.altKey || event.metaKey) { - return; - } - if (event.shiftKey) { - if (isPrintableCharacter(key)) { - this.setFocusByFirstCharacter(tgt, key); - flag = true; - } - if (event.key === 'Tab') { - this.buttonNode.focus(); - this.closePopup(); - flag = true; - } - } else { - switch (key) { - case 'Enter': - case ' ': - this.handleMenuitemAction(tgt); - flag = true; - break; - case 'Esc': - case 'Escape': - this.closePopup(); - this.buttonNode.focus(); - flag = true; - break; - case 'Up': - case 'ArrowUp': - this.setFocusToPreviousMenuitem(tgt); - flag = true; - break; - case 'ArrowDown': - case 'Down': - this.setFocusToNextMenuitem(tgt); - flag = true; - break; - case 'Home': - case 'PageUp': - this.setFocusToFirstMenuitem(); - flag = true; - break; - case 'End': - case 'PageDown': - this.setFocusToLastMenuitem(); - flag = true; - break; - case 'Tab': - this.closePopup(); - break; - default: - if (isPrintableCharacter(key)) { - this.setFocusByFirstCharacter(tgt, key); - flag = true; - } - break; - } - } - if (flag) { - event.stopPropagation(); - event.preventDefault(); - } - } - - handleMenuitemClick(event) { - this.handleMenuitemAction(event.currentTarget); - event.stopPropagation(); - event.preventDefault(); - } - - handleMenuitemPointerenter(event) { - let tgt = event.currentTarget; - tgt.focus(); - } - - handleBackgroundPointerdown(event) { - if (!this.containerNode.contains(event.target)) { - if (this.isOpen()) { - this.closePopup(); - this.buttonNode.focus(); - } - } - } - } - - (function() { - - const SkipTo = { - skipToId: 'id-skip-to', - domNode: null, - buttonNode: null, - menuNode: null, - menuitemNodes: [], - firstMenuitem: false, - lastMenuitem: false, - firstChars: [], - headingLevels: [], - skipToIdIndex: 1, - // Default configuration values - config: { - // Feature switches - enableHeadingLevelShortcuts: true, - - // Customization of button and menu - altShortcut: '0', // default shortcut key is the number zero - optionShortcut: 'º', // default shortcut key character associated with option+0 on mac - attachElement: 'body', - displayOption: 'popup', // Line edited by pre-build script, fixed - // container element, use containerClass for custom styling - containerElement: 'div', - containerRole: '', - customClass: '', - - // Button labels and messages - buttonLabel: 'Skip To Content', - altLabel: 'Alt', - optionLabel: 'Option', - buttonShortcut: ' ($modifier+$key)', - altButtonAriaLabel: 'Skip To Content, shortcut Alt plus $key', - optionButtonAriaLabel: 'Skip To Content, shortcut Option plus $key', - - // Menu labels and messages - menuLabel: 'Landmarks and Headings', - landmarkGroupLabel: 'Landmark Regions', - headingGroupLabel: 'Headings', - headingLevelLabel: 'Heading level', - mainLabel: 'main', - searchLabel: 'search', - navLabel: 'navigation', - regionLabel: 'region', - asideLabel: 'complementary', - footerLabel: 'contentinfo', - headerLabel: 'banner', - formLabel: 'form', - msgNoLandmarksFound: 'No landmarks found', - msgNoHeadingsFound: 'No headings found', - - // Selectors for landmark and headings sections - landmarks: 'main search navigation complementary', - headings: 'main h1 h2', - - // Place holders for configuration - colorTheme: 'aria', - fontFamily: '', - fontSize: '', - positionLeft: '', - mediaBreakPoint: '', - menuTextColor: '', - menuBackgroundColor: '', - menuitemFocusTextColor: '', - menuitemFocusBackgroundColor: '', - focusBorderColor: '', - buttonTextColor: '', - buttonBackgroundColor: '', - zIndex: '', - }, - colorThemes: { - 'default': { - fontFamily: 'inherit', - fontSize: 'inherit', - positionLeft: '46%', - mediaBreakPoint: '540', - menuTextColor: '#1a1a1a', - menuBackgroundColor: '#dcdcdc', - menuitemFocusTextColor: '#eeeeee', - menuitemFocusBackgroundColor: '#1a1a1a', - focusBorderColor: '#1a1a1a', - buttonTextColor: '#1a1a1a', - buttonBackgroundColor: '#eeeeee', - zIndex: '100000', - }, - 'aria': { - hostnameSelector: 'w3.org', - pathnameSelector: 'ARIA/apg', - fontFamily: 'sans-serif', - fontSize: '10pt', - positionLeft: '7%', - menuTextColor: '#000', - menuBackgroundColor: '#def', - menuitemFocusTextColor: '#fff', - menuitemFocusBackgroundColor: '#005a9c', - focusBorderColor: '#005a9c', - buttonTextColor: '#005a9c', - buttonBackgroundColor: '#ddd', - }, - 'illinois': { - hostnameSelector: 'illinois.edu', - menuTextColor: '#00132c', - menuBackgroundColor: '#cad9ef', - menuitemFocusTextColor: '#eeeeee', - menuitemFocusBackgroundColor: '#00132c', - focusBorderColor: '#ff552e', - buttonTextColor: '#444444', - buttonBackgroundColor: '#dddede', - }, - 'skipto': { - hostnameSelector: 'skipto-landmarks-headings.github.io', - fontSize: '14px', - menuTextColor: '#00132c', - menuBackgroundColor: '#cad9ef', - menuitemFocusTextColor: '#eeeeee', - menuitemFocusBackgroundColor: '#00132c', - focusBorderColor: '#ff552e', - buttonTextColor: '#444444', - buttonBackgroundColor: '#dddede', - }, - 'uic': { - hostnameSelector: 'uic.edu', - menuTextColor: '#001e62', - menuBackgroundColor: '#f8f8f8', - menuitemFocusTextColor: '#ffffff', - menuitemFocusBackgroundColor: '#001e62', - focusBorderColor: '#d50032', - buttonTextColor: '#ffffff', - buttonBackgroundColor: '#001e62', - }, - 'uillinois': { - hostnameSelector: 'uillinois.edu', - menuTextColor: '#001e62', - menuBackgroundColor: '#e8e9ea', - menuitemFocusTextColor: '#f8f8f8', - menuitemFocusBackgroundColor: '#13294b', - focusBorderColor: '#dd3403', - buttonTextColor: '#e8e9ea', - buttonBackgroundColor: '#13294b', - }, - 'uis': { - hostnameSelector: 'uis.edu', - menuTextColor: '#036', - menuBackgroundColor: '#fff', - menuitemFocusTextColor: '#fff', - menuitemFocusBackgroundColor: '#036', - focusBorderColor: '#dd3444', - buttonTextColor: '#fff', - buttonBackgroundColor: '#036', - } - }, - - /* - * @method init - * - * @desc Initializes the skipto button and menu with default and user - * defined options - * - * @param {object} config - Reference to configuration object - * can be undefined - */ - init: function(config) { - let node; - - // Check if skipto is already loaded - if (document.querySelector('style#' + this.skipToId)) { - return; - } - - let attachElement = document.body; - if (config) { - this.setupConfig(config); - } - if (typeof this.config.attachElement === 'string') { - node = document.querySelector(this.config.attachElement); - if (node && node.nodeType === Node.ELEMENT_NODE) { - attachElement = node; - } - } - // Add skipto style sheet to document - renderStyleElement(this.colorThemes, this.config, this.skipToId); - - new SkiptoMenuButton(attachElement, this.config, this.skipToId); - }, - - /* - * @method setupConfig - * - * @desc Get configuration information from user configuration to change - * default settings - * - * @param {object} appConfig - Javascript object with configuration information - */ - setupConfig: function(appConfig) { - let appConfigSettings; - // Support version 4.1 configuration object structure - // If found use it - if ((typeof appConfig.settings === 'object') && - (typeof appConfig.settings.skipTo === 'object')) { - appConfigSettings = appConfig.settings.skipTo; - } - else { - // Version 5.0 removes the requirement for the "settings" and "skipto" properties - // to reduce the complexity of configuring skipto - if ((typeof appConfig === 'undefined') || - (typeof appConfig !== 'object')) { - appConfigSettings = {}; - } - else { - appConfigSettings = appConfig; - } - } - - for (const name in appConfigSettings) { - //overwrite values of our local config, based on the external config - if ((typeof this.config[name] !== 'undefined') && - ((typeof appConfigSettings[name] === 'string') && - (appConfigSettings[name].length > 0 ) || - typeof appConfigSettings[name] === 'boolean') - ) { - this.config[name] = appConfigSettings[name]; - } else { - console.warn('[SkipTo]: Unsuported or deprecated configuration option "' + name + '".'); - } - } - } - }; - - // Initialize skipto menu button with onload event - window.addEventListener('load', function() { - SkipTo.init(window.SkipToConfig); - }); - })(); - -})(); +/* ======================================================================== + * Version: 5.1.6 + * Copyright (c) 2022, 2023 Jon Gunderson; Licensed BSD + * Copyright (c) 2021 PayPal Accessibility Team and University of Illinois; Licensed BSD + * All rights reserved. + * Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met: + * Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer. + * Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution. + * Neither the name of PayPal or any of its subsidiaries or affiliates, nor the name of the University of Illinois, nor the names of any other contributors contributors may be used to endorse or promote products derived from this software without specific prior written permission. + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + * + * Documenation: https://skipto-landmarks-headings.github.io/page-script-5 + * Code: https://github.com/skipto-landmarks-headings/page-script-5 + * Report Issues: https://github.com/skipto-landmarks-headings/page-script-5/issues + * ======================================================================== */ + +(function () { + 'use strict'; + + /* + * debug.js + * + * Usage + * import DebugLogging from './debug.js'; + * const debug = new DebugLogging('myLabel', true); // e.g. 'myModule' + * ... + * if (debug.flag) debug.log('myMessage'); + * + * Notes + * new DebugLogging() - calling the constructor with no arguments results + * in debug.flag set to false and debug.label set to 'debug'; + * constructor accepts 0, 1 or 2 arguments in any order + * @param flag [optional] {boolean} - sets debug.flag + * @param label [optional] {string} - sets debug.label + * Properties + * debug.flag {boolean} allows you to switch debug logging on or off; + * default value is false + * debug.label {string} rendered as a prefix to each log message; + * default value is 'debug' + * Methods + * debug.log calls console.log with label prefix and message + * @param message {object} - console.log calls toString() + * @param spaceAbove [optional] {boolean} + * + * debug.tag outputs tagName and textContent of DOM element + * @param node {DOM node reference} - usually an HTMLElement + * @param spaceAbove [optional] {boolean} + * + * debug.separator outputs only debug.label and a series of hyphens + * @param spaceAbove [optional] {boolean} + */ + + class DebugLogging { + constructor (...args) { + // Default values for cases where fewer than two arguments are provided + this._flag = false; + this._label = 'debug'; + + // The constructor may be called with zero, one or two arguments. If two + // arguments, they can be in any order: one is assumed to be the boolean + // value for '_flag' and the other one the string value for '_label'. + for (const [index, arg] of args.entries()) { + if (index < 2) { + switch (typeof arg) { + case 'boolean': + this._flag = arg; + break; + case 'string': + this._label = arg; + break; + } + } + } + } + + get flag () { return this._flag; } + + set flag (value) { + if (typeof value === 'boolean') { + this._flag = value; + } + } + + get label () { return this._label; } + + set label (value) { + if (typeof value === 'string') { + this._label = value; + } + } + + log (message, spaceAbove) { + const newline = spaceAbove ? '\n' : ''; + console.log(`${newline}[${this._label}] ${message}`); + } + + tag (node, spaceAbove) { + if (node && node.tagName) { + const text = node.textContent.trim().replace(/\s+/g, ' '); + this.log(`[${node.tagName}]: ${text.substring(0, 40)}`, spaceAbove); + } + } + + separator (spaceAbove) { + this.log('-----------------------------', spaceAbove); + } + + } + + /* style.js */ + + /* Constants */ + const debug$5 = new DebugLogging('style', false); + debug$5.flag = false; + + const styleTemplate = document.createElement('template'); + styleTemplate.innerHTML = ` + +`; + + /* + * @function getTheme + * + * @desc Returns + * + * @param {Object} colorThemes - Javascript object with keyed color themes + * @param {String} colorTheme - A string identifying a color theme + * + * @returns {Object} see @desc + */ + function getTheme(colorThemes, colorTheme) { + if (typeof colorThemes[colorTheme] === 'object') { + return colorThemes[colorTheme]; + } + // if no theme defined, use urlSelectors + let hostnameMatch = ''; + let pathnameMatch = ''; + let hostandpathnameMatch = ''; + + const locationURL = new URL(location.href); + const hostname = locationURL.hostname; + const pathname = location.pathname; + + for (let item in colorThemes) { + const hostnameSelector = colorThemes[item].hostnameSelector; + const pathnameSelector = colorThemes[item].pathnameSelector; + let hostnameFlag = false; + let pathnameFlag = false; + + + if (hostnameSelector) { + if (hostname.indexOf(hostnameSelector) >= 0) { + if (!hostnameMatch || + (colorThemes[hostnameMatch].hostnameSelector.length < hostnameSelector.length)) { + hostnameMatch = item; + hostnameFlag = true; + pathnameMatch = ''; + } + else { + // if the same hostname is used in another theme, set the hostnameFlas in case the pathname + // matches + if (colorThemes[hostnameMatch].hostnameSelector.length === hostnameSelector.length) { + hostnameFlag = true; + } + } + } + } + + if (pathnameSelector) { + if (pathname.indexOf(pathnameSelector) >= 0) { + if (!pathnameMatch || + (colorThemes[pathnameMatch].pathnameSelector.length < pathnameSelector.length)) { + pathnameMatch = item; + pathnameFlag = true; + } + } + } + + if (hostnameFlag && pathnameFlag) { + hostandpathnameMatch = item; + } + } + + if (hostandpathnameMatch) { + return colorThemes[hostandpathnameMatch]; + } + else { + if (hostnameMatch) { + return colorThemes[hostnameMatch]; + } else { + if (pathnameMatch) { + return colorThemes[pathnameMatch]; + } + } + } + + // if no other theme is found use default theme + return colorThemes['default']; + } + + /* + * @function updateStyle + * + * @desc + * + * @param + * + * @returns + */ + function updateStyle(stylePlaceholder, configValue, themeValue, defaultValue) { + let value = defaultValue; + if (typeof configValue === 'string' && configValue) { + value = configValue; + } else { + if (typeof themeValue === 'string' && themeValue) { + value = themeValue; + } + } + + let cssContent = styleTemplate.innerHTML; + let index1 = cssContent.indexOf(stylePlaceholder); + let index2 = index1 + stylePlaceholder.length; + while (index1 >= 0 && index2 < cssContent.length) { + cssContent = cssContent.substring(0, index1) + value + cssContent.substring(index2); + index1 = cssContent.indexOf(stylePlaceholder, index2); + index2 = index1 + stylePlaceholder.length; + } + styleTemplate.innerHTML = cssContent; + } + + /* + * @function addCSSColors + * + * @desc Updates the styling information in the attached + * stylesheet to use the configured or default colors + * + * @param {Object} colorThemes - Object with theme information + * @param {Object} config - Configuration information object + */ + function addCSSColors (colorThemes, config) { + const theme = getTheme(colorThemes, config.colorTheme); + const defaultTheme = getTheme(colorThemes, 'default'); + + // Check for display option in theme + if ((typeof theme.displayOption === 'string') && + ('fixed popup static'.indexOf(theme.displayOption.toLowerCase())>= 0)) { + config.displayOption = theme.displayOption; + } + + updateStyle('$fontFamily', config.fontFamily, theme.fontFamily, defaultTheme.fontFamily); + updateStyle('$fontSize', config.fontSize, theme.fontSize, defaultTheme.fontSize); + + updateStyle('$positionLeft', config.positionLeft, theme.positionLeft, defaultTheme.positionLeft); + updateStyle('$mediaBreakPoint', config.mediaBreakPoint, theme.mediaBreakPoint, defaultTheme.mediaBreakPoint); + + updateStyle('$menuTextColor', config.menuTextColor, theme.menuTextColor, defaultTheme.menuTextColor); + updateStyle('$menuBackgroundColor', config.menuBackgroundColor, theme.menuBackgroundColor, defaultTheme.menuBackgroundColor); + + updateStyle('$menuitemFocusTextColor', config.menuitemFocusTextColor, theme.menuitemFocusTextColor, defaultTheme.menuitemFocusTextColor); + updateStyle('$menuitemFocusBackgroundColor', config.menuitemFocusBackgroundColor, theme.menuitemFocusBackgroundColor, defaultTheme.menuitemFocusBackgroundColor); + + updateStyle('$focusBorderColor', config.focusBorderColor, theme.focusBorderColor, defaultTheme.focusBorderColor); + + updateStyle('$buttonTextColor', config.buttonTextColor, theme.buttonTextColor, defaultTheme.buttonTextColor); + updateStyle('$buttonBackgroundColor', config.buttonBackgroundColor, theme.buttonBackgroundColor, defaultTheme.buttonBackgroundColor); + + updateStyle('$zIndex', config.zIndex, theme.zIndex, defaultTheme.zIndex); + + } + + /* + * @function enderStyleElement + * + * @desc Updates the style sheet template and then attaches it to the document + * + * @param {Object} colorThemes - Object with theme information + * @param {Object} config - Configuration information object + * @param {String} skipYToStyleId - Id used for the skipto container element + */ + function renderStyleElement (colorThemes, config, skipToId) { + styleTemplate.innerHTML = styleTemplate.innerHTML.replaceAll('$skipToId', '#' + skipToId); + addCSSColors(colorThemes, config); + const styleNode = styleTemplate.content.cloneNode(true); + styleNode.id = `${skipToId}-style`; + const headNode = document.getElementsByTagName('head')[0]; + headNode.appendChild(styleNode); + } + + /* utils.js */ + + /* Constants */ + const debug$4 = new DebugLogging('Utils', false); + debug$4.flag = false; + + + /* + * @function getAttributeValue + * + * @desc Return attribute value if present on element, + * otherwise return empty string. + * + * @returns {String} see @desc + */ + function getAttributeValue (element, attribute) { + let value = element.getAttribute(attribute); + return (value === null) ? '' : normalize(value); + } + + /* + * @function normalize + * + * @desc Trim leading and trailing whitespace and condense all + * internal sequences of whitespace to a single space. Adapted from + * Mozilla documentation on String.prototype.trim polyfill. Handles + * BOM and NBSP characters. + * + * @return {String} see @desc + */ + function normalize (s) { + let rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g; + return s.replace(rtrim, '').replace(/\s+/g, ' '); + } + + /** + * @fuction isNotEmptyString + * + * @desc Returns true if the string has content, otherwise false + * + * @param {Boolean} see @desc + */ + function isNotEmptyString (str) { + return (typeof str === 'string') && str.length && str.trim() && str !== " "; + } + + /** + * @fuction isVisible + * + * @desc Returns true if the element is visible in the graphical rendering + * + * @param {node} elem - DOM element node of a labelable element + */ + function isVisible (element) { + + function isDisplayNone(el) { + if (!el || (el.nodeType !== Node.ELEMENT_NODE)) { + return false; + } + + if (el.hasAttribute('hidden')) { + return true; + } + + const style = window.getComputedStyle(el, null); + const display = style.getPropertyValue("display"); + if (display === 'none') { + return true; + } + + // check ancestors for display none + if (el.parentNode) { + return isDisplayNone(el.parentNode); + } + + return false; + } + + const computedStyle = window.getComputedStyle(element); + let visibility = computedStyle.getPropertyValue('visibility'); + if ((visibility === 'hidden') || (visibility === 'collapse')) { + return false; + } + + return !isDisplayNone(element); + } + + /* + * namefrom.js + */ + + /* constants */ + + const debug$3 = new DebugLogging('nameFrom', false); + debug$3.flag = false; + + // + // LOW-LEVEL HELPER FUNCTIONS (NOT EXPORTED) + + /* + * @function isDisplayNone + * + * @desc Returns true if the element or parent element has set the CSS + * display property to none or has the hidden attribute, + * otherwise false + * + * @param {Object} node - a DOM node + * + * @returns {Boolean} see @desc + */ + + function isDisplayNone (node) { + + if (!node) { + return false; + } + + if (node.nodeType === Node.TEXT_NODE) { + node = node.parentNode; + } + + if (node.nodeType === Node.ELEMENT_NODE) { + + if (node.hasAttribute('hidden')) { + return true; + } + + // aria-hidden attribute with the value "true" is an same as + // setting the hidden attribute for name calcuation + if (node.hasAttribute('aria-hidden')) { + if (node.getAttribute('aria-hidden').toLowerCase() === 'true') { + return true; + } + } + + const style = window.getComputedStyle(node, null); + + const display = style.getPropertyValue("display"); + + if (display) { + return display === 'none'; + } + } + return false; + } + + /* + * @function isVisibilityHidden + * + * @desc Returns true if the node (or it's parrent) has the CSS visibility + * property set to "hidden" or "collapse", otherwise false + * + * @param {Object} node - DOM node + * + * @return see @desc + */ + + function isVisibilityHidden(node) { + + if (!node) { + return false; + } + + if (node.nodeType === Node.TEXT_NODE) { + node = node.parentNode; + } + + if (node.nodeType === Node.ELEMENT_NODE) { + const style = window.getComputedStyle(node, null); + + const visibility = style.getPropertyValue("visibility"); + if (visibility) { + return (visibility === 'hidden') || (visibility === 'collapse'); + } + } + return false; + } + + /* + * @function isAriaHiddenFalse + * + * @desc Returns true if the node has the aria-hidden property set to + * "false", otherwise false. + * NOTE: This function is important in the accessible namce + * calculation, since content hidden with a CSS technique + * can be included in the accessible name calculation when + * aria-hidden is set to false + * + * @param {Object} node - DOM node + * + * @return see @desc + */ + + function isAriaHIddenFalse(node) { + + if (!node) { + return false; + } + + if (node.nodeType === Node.TEXT_NODE) { + node = node.parentNode; + } + + if (node.nodeType === Node.ELEMENT_NODE) { + return (node.hasAttribute('aria-hidden') && + (node.getAttribute('aria-hidden').toLowerCase() === 'false')); + } + + return false; + } + + /* + * @function includeContentInName + * + * @desc Checks the CSS display and hidden properties, and + * the aria-hidden property to see if the content + * should be included in the accessible name + * calculation. Returns true if it should be + * included, otherwise false + * + * @param {Object} node - DOM node + * + * @return see @desc + */ + + function includeContentInName(node) { + const flag = isAriaHIddenFalse(node) || + (!isVisibilityHidden(node) && + !isDisplayNone(node)); + return flag; + } + + /* + * @function getNodeContents + * + * @desc Recursively process element and text nodes by aggregating + * their text values for an ARIA accessible name or description + * calculation. + * + * NOTE: This includes special handling of elements with 'alt' + * text and embedded controls. + * + * @param {Object} node - A DOM node + * + * @return {String} The text content for an accessible name or description + */ + function getNodeContents (node) { + let contents = ''; + let nc; + let arr = []; + + switch (node.nodeType) { + case Node.ELEMENT_NODE: + // If aria-label is present, node recursion stops and + // aria-label value is returned + if (node.hasAttribute('aria-label')) { + if (includeContentInName(node)) { + contents = node.getAttribute('aria-label'); + } + } + else { + if (node instanceof HTMLSlotElement) { + // if no slotted elements, check for default slotted content + const assignedNodes = node.assignedNodes().length ? node.assignedNodes() : node.assignedNodes({ flatten: true }); + assignedNodes.forEach( assignedNode => { + nc = getNodeContents(assignedNode); + if (nc.length) arr.push(nc); + }); + contents = (arr.length) ? arr.join(' ') : ''; + } else { + if (couldHaveAltText(node) && includeContentInName(node)) { + contents = getAttributeValue(node, 'alt'); + } + else { + if (node.hasChildNodes()) { + let children = Array.from(node.childNodes); + children.forEach( child => { + nc = getNodeContents(child); + if (nc.length) arr.push(nc); + }); + contents = (arr.length) ? arr.join(' ') : ''; + } + } + // For all branches of the ELEMENT_NODE case... + } + } + contents = addCssGeneratedContent(node, contents); + break; + + case Node.TEXT_NODE: + if (includeContentInName(node)) { + contents = normalize(node.textContent); + } + break; + } + + return contents; + } + + /* + * @function couldHaveAltText + * + * @desc Based on HTML5 specification, returns true if + * the element could have an 'alt' attribute, + * otherwise false. + * + * @param {Object} element - DOM eleemnt node + * + * @return {Boolean} see @desc + */ + function couldHaveAltText (element) { + let tagName = element.tagName.toLowerCase(); + + switch (tagName) { + case 'img': + case 'area': + return true; + case 'input': + return (element.type && element.type === 'image'); + } + + return false; + } + + /* + * @function addCssGeneratedContent + * + * @desc Adds CSS-generated content for pseudo-elements + * :before and :after. According to the CSS spec, test that content + * value is other than the default computed value of 'none'. + * + * Note: Even if an author specifies content: 'none', because browsers + * add the double-quote character to the beginning and end of + * computed string values, the result cannot and will not be + * equal to 'none'. + * + * + * @param {Object} element - DOM node element + * @param {String} contents - Text content for DOM node + * + * @returns {String} see @desc + * + */ + function addCssGeneratedContent (element, contents) { + + let result = contents, + prefix = getComputedStyle(element, ':before').content, + suffix = getComputedStyle(element, ':after').content; + + if ((prefix[0] === '"') && !prefix.toLowerCase().includes('moz-')) { + result = prefix.substring(1, (prefix.length-1)) + result; + } + + if ((suffix[0] === '"') && !suffix.toLowerCase().includes('moz-')) { + result = result + suffix.substring(1, (suffix.length-1)) ; + } + + return result; + } + + /* accName.js */ + + /* Constants */ + const debug$2 = new DebugLogging('accName', false); + debug$2.flag = false; + + /** + * @fuction getAccessibleName + * + * @desc Returns the accessible name for an heading or landamrk + * + * @paramn {Object} dom - Document of the current element + * @param {node} element - DOM element node for either a heading or + * landmark + * @param {Boolean} fromContent - if true will compute name from content + * + * @return {String} The accessible name for the landmark or heading element + */ + + function getAccessibleName (doc, element, fromContent=false) { + let accName = ''; + + accName = nameFromAttributeIdRefs(doc, element, 'aria-labelledby'); + + if (accName === '' && element.hasAttribute('aria-label')) { + accName = element.getAttribute('aria-label').trim(); + } + + if (accName === '' && fromContent) { + accName = getNodeContents(element); + } + + if (accName === '' && element.title.trim() !== '') { + accName = element.title.trim(); + } + + return accName; + } + + /* + * @function nameFromAttributeIdRefs + * + * @desc Get the value of attrName on element (a space- + * separated list of IDREFs), visit each referenced element in the order it + * appears in the list and obtain its accessible name (skipping recursive + * aria-labelledby or aria-describedby calculations), and return an object + * with name property set to a string that is a space-separated concatena- + * tion of those results if any, otherwise return empty string. + * + * @param {Object} doc - Browser document object + * @param {Object} element - DOM element node + * @param {String} attribute - Attribute name (e.g. "aria-labelledby", "aria-describedby", + * or "aria-errormessage") + * + * @returns {String} see @desc + */ + function nameFromAttributeIdRefs (doc, element, attribute) { + const value = getAttributeValue(element, attribute); + const arr = []; + + if (value.length) { + const idRefs = value.split(' '); + + for (let i = 0; i < idRefs.length; i++) { + const refElement = doc.getElementById(idRefs[i]); + if (refElement) { + const accName = getNodeContents(refElement); + if (accName && accName.length) arr.push(accName); + } + } + } + + if (arr.length) { + return arr.join(' '); + } + + return ''; + } + + /* landmarksHeadings.js */ + + /* Constants */ + const debug$1 = new DebugLogging('landmarksHeadings', false); + debug$1.flag = false; + + const skipableElements = [ + 'base', + 'content', + 'frame', + 'iframe', + 'input[type=hidden]', + 'link', + 'meta', + 'noscript', + 'script', + 'style', + 'template', + 'shadow', + 'title' + ]; + + const allowedLandmarkSelectors = [ + 'banner', + 'complementary', + 'contentinfo', + 'form', + 'main', + 'navigation', + 'region', + 'search' + ]; + + const higherLevelElements = [ + 'article', + 'aside', + 'footer', + 'header', + 'main', + 'nav', + 'region', + 'section' + ]; + + + let idIndex = 0; + + /* + * @function getSkipToIdIndex + * + * @desc Returns the current skipto index used for generating + * id for target elements + * + * @returns {Number} see @desc + */ + function getSkipToIdIndex () { + return idIndex; + } + + /* + * @function incSkipToIdIndex + * + * @desc Adds one to the skipto index + */ + function incSkipToIdIndex () { + idIndex += 1; + } + + /* + * @function isSkipableElement + * + * @desc Returns true if the element is skipable, otherwise false + * + * @param {Object} element - DOM element node + * + * @returns {Boolean} see @desc + */ + function isSkipableElement(element) { + const tagName = element.tagName.toLowerCase(); + const type = element.hasAttribute('type') ? element.getAttribute('type') : ''; + const elemSelector = (tagName === 'input') && type.length ? + `${tagName}[type=${type}]` : + tagName; + return skipableElements.includes(elemSelector); + } + + /* + * @function isCustomElement + * + * @desc Reuturns true if the element is a custom element, otherwise + * false + * + * @param {Object} element - DOM element node + * + * @returns {Boolean} see @desc + */ + function isCustomElement(element) { + return element.tagName.indexOf('-') >= 0; + } + + /* + * @function sSlotElement + * + * @desc Reuturns true if the element is a slot element, otherwise + * false + * + * @param {Object} element - DOM element node + * + * @returns {Boolean} see @desc + */ + function isSlotElement(node) { + return (node instanceof HTMLSlotElement); + } + + /** + * @function isTopLevel + * + * @desc Tests the node to see if it is in the content of any other + * elements with default landmark roles or is the descendant + * of an element with a defined landmark role + * + * @param {Object} node - Element node from a berowser DOM + * + * @reutrn {Boolean} Returns true if top level landmark, otherwise false + */ + + function isTopLevel (node) { + node = node && node.parentNode; + while (node && (node.nodeType === Node.ELEMENT_NODE)) { + const tagName = node.tagName.toLowerCase(); + let role = node.getAttribute('role'); + if (role) { + role = role.toLowerCase(); + } + + if (higherLevelElements.includes(tagName) || + allowedLandmarkSelectors.includes(role)) { + return false; + } + node = node.parentNode; + } + return true; + } + + /* + * @function checkForLandmark + * + * @desc Re=trns the lamdnark name if a landmark, otherwise an + * empty string + * + * @param {Object} element - DOM element node + * + * @returns {String} see @desc + */ + function checkForLandmark (element) { + if (element.hasAttribute('role')) { + const role = element.getAttribute('role').toLowerCase(); + if (allowedLandmarkSelectors.indexOf(role) >= 0) { + return role; + } + } else { + const tagName = element.tagName.toLowerCase(); + + switch (tagName) { + case 'aside': + return 'complementary'; + + case 'main': + return 'main'; + + case 'nav': + return 'navigation'; + + case 'header': + if (isTopLevel(element)) { + return 'banner'; + } + break; + + case 'footer': + if (isTopLevel(element)) { + return 'contentinfo'; + } + break; + + case 'section': + // Sections need an accessible name for be considered a "region" landmark + if (element.hasAttribute('aria-label') || element.hasAttribute('aria-labelledby')) { + return 'region'; + } + break; + } + } + return ''; + } + + + /** + * @function queryDOMForSkipToId + * + * @desc Returns DOM node associated with the id, if id not found returns null + * + * @param {String} targetId - dom node element to attach button and menu + * + * @returns (Object) @desc + */ + function queryDOMForSkipToId (targetId) { + function transverseDOMForSkipToId(startingNode) { + var targetNode = null; + for (let node = startingNode.firstChild; node !== null; node = node.nextSibling ) { + if (node.nodeType === Node.ELEMENT_NODE) { + if (node.getAttribute('data-skip-to-id') === targetId) { + return node; + } + if (!isSkipableElement(node)) { + // check for slotted content + if (isSlotElement(node)) { + // if no slotted elements, check for default slotted content + const assignedNodes = node.assignedNodes().length ? + node.assignedNodes() : + node.assignedNodes({ flatten: true }); + for (let i = 0; i < assignedNodes.length; i += 1) { + const assignedNode = assignedNodes[i]; + if (assignedNode.nodeType === Node.ELEMENT_NODE) { + if (assignedNode.getAttribute('data-skip-to-id') === targetId) { + return assignedNode; + } + targetNode = transverseDOMForSkipToId(assignedNode); + if (targetNode) { + return targetNode; + } + } + } + } else { + // check for custom elements + if (isCustomElement(node)) { + if (node.shadowRoot) { + targetNode = transverseDOMForSkipToId(node.shadowRoot); + if (targetNode) { + return targetNode; + } + } + } else { + targetNode = transverseDOMForSkipToId(node); + if (targetNode) { + return targetNode; + } + } + } + } + } // end if + } // end for + return false; + } // end function + return transverseDOMForSkipToId(document.body); + } + + /** + * @function findVisibleElement + * + * @desc Returns the first isible decsendant DOM node that matches a set of element tag names + * + * @param {node} startingNode - dom node to start search for element + * @param {Array} tagNames - Array of tag names + * + * @returns (node} Returns first descendmt element, if not found returns false + */ + function findVisibleElement (startingNode, tagNames) { + + function transverseDOMForVisibleElement(startingNode, targetTagName) { + var targetNode = null; + for (let node = startingNode.firstChild; node !== null; node = node.nextSibling ) { + if (node.nodeType === Node.ELEMENT_NODE) { + if (!isSkipableElement(node)) { + // check for slotted content + if (isSlotElement(node)) { + // if no slotted elements, check for default slotted content + const assignedNodes = node.assignedNodes().length ? + node.assignedNodes() : + node.assignedNodes({ flatten: true }); + for (let i = 0; i < assignedNodes.length; i += 1) { + const assignedNode = assignedNodes[i]; + if (assignedNode.nodeType === Node.ELEMENT_NODE) { + const tagName = assignedNode.tagName.toLowerCase(); + if (tagName === targetTagName){ + if (isVisible(assignedNode)) { + return assignedNode; + } + } + targetNode = transverseDOMForVisibleElement(assignedNode, targetTagName); + if (targetNode) { + return targetNode; + } + } + } + } else { + // check for custom elements + if (isCustomElement(node)) { + if (node.shadowRoot) { + targetNode = transverseDOMForVisibleElement(node.shadowRoot, targetTagName); + if (targetNode) { + return targetNode; + } + } + } else { + const tagName = node.tagName.toLowerCase(); + if (tagName === targetTagName){ + if (isVisible(node)) { + return node; + } + } + targetNode = transverseDOMForVisibleElement(node, targetTagName); + if (targetNode) { + return targetNode; + } + } + } + } + } // end if + } // end for + return false; + } // end function + let targetNode = false; + + // Go through the tag names one at a time + for (let i = 0; i < tagNames.length; i += 1) { + targetNode = transverseDOMForVisibleElement(startingNode, tagNames[i]); + if (targetNode) { + break; + } + } + return targetNode ? targetNode : startingNode; + } + + /* + * @function skipToElement + * + * @desc Moves focus to the element identified by the memu item + * + * @param {Object} menutim - DOM element in the menu identifying the target element. + */ + function skipToElement(menuitem) { + + let focusNode = false; + let scrollNode = false; + let elem; + + const searchSelectors = ['input', 'button', 'a']; + const navigationSelectors = ['a', 'input', 'button']; + const landmarkSelectors = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'section', 'article', 'p', 'li', 'a']; + + const isLandmark = menuitem.classList.contains('landmark'); + const isSearch = menuitem.classList.contains('skip-to-search'); + const isNav = menuitem.classList.contains('skip-to-nav'); + + elem = queryDOMForSkipToId(menuitem.getAttribute('data-id')); + + if (elem) { + if (isSearch) { + focusNode = findVisibleElement(elem, searchSelectors); + } + if (isNav) { + focusNode = findVisibleElement(elem, navigationSelectors); + } + if (focusNode && isVisible(focusNode)) { + if (focusNode.tabIndex >= 0) { + focusNode.focus(); + } else { + focusNode.tabIndex = 0; + focusNode.focus(); + focusNode.tabIndex = -1; + } + focusNode.scrollIntoView({block: 'center'}); + } + else { + if (isLandmark) { + scrollNode = findVisibleElement(elem, landmarkSelectors); + if (scrollNode) { + elem = scrollNode; + } + } + if (elem.tabIndex >= 0) { + elem.focus(); + } else { + elem.tabIndex = 0; + elem.focus(); + elem.tabIndex = -1; + } + elem.scrollIntoView({block: 'center'}); + } + } + } + + /* + * @function getHeadingTargets + * + * @desc Returns an array of heading tag names to include in menu + * NOTE: It uses "includes" method to maximimze compatibility with + * previous versions of SkipTo which used CSS selectors for + * identifying targets. + * + * @param {String} targets - A space with the heading tags to inclucde + * + * @returns {Array} Array of heading element tag names to include in menu + */ + function getHeadingTargets(targets) { + let targetHeadings = []; + ['h1','h2','h3','h4','h5','h6'].forEach( h => { + if (targets.includes(h)) { + targetHeadings.push(h); + } + }); + return targetHeadings; + } + + /* + * @function isMain + * + * @desc Returns true if the element is a main landamrk + * + * @param {Object} element - DOM element node + * + * @returns {Boolean} see @desc + */ + function isMain (element) { + const tagName = element.tagName.toLowerCase(); + const role = element.hasAttribute('role') ? element.getAttribute('role').toLowerCase() : ''; + return (tagName === 'main') || (role === 'main'); + } + + /* + * @function queryDOMForLandmarksAndHeadings + * + * @desc Recursive function to return two arrays, one an array of the DOM element nodes for + * landmarks and the other an array of DOM element ndoes for headings + * + * @param {Array} landamrkTargets - An array of strings representing landmark regions + * @param {Array} headingTargets - An array of strings representing headings + * @param {String} skiptoId - An array of strings representing headings + * + * @returns {Array} @see @desc + */ + function queryDOMForLandmarksAndHeadings (landmarkTargets, headingTargets, skiptoId) { + let headingInfo = []; + let landmarkInfo = []; + let targetLandmarks = getLandmarkTargets(landmarkTargets.toLowerCase()); + let targetHeadings = getHeadingTargets(headingTargets.toLowerCase()); + let onlyInMain = headingTargets.includes('main'); + + function transverseDOM(startingNode, doc, parentDoc=null, inMain = false) { + for (let node = startingNode.firstChild; node !== null; node = node.nextSibling ) { + if (node.nodeType === Node.ELEMENT_NODE) { + const tagName = node.tagName.toLowerCase(); + if ((targetLandmarks.indexOf(checkForLandmark(node)) >= 0) && + (node.id !== skiptoId)) { + landmarkInfo.push({ node: node, name: getAccessibleName(doc, node)}); + } + if (targetHeadings.indexOf(tagName) >= 0) { + if (!onlyInMain || inMain) { + headingInfo.push({ node: node, name: getAccessibleName(doc, node, true)}); + } + } + + if (isMain(node)) { + inMain = true; + } + + if (!isSkipableElement(node)) { + // check for slotted content + if (isSlotElement(node)) { + // if no slotted elements, check for default slotted content + const slotContent = node.assignedNodes().length > 0; + const assignedNodes = slotContent ? + node.assignedNodes() : + node.assignedNodes({ flatten: true }); + const nameDoc = slotContent ? + parentDoc : + doc; + for (let i = 0; i < assignedNodes.length; i += 1) { + const assignedNode = assignedNodes[i]; + if (assignedNode.nodeType === Node.ELEMENT_NODE) { + const tagName = assignedNodes[i].tagName.toLowerCase(); + if (targetLandmarks.indexOf(checkForLandmark(assignedNode)) >= 0) { + landmarkInfo.push({ node: assignedNode, name: getAccessibleName(nameDoc, assignedNode)}); + } + + if (targetHeadings.indexOf(tagName) >= 0) { + if (!onlyInMain || inMain) { + headingInfo.push({ node: assignedNode, name: getAccessibleName(nameDoc, assignedNode, true)}); + } + } + if (slotContent) { + transverseDOM(assignedNode, parentDoc, null, inMain); + } else { + transverseDOM(assignedNode, doc, parentDoc, inMain); + } + } + } + } else { + // check for custom elements + if (isCustomElement(node)) { + if (node.shadowRoot) { + transverseDOM(node.shadowRoot, node.shadowRoot, doc, inMain); + } + } else { + transverseDOM(node, doc, parentDoc, inMain); + } + } + } + } // end if + } // end for + } // end function + + transverseDOM(document.body, document); + + // If no elements found when onlyInMain is set, try + // to find any headings + if ((headingInfo.length === 0) && onlyInMain) { + onlyInMain = false; + landmarkInfo = []; + transverseDOM(document.body, document); + if (headingInfo.length === 0) { + console.warn(`[skipTo.js]: no headings found on page`); + } + else { + console.warn(`[skipTo.js]: no headings found in main landmark, but ${headingInfo.length} found in page.`); + } + } + + if (landmarkInfo.length === 0) { + console.warn(`[skipTo.js]: no landmarks found on page`); + } + + + return [landmarkInfo, headingInfo]; + } + + /* + * @function getLandmarksAndHeadings + * + * @desc Returns two arrays of of DOM node elements with, one for landmark regions + * the other for headings with additional information needed to create + * menuitems + * + * @param {Object} config - Object with configuration information + * + * @return see @desc + */ + + function getLandmarksAndHeadings (config, skiptoId) { + + let landmarkTargets = config.landmarks; + if (typeof landmarkTargets !== 'string') { + console.warn(`[skipto.js]: Error in landmark configuration`); + landmarkTargets = 'main search navigation'; + } + + let headingTargets = config.headings; + // If targets undefined, use default settings + if (typeof headingTargets !== 'string') { + console.warn(`[skipto.js]: Error in heading configuration`); + headingTargets = 'h1 h2'; + } + + const [landmarks, headings] = queryDOMForLandmarksAndHeadings(landmarkTargets, headingTargets, skiptoId); + + return [getLandmarks(config, landmarks), getHeadings(config, headings)]; + } + + /* + * @function getHeadings + * + * @desc Returns an array of heading menu elements + * + * @param {Object} config - Object with configuration information + * @param {Object} headings - Array of dome node elements that are headings + * + * @returns see @desc + */ + function getHeadings (config, headings) { + let dataId, level; + let headingElementsArr = []; + + for (let i = 0, len = headings.length; i < len; i += 1) { + let heading = headings[i]; + let role = heading.node.getAttribute('role'); + if ((typeof role === 'string') && (role === 'presentation')) continue; + if (isVisible(heading.node) && isNotEmptyString(heading.node.innerHTML)) { + if (heading.node.hasAttribute('data-skip-to-id')) { + dataId = heading.node.getAttribute('data-skip-to-id'); + } else { + dataId = getSkipToIdIndex(); + heading.node.setAttribute('data-skip-to-id', dataId); + } + level = heading.node.tagName.substring(1); + const headingItem = {}; + headingItem.dataId = dataId.toString(); + headingItem.class = 'heading'; + headingItem.name = heading.name; + headingItem.ariaLabel = headingItem.name + ', '; + headingItem.ariaLabel += config.headingLevelLabel + ' ' + level; + headingItem.tagName = heading.node.tagName.toLowerCase(); + headingItem.role = 'heading'; + headingItem.level = level; + headingElementsArr.push(headingItem); + incSkipToIdIndex(); + } + } + return headingElementsArr; + } + + /* + * @function getLocalizedLandmarkName + * + * @desc Localizes a landmark name and adds accessible name if defined + * + * @param {Object} config - Object with configuration information + * @param {String} tagName - String with landamrk and/or tag names + * @param {String} AccName - Accessible name for therlandmark, maybe an empty string + * + * @returns {String} A localized string for a landmark name + */ + function getLocalizedLandmarkName (config, tagName, accName) { + let n; + switch (tagName) { + case 'aside': + n = config.asideLabel; + break; + case 'footer': + n = config.footerLabel; + break; + case 'form': + n = config.formLabel; + break; + case 'header': + n = config.headerLabel; + break; + case 'main': + n = config.mainLabel; + break; + case 'nav': + n = config.navLabel; + break; + case 'section': + case 'region': + n = config.regionLabel; + break; + case 'search': + n = config.searchLabel; + break; + // When an ID is used as a selector, assume for main content + default: + n = tagName; + break; + } + if (isNotEmptyString(accName)) { + n += ': ' + accName; + } + return n; + } + + /* + * @function getLandmarkTargets + * + * @desc Analyzes a configuration string for landamrk and tag names + * NOTE: This function is included to maximize compatibility + * with confiuguration strings that use CSS selectors + * in previous versions of SkipTo + * + * @param {String} targets - String with landamrk and/or tag names + * + * @returns {Array} A normailized array of landmark names based on target configuration + */ + function getLandmarkTargets (targets) { + let targetLandmarks = []; + targets = targets.toLowerCase(); + if (targets.includes('main')) { + targetLandmarks.push('main'); + } + if (targets.includes('search')) { + targetLandmarks.push('search'); + } + if (targets.includes('nav')) { + targetLandmarks.push('navigation'); + } + if (targets.includes('complementary') || + targets.includes('aside')) { + targetLandmarks.push('complementary'); + } + if (targets.includes('banner') || + targets.includes('header')) { + targetLandmarks.push('banner'); + } + if (targets.includes('contentinfo') || + targets.includes('footer')) { + targetLandmarks.push('contentinfo'); + } + if (targets.includes('region') || + targets.includes('section')) { + targetLandmarks.push('region'); + } + return targetLandmarks; + } + + + /* + * @function getLandmarks + * + * @desc Returns an array of objects with information to build the + * the landmarks menu, ordering in the array by the type of landmark + * region + * + * @param {Object} config - Object with configuration information + * @param {Array} landmarks - Array of objects containing the DOM node and + * accessible name for landmarks + * + * @returns {Array} see @desc + */ + function getLandmarks(config, landmarks) { + let mainElements = []; + let searchElements = []; + let navElements = []; + let asideElements = []; + let footerElements = []; + let regionElements = []; + let otherElements = []; + let dataId = ''; + for (let i = 0, len = landmarks.length; i < len; i += 1) { + let landmark = landmarks[i]; + if (landmark.node.id === 'id-skip-to') { + continue; + } + let role = landmark.node.getAttribute('role'); + let tagName = landmark.node.tagName.toLowerCase(); + if ((typeof role === 'string') && (role === 'presentation')) continue; + if (isVisible(landmark.node)) { + if (!role) role = tagName; + // normalize tagNames + switch (role) { + case 'banner': + tagName = 'header'; + break; + case 'complementary': + tagName = 'aside'; + break; + case 'contentinfo': + tagName = 'footer'; + break; + case 'form': + tagName = 'form'; + break; + case 'main': + tagName = 'main'; + break; + case 'navigation': + tagName = 'nav'; + break; + case 'region': + tagName = 'section'; + break; + case 'search': + tagName = 'search'; + break; + } + // if using ID for selectQuery give tagName as main + if (['aside', 'footer', 'form', 'header', 'main', 'nav', 'section', 'search'].indexOf(tagName) < 0) { + tagName = 'main'; + } + if (landmark.node.hasAttribute('aria-roledescription')) { + tagName = landmark.node.getAttribute('aria-roledescription').trim().replace(' ', '-'); + } + if (landmark.node.hasAttribute('data-skip-to-id')) { + dataId = landmark.node.getAttribute('data-skip-to-id'); + } else { + dataId = getSkipToIdIndex(); + landmark.node.setAttribute('data-skip-to-id', dataId); + } + const landmarkItem = {}; + landmarkItem.dataId = dataId.toString(); + landmarkItem.class = 'landmark'; + landmarkItem.hasName = landmark.name.length > 0; + landmarkItem.name = getLocalizedLandmarkName(config, tagName, landmark.name); + landmarkItem.tagName = tagName; + landmarkItem.nestingLevel = 0; + incSkipToIdIndex(); + + // For sorting landmarks into groups + switch (tagName) { + case 'main': + mainElements.push(landmarkItem); + break; + case 'search': + searchElements.push(landmarkItem); + break; + case 'nav': + navElements.push(landmarkItem); + break; + case 'aside': + asideElements.push(landmarkItem); + break; + case 'footer': + footerElements.push(landmarkItem); + break; + case 'section': + // Regions must have accessible name to be included + if (landmarkItem.hasName) { + regionElements.push(landmarkItem); + } + break; + default: + otherElements.push(landmarkItem); + break; + } + } + } + return [].concat(mainElements, searchElements, navElements, asideElements, regionElements, footerElements, otherElements); + } + + /* skiptoMenuButton.js */ + + /* Constants */ + const debug = new DebugLogging('SkipToButton', false); + debug.flag = false; + + /** + * @class SkiptoMenuButton + * + * @desc Constructor for creating a button to open a menu of headings and landmarks on + * a web page + * + * @param {Object} attachNode - DOM eleemnt node to attach button and menu container element + * + * @returns {Object} DOM element node that is the contatiner for the button and the menu + */ + class SkiptoMenuButton { + + constructor (attachNode, config, id) { + this.config = config; + this.skiptoId = id; + + this.containerNode = document.createElement(config.containerElement); + if (config.containerElement === 'nav') { + this.containerNode.setAttribute('aria-label', config.buttonLabel); + } + + this.containerNode.id = id; + + if (isNotEmptyString(config.customClass)) { + this.containerNode.classList.add(config.customClass); + } + + let displayOption = config.displayOption; + if (typeof displayOption === 'string') { + displayOption = displayOption.trim().toLowerCase(); + if (displayOption.length) { + switch (config.displayOption) { + case 'fixed': + this.containerNode.classList.add('fixed'); + break; + case 'onfocus': // Legacy option + case 'popup': + this.containerNode.classList.add('popup'); + break; + } + } + } + + // Create button + + const [buttonVisibleLabel, buttonAriaLabel] = this.getBrowserSpecificShortcut(config); + + this.buttonNode = document.createElement('button'); + this.buttonNode.setAttribute('aria-label', buttonAriaLabel); + this.buttonNode.addEventListener('keydown', this.handleButtonKeydown.bind(this)); + this.buttonNode.addEventListener('click', this.handleButtonClick.bind(this)); + this.containerNode.appendChild(this.buttonNode); + + this.buttonTextNode = document.createElement('span'); + this.buttonTextNode.classList.add('text'); + this.buttonTextNode.textContent = buttonVisibleLabel; + this.buttonNode.appendChild(this.buttonTextNode); + + const imageNode = document.createElement('img'); + imageNode.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAVlpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KTMInWQAABP5JREFUWAm9V11MXEUUnjN7KbuwKD/L8qOp2kpbWCSFpkZN2qIxjQYWaC2JD/4kxsTE1MQHeedBY6K+mPSpJsakhcSgFaQk+qCh1DZRQmioSypVa0q1IKC1bFlw753jN5e9txfobmkBJ1nm3DPnb87fHEhkWGWVBx9QYqFCkSxk4nuFYMpA7jkilkIsMHNCGnI8m9VPl8/3/e0hcMEVAosjTc+wsl5iomcFc75LuTYA4ug7IajDZ+Qfnxw5dsMR5xoQqm0qF/OqgwXXO4cbscOQCwb5npuI9Yxq+bYBJTUHwqaZHMSNN99USjNE4jQoxuD5KeBnBSm+eZ4BYglWsQkhCzKLLWB6DHC1wwEj4j6DaiZHei8ZGmklkx+CwFZOgqalT772+qG67vb2duUwrXUPVzfVKMv6GMbsQm4ETVO8D5mHqHxXNLSQUFcFC23MdSmz9k3Fus+tVeGt+IsjrUFWc2MwokyfS5lTZiQTYndKuY5H33LlYCplv+Xmyq0Ep8PRvI+nYl0TzjngeKiqoQP63lrEzT9sIK5hIFKLhh1I76HKxjal5t4Tc17s6mEtNlQVbZse7f3A5SJx0dWn+D5DsbwmhBvqCpcQQDDb+ChuKmTrauvfy61h4qAhz0x70JJ8PYpUm5aZFaBvRElN9KGiyga2f1UN46W1rcUe+g0BkdwSiWiH1f4TqmocAGKP1oYqGPEZfGDyfN+vG6J9mVDbgNKqaMRkHkQTCtjnTBa8960U8hRyZAxljT4g44IsN1uWyVn6SRJ0dEP4xOzh5rqJTOXsZnf4kcbHlcUn0DhKl0pb2xc8mkC8R5nk11lCdE6M9sa8El0DNFLXqVCJN+GJF3GFbV7CdYK1Z45RoTw8febLWS1ziQFeJeHqlq2CrZ2WEBUkuBBt+p5M9F5eJDgJKfwot3xcBnJoB7yAB3JxoRUPEwX26r6Q1gCHeD32+yOthfNi/mVc4m0ke44tk+jIzOjJN/4XA5xLhKuj+y3FvTBkE7ww5zMKwrYBoUj0VSAr/RR450qs6y+HYSN2tOJuJHpzygtPG7oRmUl1FAhaEAndtN51FBdVNp5A/PGU3uXCs5uKtfseoCq+R14sGsBUbiAmuuxsT6Ahl3tV+SR1YAIY8eLuDObZzf6CGT1MOIsFwcOL7QTtwm/PA87h8j2nuKgvPnv97HL8ar+DlkoMDR1NZqLPaED8z+mz8FBtJgGZzvQIVV7d/OAfP/aMp6PLaABmtxdMqbakY749nuOZlGt+tzncXtjGUBiWItNNCko9RildJlvHWd19CJDbK0NAnOsMJKiIpJFNcmLBGUiY6rz3DIZDTyAJC7y4O4F1Ev52rhsDz5L1qPNFQl0lPRwc+XTwCgqjDD3bkpKfnBrtO+0QredeHGnZycocQB/IQ+EnA5RT6uvv7+dAeHsRFO0BUj/kB3NLtsfmpsbG1lN5KNIYFUp9DuW2R0lS50Ssu9NuQBjNc/5N8BBKDq9WahFdRhccQBx/JhbX8MDNI6SLHcShSbdjggFtALEuwA9zJu2DYrfJ4fBSdl7W7t9/+GLGfYz0LGguzH2GPr03ndz1wEP5KZKB551x3TXAEV5UGW0h4lfwOO3HdbMd/Fp2/fLBu1/B7Z9Mx072emWtMMA5rK9vNy5MDW8zhbUVLsxDqebil5be4VvcETQ9ExL9g3/rf3lqh/9iV1cXZpuV6z8QFu9El3GwrAAAAABJRU5ErkJggg=="; + imageNode.setAttribute('alt', ''); + this.buttonNode.appendChild(imageNode); + + // Create menu container + + this.menuNode = document.createElement('div'); + this.menuNode.id = 'id-skip-to-menu'; + this.menuNode.setAttribute('role', 'menu'); + this.menuNode.setAttribute('aria-label', config.menuLabel); + this.menuNode.setAttribute('aria-busy', 'true'); + this.containerNode.appendChild(this.menuNode); + + const landmarkGroupLabelNode = document.createElement('div'); + landmarkGroupLabelNode.id = 'id-skip-to-menu-landmark-group-label'; + landmarkGroupLabelNode.setAttribute('role', 'separator'); + landmarkGroupLabelNode.textContent = this.config.landmarkGroupLabel; + this.menuNode.appendChild(landmarkGroupLabelNode); + + this.landmarkGroupNode = document.createElement('div'); + this.landmarkGroupNode.setAttribute('role', 'group'); + this.landmarkGroupNode.setAttribute('aria-labelledby', landmarkGroupLabelNode.id); + this.landmarkGroupNode.id = '#id-skip-to-menu-landmark-group'; + this.menuNode.appendChild(this.landmarkGroupNode); + + const headingGroupLabelNode = document.createElement('div'); + headingGroupLabelNode.id = 'id-skip-to-menu-heading-group-label'; + headingGroupLabelNode.setAttribute('role', 'separator'); + headingGroupLabelNode.textContent = this.config.headingGroupLabel; + this.menuNode.appendChild(headingGroupLabelNode); + + this.headingGroupNode = document.createElement('div'); + this.headingGroupNode.setAttribute('role', 'group'); + this.headingGroupNode.setAttribute('aria-labelledby', headingGroupLabelNode.id); + this.headingGroupNode.id = '#id-skip-to-menu-heading-group'; + this.menuNode.appendChild(this.headingGroupNode); + + this.containerNode.addEventListener('focusin', this.handleFocusin.bind(this)); + this.containerNode.addEventListener('focusout', this.handleFocusout.bind(this)); + window.addEventListener('pointerdown', this.handleBackgroundPointerdown.bind(this), true); + + if (this.usesAltKey || this.usesOptionKey) { + document.addEventListener( + 'keydown', + this.handleDocumentKeydown.bind(this) + ); + } + + attachNode.insertBefore(this.containerNode, attachNode.firstElementChild); + + return this.containerNode; + + } + + /* + * @method getBrowserSpecificShortcut + * + * @desc Identifies the operating system and updates labels for + * shortcut key to use either the "alt" or the "option" + * label + * + * @param {Object} - SkipTp configure object + * + * @return {Array} - An array of two strings used for the button label + */ + getBrowserSpecificShortcut (config) { + const platform = navigator.platform.toLowerCase(); + const userAgent = navigator.userAgent.toLowerCase(); + + const hasWin = platform.indexOf('win') >= 0; + const hasMac = platform.indexOf('mac') >= 0; + const hasLinux = platform.indexOf('linux') >= 0 || platform.indexOf('bsd') >= 0; + const hasAndroid = userAgent.indexOf('android') >= 0; + + this.usesAltKey = hasWin || (hasLinux && !hasAndroid); + this.usesOptionKey = hasMac; + + let label = config.buttonLabel; + let ariaLabel = config.buttonLabel; + let buttonShortcut; + + // Check to make sure a shortcut key is defined + if (config.altShortcut && config.optionShortcut) { + if (this.usesAltKey || this.usesOptionKey) { + buttonShortcut = config.buttonShortcut.replace( + '$key', + config.altShortcut + ); + } + if (this.usesAltKey) { + buttonShortcut = buttonShortcut.replace( + '$modifier', + config.altLabel + ); + label = label + buttonShortcut; + ariaLabel = config.altButtonAriaLabel.replace('$key', config.altShortcut); + } + + if (this.usesOptionKey) { + buttonShortcut = buttonShortcut.replace( + '$modifier', + config.optionLabel + ); + label = label + buttonShortcut; + ariaLabel = config.optionButtonAriaLabel.replace('$key', config.altShortcut); + } + } + return [label, ariaLabel]; + } + + /* + * @method getFirstChar + * + * @desc Gets the first character in a menuitem to use as a shortcut key + * + * @param {Object} menuitem - DOM element node + * + * @returns {String} see @desc + */ + getFirstChar(menuitem) { + const label = menuitem.querySelector('.label'); + if (label && isNotEmptyString(label.textContent)) { + return label.textContent.trim()[0].toLowerCase(); + } + return ''; + } + + /* + * @method getHeadingLevelFromAttribute + * + * @desc Returns the the heading level of the menu item + * + * @param {Object} menuitem - DOM element node + * + * @returns {String} see @desc + */ + getHeadingLevelFromAttribute(menuitem) { + if (menuitem.hasAttribute('data-level')) { + return menuitem.getAttribute('data-level'); + } + return ''; + } + + /* + * @method updateKeyboardShortCuts + * + * @desc Updates the keyboard short cuts for the curent menu items + */ + updateKeyboardShortCuts () { + let mi; + this.firstChars = []; + this.headingLevels = []; + + for(let i = 0; i < this.menuitemNodes.length; i += 1) { + mi = this.menuitemNodes[i]; + this.firstChars.push(this.getFirstChar(mi)); + this.headingLevels.push(this.getHeadingLevelFromAttribute(mi)); + } + } + + /* + * @method updateMenuitems + * + * @desc Updates the menu information with the current manu items + * used for menu navgation commands + */ + updateMenuitems () { + let menuitemNodes = this.menuNode.querySelectorAll('[role=menuitem'); + + this.menuitemNodes = []; + for(let i = 0; i < menuitemNodes.length; i += 1) { + this.menuitemNodes.push(menuitemNodes[i]); + } + + this.firstMenuitem = this.menuitemNodes[0]; + this.lastMenuitem = this.menuitemNodes[this.menuitemNodes.length-1]; + this.lastMenuitem.classList.add('last'); + this.updateKeyboardShortCuts(); + } + + /* + * @method renderMenuitemToGroup + * + * @desc Renders a menuitem using an information object about the menuitem + * + * @param {Object} groupNode - DOM element node for the menu group + * @param {Object} mi - object with menuitem information + */ + renderMenuitemToGroup (groupNode, mi) { + let tagNode, tagNodeChild, labelNode, nestingNode; + + let menuitemNode = document.createElement('div'); + menuitemNode.setAttribute('role', 'menuitem'); + menuitemNode.classList.add(mi.class); + if (isNotEmptyString(mi.tagName)) { + menuitemNode.classList.add('skip-to-' + mi.tagName.toLowerCase()); + } + menuitemNode.setAttribute('data-id', mi.dataId); + menuitemNode.tabIndex = -1; + if (isNotEmptyString(mi.ariaLabel)) { + menuitemNode.setAttribute('aria-label', mi.ariaLabel); + } + + // add event handlers + menuitemNode.addEventListener('keydown', this.handleMenuitemKeydown.bind(this)); + menuitemNode.addEventListener('click', this.handleMenuitemClick.bind(this)); + menuitemNode.addEventListener('pointerenter', this.handleMenuitemPointerenter.bind(this)); + + groupNode.appendChild(menuitemNode); + + // add heading level and label + if (mi.class.includes('heading')) { + if (this.config.enableHeadingLevelShortcuts) { + tagNode = document.createElement('span'); + tagNodeChild = document.createElement('span'); + tagNodeChild.appendChild(document.createTextNode(mi.level)); + tagNode.append(tagNodeChild); + tagNode.appendChild(document.createTextNode(')')); + tagNode.classList.add('level'); + menuitemNode.append(tagNode); + } else { + menuitemNode.classList.add('no-level'); + } + menuitemNode.setAttribute('data-level', mi.level); + if (isNotEmptyString(mi.tagName)) { + menuitemNode.classList.add('skip-to-' + mi.tagName); + } + } + + // add nesting level for landmarks + if (mi.class.includes('landmark')) { + menuitemNode.setAttribute('data-nesting', mi.nestingLevel); + menuitemNode.classList.add('skip-to-nesting-level-' + mi.nestingLevel); + + if (mi.nestingLevel > 0 && (mi.nestingLevel > this.lastNestingLevel)) { + nestingNode = document.createElement('span'); + nestingNode.classList.add('nesting'); + menuitemNode.append(nestingNode); + } + this.lastNestingLevel = mi.nestingLevel; + } + + labelNode = document.createElement('span'); + labelNode.appendChild(document.createTextNode(mi.name)); + labelNode.classList.add('label'); + menuitemNode.append(labelNode); + + return menuitemNode; + } + + /* + * @method renderMenuitemsToGroup + * + * @desc Renders either the landmark region or headings menu group + * + * @param {Object} groupNode - DOM element node for the menu group + * @param {Array} menuitems - Array of objects with menu item information + * @param {String} msgNoItesmFound - Message to render if there are no menu items + */ + renderMenuitemsToGroup(groupNode, menuitems, msgNoItemsFound) { + groupNode.innerHTML = ''; + this.lastNestingLevel = 0; + + if (menuitems.length === 0) { + const item = {}; + item.name = msgNoItemsFound; + item.tagName = ''; + item.class = 'no-items'; + item.dataId = ''; + this.renderMenuitemToGroup(groupNode, item); + } + else { + for (let i = 0; i < menuitems.length; i += 1) { + this.renderMenuitemToGroup(groupNode, menuitems[i]); + } + } + } + + /* + * @method renderMenu + * + * @desc + */ + renderMenu() { + // remove landmark menu items + while (this.landmarkGroupNode.lastElementChild) { + this.landmarkGroupNode.removeChild(this.landmarkGroupNode.lastElementChild); + } + // remove heading menu items + while (this.headingGroupNode.lastElementChild) { + this.headingGroupNode.removeChild(this.headingGroupNode.lastElementChild); + } + + // Create landmarks group + const [landmarkElements, headingElements] = getLandmarksAndHeadings(this.config, this.skiptoId); + + this.renderMenuitemsToGroup(this.landmarkGroupNode, landmarkElements, this.config.msgNoLandmarksFound); + this.renderMenuitemsToGroup(this.headingGroupNode, headingElements, this.config.msgNoHeadingsFound); + + // Update list of menuitems + this.updateMenuitems(); + } + + // + // Menu scripting helper functions and event handlers + // + + /* + * @method setFocusToMenuitem + * + * @desc Moves focus to menu item + * + * @param {Object} menuItem - DOM element node used as a menu item + */ + setFocusToMenuitem(menuitem) { + if (menuitem) { + menuitem.focus(); + } + } + + /* + * @method setFocusToFirstMenuitem + * + * @desc Moves focus to first menu item + */ + setFocusToFirstMenuitem() { + this.setFocusToMenuitem(this.firstMenuitem); + } + + /* + * @method setFocusToLastMenuitem + * + * @desc Moves focus to last menu item + */ + setFocusToLastMenuitem() { + this.setFocusToMenuitem(this.lastMenuitem); + } + + /* + * @method setFocusToPreviousMenuitem + * + * @desc Moves focus to previous menu item + * + * @param {Object} menuItem - DOM element node + */ + setFocusToPreviousMenuitem(menuitem) { + let newMenuitem, index; + if (menuitem === this.firstMenuitem) { + newMenuitem = this.lastMenuitem; + } else { + index = this.menuitemNodes.indexOf(menuitem); + newMenuitem = this.menuitemNodes[index - 1]; + } + this.setFocusToMenuitem(newMenuitem); + return newMenuitem; + } + + /* + * @method setFocusToNextMenuitem + * + * @desc Moves focus to next menu item + * + * @param {Object} menuItem - DOM element node + */ + setFocusToNextMenuitem(menuitem) { + let newMenuitem, index; + if (menuitem === this.lastMenuitem) { + newMenuitem = this.firstMenuitem; + } else { + index = this.menuitemNodes.indexOf(menuitem); + newMenuitem = this.menuitemNodes[index + 1]; + } + this.setFocusToMenuitem(newMenuitem); + return newMenuitem; + } + + /* + * @method setFocusByFirstCharacter + * + * @desc Moves focus to next menu item based on shortcut key + * + * @param {Object} menuItem - Starting DOM element node + * @param {String} char - Shortcut key to identify the + * next menu item + */ + setFocusByFirstCharacter(menuitem, char) { + let start, index; + if (char.length > 1) { + return; + } + char = char.toLowerCase(); + + // Get start index for search based on position of currentItem + start = this.menuitemNodes.indexOf(menuitem) + 1; + if (start >= this.menuitemNodes.length) { + start = 0; + } + + // Check remaining items in the menu + index = this.firstChars.indexOf(char, start); + + // If not found in remaining items, check headings + if (index === -1) { + index = this.headingLevels.indexOf(char, start); + } + + // If not found in remaining items, check from beginning + if (index === -1) { + index = this.firstChars.indexOf(char, 0); + } + + // If not found in remaining items, check headings from beginning + if (index === -1) { + index = this.headingLevels.indexOf(char, 0); + } + + // If match was found... + if (index > -1) { + this.setFocusToMenuitem(this.menuitemNodes[index]); + } + } + + /* + * @method getIndexFirstChars + * + * @desc + * + * @returns {Number} + */ + getIndexFirstChars(startIndex, char) { + for (let i = startIndex; i < this.firstChars.length; i += 1) { + if (char === this.firstChars[i]) { + return i; + } + } + return -1; + } + + /* + * @method openPopup + * + * @desc Opens the memu of landmark regions and headings + */ + openPopup() { + this.menuNode.setAttribute('aria-busy', 'true'); + const h = (80 * window.innerHeight) / 100; + this.menuNode.style.maxHeight = h + 'px'; + this.renderMenu(); + this.menuNode.style.display = 'block'; + const buttonRect = this.buttonNode.getBoundingClientRect(); + const menuRect = this.menuNode.getBoundingClientRect(); + const diff = window.innerWidth - buttonRect.left - menuRect.width - 8; + if (diff < 0) { + if (buttonRect.left + diff < 0) { + this.menuNode.style.left = (8 - buttonRect.left) + 'px'; + } else { + this.menuNode.style.left = diff + 'px'; + } + } + this.menuNode.removeAttribute('aria-busy'); + this.buttonNode.setAttribute('aria-expanded', 'true'); + } + + /* + * @method closePopup + * + * @desc Closes the memu of landmark regions and headings + */ + closePopup() { + if (this.isOpen()) { + this.buttonNode.setAttribute('aria-expanded', 'false'); + this.menuNode.style.display = 'none'; + } + } + + /* + * @method isOpen + * + * @desc Returns true if menu is open, otherwise false + * + * @returns {Boolean} see @desc + */ + isOpen() { + return this.buttonNode.getAttribute('aria-expanded') === 'true'; + } + + // Menu event handlers + + handleFocusin() { + this.containerNode.classList.add('focus'); + } + + handleFocusout() { + this.containerNode.classList.remove('focus'); + } + + handleButtonKeydown(event) { + let key = event.key, + flag = false; + switch (key) { + case ' ': + case 'Enter': + case 'ArrowDown': + case 'Down': + this.openPopup(); + this.setFocusToFirstMenuitem(); + flag = true; + break; + case 'Esc': + case 'Escape': + this.closePopup(); + this.buttonNode.focus(); + flag = true; + break; + case 'Up': + case 'ArrowUp': + this.openPopup(); + this.setFocusToLastMenuitem(); + flag = true; + break; + } + if (flag) { + event.stopPropagation(); + event.preventDefault(); + } + } + + handleButtonClick(event) { + if (this.isOpen()) { + this.closePopup(); + this.buttonNode.focus(); + } else { + this.openPopup(); + this.setFocusToFirstMenuitem(); + } + event.stopPropagation(); + event.preventDefault(); + } + + handleDocumentKeydown (event) { + let key = event.key, + flag = false; + + let altPressed = + this.usesAltKey && + event.altKey && + !event.ctrlKey && + !event.shiftKey && + !event.metaKey; + + let optionPressed = + this.usesOptionKey && + event.altKey && + !event.ctrlKey && + !event.shiftKey && + !event.metaKey; + + if ( + (optionPressed && this.config.optionShortcut === key) || + (altPressed && this.config.altShortcut === key) + ) { + this.openPopup(); + this.setFocusToFirstMenuitem(); + flag = true; + } + if (flag) { + event.stopPropagation(); + event.preventDefault(); + } + } + + handleMenuitemAction(tgt) { + switch (tgt.getAttribute('data-id')) { + case '': + // this means there were no headings or landmarks in the list + break; + + default: + this.closePopup(); + skipToElement(tgt); + break; + } + } + + handleMenuitemKeydown(event) { + let tgt = event.currentTarget, + key = event.key, + flag = false; + + function isPrintableCharacter(str) { + return str.length === 1 && str.match(/\S/); + } + if (event.ctrlKey || event.altKey || event.metaKey) { + return; + } + if (event.shiftKey) { + if (isPrintableCharacter(key)) { + this.setFocusByFirstCharacter(tgt, key); + flag = true; + } + if (event.key === 'Tab') { + this.buttonNode.focus(); + this.closePopup(); + flag = true; + } + } else { + switch (key) { + case 'Enter': + case ' ': + this.handleMenuitemAction(tgt); + flag = true; + break; + case 'Esc': + case 'Escape': + this.closePopup(); + this.buttonNode.focus(); + flag = true; + break; + case 'Up': + case 'ArrowUp': + this.setFocusToPreviousMenuitem(tgt); + flag = true; + break; + case 'ArrowDown': + case 'Down': + this.setFocusToNextMenuitem(tgt); + flag = true; + break; + case 'Home': + case 'PageUp': + this.setFocusToFirstMenuitem(); + flag = true; + break; + case 'End': + case 'PageDown': + this.setFocusToLastMenuitem(); + flag = true; + break; + case 'Tab': + this.closePopup(); + break; + default: + if (isPrintableCharacter(key)) { + this.setFocusByFirstCharacter(tgt, key); + flag = true; + } + break; + } + } + if (flag) { + event.stopPropagation(); + event.preventDefault(); + } + } + + handleMenuitemClick(event) { + this.handleMenuitemAction(event.currentTarget); + event.stopPropagation(); + event.preventDefault(); + } + + handleMenuitemPointerenter(event) { + let tgt = event.currentTarget; + tgt.focus(); + } + + handleBackgroundPointerdown(event) { + if (!this.containerNode.contains(event.target)) { + if (this.isOpen()) { + this.closePopup(); + this.buttonNode.focus(); + } + } + } + } + + (function() { + + const SkipTo = { + skipToId: 'id-skip-to', + domNode: null, + buttonNode: null, + menuNode: null, + menuitemNodes: [], + firstMenuitem: false, + lastMenuitem: false, + firstChars: [], + headingLevels: [], + skipToIdIndex: 1, + // Default configuration values + config: { + // Feature switches + enableHeadingLevelShortcuts: true, + + // Customization of button and menu + altShortcut: '0', // default shortcut key is the number zero + optionShortcut: 'º', // default shortcut key character associated with option+0 on mac + attachElement: 'body', + displayOption: 'popup', // options: static (default), popup, fixed + // container element, use containerClass for custom styling + containerElement: 'div', + containerRole: '', + customClass: '', + + // Button labels and messages + buttonLabel: 'Skip To Content', + altLabel: 'Alt', + optionLabel: 'Option', + buttonShortcut: ' ($modifier+$key)', + altButtonAriaLabel: 'Skip To Content, shortcut Alt plus $key', + optionButtonAriaLabel: 'Skip To Content, shortcut Option plus $key', + + // Menu labels and messages + menuLabel: 'Landmarks and Headings', + landmarkGroupLabel: 'Landmark Regions', + headingGroupLabel: 'Headings', + headingLevelLabel: 'Heading level', + mainLabel: 'main', + searchLabel: 'search', + navLabel: 'navigation', + regionLabel: 'region', + asideLabel: 'complementary', + footerLabel: 'contentinfo', + headerLabel: 'banner', + formLabel: 'form', + msgNoLandmarksFound: 'No landmarks found', + msgNoHeadingsFound: 'No headings found', + + // Selectors for landmark and headings sections + landmarks: 'main search navigation complementary', + headings: 'main h1 h2', + + // Place holders for configuration + colorTheme: 'aria', + fontFamily: '', + fontSize: '', + positionLeft: '', + mediaBreakPoint: '', + menuTextColor: '', + menuBackgroundColor: '', + menuitemFocusTextColor: '', + menuitemFocusBackgroundColor: '', + focusBorderColor: '', + buttonTextColor: '', + buttonBackgroundColor: '', + zIndex: '', + }, + colorThemes: { + 'default': { + fontFamily: 'inherit', + fontSize: 'inherit', + positionLeft: '46%', + mediaBreakPoint: '540', + menuTextColor: '#1a1a1a', + menuBackgroundColor: '#dcdcdc', + menuitemFocusTextColor: '#eeeeee', + menuitemFocusBackgroundColor: '#1a1a1a', + focusBorderColor: '#1a1a1a', + buttonTextColor: '#1a1a1a', + buttonBackgroundColor: '#eeeeee', + zIndex: '100000', + }, + 'aria': { + hostnameSelector: 'w3.org', + pathnameSelector: 'ARIA/apg', + fontFamily: 'sans-serif', + fontSize: '10pt', + positionLeft: '7%', + menuTextColor: '#000', + menuBackgroundColor: '#def', + menuitemFocusTextColor: '#fff', + menuitemFocusBackgroundColor: '#005a9c', + focusBorderColor: '#005a9c', + buttonTextColor: '#005a9c', + buttonBackgroundColor: '#ddd', + }, + 'illinois': { + hostnameSelector: 'illinois.edu', + menuTextColor: '#00132c', + menuBackgroundColor: '#cad9ef', + menuitemFocusTextColor: '#eeeeee', + menuitemFocusBackgroundColor: '#00132c', + focusBorderColor: '#ff552e', + buttonTextColor: '#444444', + buttonBackgroundColor: '#dddede', + }, + 'skipto': { + hostnameSelector: 'skipto-landmarks-headings.github.io', + fontSize: '14px', + menuTextColor: '#00132c', + menuBackgroundColor: '#cad9ef', + menuitemFocusTextColor: '#eeeeee', + menuitemFocusBackgroundColor: '#00132c', + focusBorderColor: '#ff552e', + buttonTextColor: '#444444', + buttonBackgroundColor: '#dddede', + }, + 'uic': { + hostnameSelector: 'uic.edu', + menuTextColor: '#001e62', + menuBackgroundColor: '#f8f8f8', + menuitemFocusTextColor: '#ffffff', + menuitemFocusBackgroundColor: '#001e62', + focusBorderColor: '#d50032', + buttonTextColor: '#ffffff', + buttonBackgroundColor: '#001e62', + }, + 'uillinois': { + hostnameSelector: 'uillinois.edu', + menuTextColor: '#001e62', + menuBackgroundColor: '#e8e9ea', + menuitemFocusTextColor: '#f8f8f8', + menuitemFocusBackgroundColor: '#13294b', + focusBorderColor: '#dd3403', + buttonTextColor: '#e8e9ea', + buttonBackgroundColor: '#13294b', + }, + 'uis': { + hostnameSelector: 'uis.edu', + menuTextColor: '#036', + menuBackgroundColor: '#fff', + menuitemFocusTextColor: '#fff', + menuitemFocusBackgroundColor: '#036', + focusBorderColor: '#dd3444', + buttonTextColor: '#fff', + buttonBackgroundColor: '#036', + } + }, + + /* + * @method init + * + * @desc Initializes the skipto button and menu with default and user + * defined options + * + * @param {object} config - Reference to configuration object + * can be undefined + */ + init: function(config) { + let node; + + // Check if skipto is already loaded + if (document.skipToHasBeenLoaded) { + console.warn('[skipTo.js] Skipto is already loaded!'); + return; + } + + document.skipToHasBeenLoaded = true; + + let attachElement = document.body; + if (config) { + this.setupConfig(config); + } + if (typeof this.config.attachElement === 'string') { + node = document.querySelector(this.config.attachElement); + if (node && node.nodeType === Node.ELEMENT_NODE) { + attachElement = node; + } + } + // Add skipto style sheet to document + renderStyleElement(this.colorThemes, this.config, this.skipToId); + + new SkiptoMenuButton(attachElement, this.config, this.skipToId); + }, + + /* + * @method setupConfig + * + * @desc Get configuration information from user configuration to change + * default settings + * + * @param {object} appConfig - Javascript object with configuration information + */ + setupConfig: function(appConfig) { + let appConfigSettings; + // Support version 4.1 configuration object structure + // If found use it + if ((typeof appConfig.settings === 'object') && + (typeof appConfig.settings.skipTo === 'object')) { + appConfigSettings = appConfig.settings.skipTo; + } + else { + // Version 5.0 removes the requirement for the "settings" and "skipto" properties + // to reduce the complexity of configuring skipto + if ((typeof appConfig === 'undefined') || + (typeof appConfig !== 'object')) { + appConfigSettings = {}; + } + else { + appConfigSettings = appConfig; + } + } + + for (const name in appConfigSettings) { + //overwrite values of our local config, based on the external config + if ((typeof this.config[name] !== 'undefined') && + ((typeof appConfigSettings[name] === 'string') && + (appConfigSettings[name].length > 0 ) || + typeof appConfigSettings[name] === 'boolean') + ) { + this.config[name] = appConfigSettings[name]; + } else { + console.warn('[SkipTo]: Unsuported or deprecated configuration option "' + name + '".'); + } + } + } + }; + + // Initialize skipto menu button with onload event + window.addEventListener('load', function() { + SkipTo.init(window.SkipToConfig); + }); + })(); + +})(); From 4deb6232e2e3e58d209678264a20a2e5f4e3927c Mon Sep 17 00:00:00 2001 From: michael-n-cooper-bot Date: Mon, 26 Jun 2023 02:43:39 +0000 Subject: [PATCH 03/10] Commit changes --- ARIA/apg/patterns/accordion/examples/accordion.md | 6 ++---- ARIA/apg/patterns/alert/examples/alert.md | 6 ++---- ARIA/apg/patterns/alertdialog/examples/alertdialog.md | 6 ++---- ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md | 6 ++---- ARIA/apg/patterns/button/examples/button.md | 6 ++---- ARIA/apg/patterns/button/examples/button_idl.md | 6 ++---- ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md | 6 ++---- ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md | 6 ++---- ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md | 6 ++---- ARIA/apg/patterns/checkbox/examples/checkbox.md | 6 ++---- .../combobox/examples/combobox-autocomplete-both.md | 6 ++---- .../combobox/examples/combobox-autocomplete-list.md | 6 ++---- .../combobox/examples/combobox-autocomplete-none.md | 6 ++---- ARIA/apg/patterns/combobox/examples/combobox-datepicker.md | 6 ++---- ARIA/apg/patterns/combobox/examples/combobox-select-only.md | 6 ++---- ARIA/apg/patterns/combobox/examples/grid-combo.md | 6 ++---- .../apg/patterns/dialog-modal/examples/datepicker-dialog.md | 6 ++---- ARIA/apg/patterns/dialog-modal/examples/dialog.md | 6 ++---- ARIA/apg/patterns/disclosure/examples/disclosure-faq.md | 6 ++---- .../disclosure/examples/disclosure-image-description.md | 6 ++---- .../disclosure/examples/disclosure-navigation-hybrid.md | 6 ++---- .../patterns/disclosure/examples/disclosure-navigation.md | 6 ++---- ARIA/apg/patterns/feed/examples/feed.md | 6 ++---- ARIA/apg/patterns/grid/examples/advanced-data-grid.md | 6 ++---- ARIA/apg/patterns/grid/examples/data-grids.md | 6 ++---- ARIA/apg/patterns/grid/examples/layout-grids.md | 6 ++---- ARIA/apg/patterns/link/examples/link.md | 6 ++---- ARIA/apg/patterns/listbox/examples/listbox-collapsible.md | 6 ++---- ARIA/apg/patterns/listbox/examples/listbox-grouped.md | 6 ++---- ARIA/apg/patterns/listbox/examples/listbox-rearrangeable.md | 6 ++---- ARIA/apg/patterns/listbox/examples/listbox-scrollable.md | 6 ++---- .../examples/menu-button-actions-active-descendant.md | 6 ++---- .../patterns/menu-button/examples/menu-button-actions.md | 6 ++---- ARIA/apg/patterns/menu-button/examples/menu-button-links.md | 6 ++---- ARIA/apg/patterns/menubar/examples/menubar-editor.md | 6 ++---- ARIA/apg/patterns/menubar/examples/menubar-navigation.md | 6 ++---- ARIA/apg/patterns/meter/examples/meter.md | 6 ++---- ARIA/apg/patterns/radio/examples/radio-activedescendant.md | 6 ++---- ARIA/apg/patterns/radio/examples/radio-rating.md | 6 ++---- ARIA/apg/patterns/radio/examples/radio.md | 6 ++---- .../slider-multithumb/examples/slider-multithumb.md | 6 ++---- ARIA/apg/patterns/slider/examples/slider-color-viewer.md | 6 ++---- ARIA/apg/patterns/slider/examples/slider-rating.md | 6 ++---- ARIA/apg/patterns/slider/examples/slider-seek.md | 6 ++---- ARIA/apg/patterns/slider/examples/slider-temperature.md | 6 ++---- .../patterns/spinbutton/examples/datepicker-spinbuttons.md | 6 ++---- ARIA/apg/patterns/switch/examples/switch-button.md | 6 ++---- ARIA/apg/patterns/switch/examples/switch-checkbox.md | 6 ++---- ARIA/apg/patterns/switch/examples/switch.md | 6 ++---- ARIA/apg/patterns/table/examples/sortable-table.md | 6 ++---- ARIA/apg/patterns/table/examples/table.md | 6 ++---- ARIA/apg/patterns/tabs/examples/tabs-automatic.md | 6 ++---- ARIA/apg/patterns/tabs/examples/tabs-manual.md | 6 ++---- ARIA/apg/patterns/toolbar/examples/toolbar.md | 6 ++---- ARIA/apg/patterns/treegrid/examples/treegrid-1.md | 6 ++---- ARIA/apg/patterns/treeview/examples/treeview-1a.md | 6 ++---- ARIA/apg/patterns/treeview/examples/treeview-1b.md | 6 ++---- ARIA/apg/patterns/treeview/examples/treeview-navigation.md | 6 ++---- ARIA/apg/shared/templates/example-usage-warning.html | 6 ++---- _external/aria-practices | 2 +- 60 files changed, 119 insertions(+), 237 deletions(-) diff --git a/ARIA/apg/patterns/accordion/examples/accordion.md b/ARIA/apg/patterns/accordion/examples/accordion.md index 003dfc2a4..e7c336cfe 100644 --- a/ARIA/apg/patterns/accordion/examples/accordion.md +++ b/ARIA/apg/patterns/accordion/examples/accordion.md @@ -67,10 +67,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
-

- The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

+ The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

    diff --git a/ARIA/apg/patterns/alert/examples/alert.md b/ARIA/apg/patterns/alert/examples/alert.md index e1fe7a997..600cc05d8 100644 --- a/ARIA/apg/patterns/alert/examples/alert.md +++ b/ARIA/apg/patterns/alert/examples/alert.md @@ -71,10 +71,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
    -

    - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

    + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

    This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

      diff --git a/ARIA/apg/patterns/alertdialog/examples/alertdialog.md b/ARIA/apg/patterns/alertdialog/examples/alertdialog.md index 6fcc02cf0..5ab31ebfe 100644 --- a/ARIA/apg/patterns/alertdialog/examples/alertdialog.md +++ b/ARIA/apg/patterns/alertdialog/examples/alertdialog.md @@ -69,10 +69,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
      -

      - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

      + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

      This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

        diff --git a/ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md b/ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md index 624a788e9..b98186e48 100644 --- a/ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md +++ b/ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md @@ -67,10 +67,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
        -

        - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

        + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

        This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

          diff --git a/ARIA/apg/patterns/button/examples/button.md b/ARIA/apg/patterns/button/examples/button.md index ed53d83dc..6e2ec4cd1 100644 --- a/ARIA/apg/patterns/button/examples/button.md +++ b/ARIA/apg/patterns/button/examples/button.md @@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
          -

          - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

          + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

          This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

            diff --git a/ARIA/apg/patterns/button/examples/button_idl.md b/ARIA/apg/patterns/button/examples/button_idl.md index f9b39f7bc..ccb170952 100644 --- a/ARIA/apg/patterns/button/examples/button_idl.md +++ b/ARIA/apg/patterns/button/examples/button_idl.md @@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
            -

            - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

            + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

            This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

              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 9a1cbf21e..4786b2e70 100644 --- a/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md +++ b/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md @@ -70,10 +70,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
              -

              - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

              + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

              This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                diff --git a/ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md b/ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md index 3f1903461..6a0b977c0 100644 --- a/ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md +++ b/ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md @@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                -

                - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                  diff --git a/ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md b/ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md index 3bb59d0d1..320b5cc32 100644 --- a/ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md +++ b/ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md @@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                  -

                  - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                  + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                  This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                    diff --git a/ARIA/apg/patterns/checkbox/examples/checkbox.md b/ARIA/apg/patterns/checkbox/examples/checkbox.md index 4551f61b5..df530c928 100644 --- a/ARIA/apg/patterns/checkbox/examples/checkbox.md +++ b/ARIA/apg/patterns/checkbox/examples/checkbox.md @@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                    -

                    - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                    + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                    This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                      diff --git a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both.md b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both.md index ff50672b9..c82f2e424 100644 --- a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both.md +++ b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both.md @@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                      -

                      - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                      + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                      This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                        diff --git a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list.md b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list.md index 33565ac14..8744eb3dc 100644 --- a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list.md +++ b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list.md @@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                        -

                        - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                        + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                        This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                          diff --git a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none.md b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none.md index 3992444f9..26631a54b 100644 --- a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none.md +++ b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none.md @@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                          -

                          - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                          + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                          This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                            diff --git a/ARIA/apg/patterns/combobox/examples/combobox-datepicker.md b/ARIA/apg/patterns/combobox/examples/combobox-datepicker.md index afcc9fdfa..793cdc8dd 100644 --- a/ARIA/apg/patterns/combobox/examples/combobox-datepicker.md +++ b/ARIA/apg/patterns/combobox/examples/combobox-datepicker.md @@ -74,10 +74,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                            -

                            - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                            + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                            This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                              diff --git a/ARIA/apg/patterns/combobox/examples/combobox-select-only.md b/ARIA/apg/patterns/combobox/examples/combobox-select-only.md index feb95ea8f..d156b7a2b 100644 --- a/ARIA/apg/patterns/combobox/examples/combobox-select-only.md +++ b/ARIA/apg/patterns/combobox/examples/combobox-select-only.md @@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                              -

                              - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                              + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                              This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                diff --git a/ARIA/apg/patterns/combobox/examples/grid-combo.md b/ARIA/apg/patterns/combobox/examples/grid-combo.md index 80aff3158..863ee936f 100644 --- a/ARIA/apg/patterns/combobox/examples/grid-combo.md +++ b/ARIA/apg/patterns/combobox/examples/grid-combo.md @@ -70,10 +70,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                -

                                - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                  diff --git a/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md b/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md index 47e00264d..1bd3c541a 100644 --- a/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md +++ b/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md @@ -74,10 +74,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                  -

                                  - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                  + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                  This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                    diff --git a/ARIA/apg/patterns/dialog-modal/examples/dialog.md b/ARIA/apg/patterns/dialog-modal/examples/dialog.md index 1c6abe439..728b8c1e8 100644 --- a/ARIA/apg/patterns/dialog-modal/examples/dialog.md +++ b/ARIA/apg/patterns/dialog-modal/examples/dialog.md @@ -69,10 +69,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                    -

                                    - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                    + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                    This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                      diff --git a/ARIA/apg/patterns/disclosure/examples/disclosure-faq.md b/ARIA/apg/patterns/disclosure/examples/disclosure-faq.md index 94a889d7b..5d8254dbe 100644 --- a/ARIA/apg/patterns/disclosure/examples/disclosure-faq.md +++ b/ARIA/apg/patterns/disclosure/examples/disclosure-faq.md @@ -70,10 +70,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                      -

                                      - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                      + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                      This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                        diff --git a/ARIA/apg/patterns/disclosure/examples/disclosure-image-description.md b/ARIA/apg/patterns/disclosure/examples/disclosure-image-description.md index 2245b5a00..2666853f0 100644 --- a/ARIA/apg/patterns/disclosure/examples/disclosure-image-description.md +++ b/ARIA/apg/patterns/disclosure/examples/disclosure-image-description.md @@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                        -

                                        - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                        + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                        This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                          diff --git a/ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid.md b/ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid.md index 72600cd75..ecadcea99 100644 --- a/ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid.md +++ b/ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid.md @@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                          -

                                          - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                          + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                          This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                            diff --git a/ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md b/ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md index a6e1a2259..3f755452c 100644 --- a/ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md +++ b/ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md @@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                            -

                                            - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                            + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                            This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                              diff --git a/ARIA/apg/patterns/feed/examples/feed.md b/ARIA/apg/patterns/feed/examples/feed.md index 267d252f5..089ed3c0c 100644 --- a/ARIA/apg/patterns/feed/examples/feed.md +++ b/ARIA/apg/patterns/feed/examples/feed.md @@ -62,10 +62,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                              -

                                              - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                              + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                              This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                                diff --git a/ARIA/apg/patterns/grid/examples/advanced-data-grid.md b/ARIA/apg/patterns/grid/examples/advanced-data-grid.md index 182bb937d..7c3461138 100644 --- a/ARIA/apg/patterns/grid/examples/advanced-data-grid.md +++ b/ARIA/apg/patterns/grid/examples/advanced-data-grid.md @@ -75,10 +75,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                -

                                                - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                                + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                                This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                                  diff --git a/ARIA/apg/patterns/grid/examples/data-grids.md b/ARIA/apg/patterns/grid/examples/data-grids.md index f938f22ab..757865743 100644 --- a/ARIA/apg/patterns/grid/examples/data-grids.md +++ b/ARIA/apg/patterns/grid/examples/data-grids.md @@ -75,10 +75,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                  -

                                                  - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                                  + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                                  This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                                    diff --git a/ARIA/apg/patterns/grid/examples/layout-grids.md b/ARIA/apg/patterns/grid/examples/layout-grids.md index 8470802f2..db599f64f 100644 --- a/ARIA/apg/patterns/grid/examples/layout-grids.md +++ b/ARIA/apg/patterns/grid/examples/layout-grids.md @@ -70,10 +70,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                    -

                                                    - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                                    + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                                    This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                                      diff --git a/ARIA/apg/patterns/link/examples/link.md b/ARIA/apg/patterns/link/examples/link.md index 1b403280b..84580f1c6 100644 --- a/ARIA/apg/patterns/link/examples/link.md +++ b/ARIA/apg/patterns/link/examples/link.md @@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                      -

                                                      - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                                      + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                                      This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                                        diff --git a/ARIA/apg/patterns/listbox/examples/listbox-collapsible.md b/ARIA/apg/patterns/listbox/examples/listbox-collapsible.md index 9982b3b9e..3971189c5 100644 --- a/ARIA/apg/patterns/listbox/examples/listbox-collapsible.md +++ b/ARIA/apg/patterns/listbox/examples/listbox-collapsible.md @@ -70,10 +70,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                        -

                                                        - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                                        + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                                        This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                                          diff --git a/ARIA/apg/patterns/listbox/examples/listbox-grouped.md b/ARIA/apg/patterns/listbox/examples/listbox-grouped.md index 2d8e0193e..6416e76b9 100644 --- a/ARIA/apg/patterns/listbox/examples/listbox-grouped.md +++ b/ARIA/apg/patterns/listbox/examples/listbox-grouped.md @@ -70,10 +70,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                          -

                                                          - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                                          + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                                          This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                                            diff --git a/ARIA/apg/patterns/listbox/examples/listbox-rearrangeable.md b/ARIA/apg/patterns/listbox/examples/listbox-rearrangeable.md index be831edfd..0ced2543e 100644 --- a/ARIA/apg/patterns/listbox/examples/listbox-rearrangeable.md +++ b/ARIA/apg/patterns/listbox/examples/listbox-rearrangeable.md @@ -71,10 +71,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                            -

                                                            - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                                            + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                                            This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                                              diff --git a/ARIA/apg/patterns/listbox/examples/listbox-scrollable.md b/ARIA/apg/patterns/listbox/examples/listbox-scrollable.md index ea275466c..7f1e1abee 100644 --- a/ARIA/apg/patterns/listbox/examples/listbox-scrollable.md +++ b/ARIA/apg/patterns/listbox/examples/listbox-scrollable.md @@ -70,10 +70,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                              -

                                                              - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                                              + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                                              This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                                                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 ffbba634e..14519d94e 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 @@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                                -

                                                                - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                                                + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                                                This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                                                  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 54e5825a6..76017dd97 100644 --- a/ARIA/apg/patterns/menu-button/examples/menu-button-actions.md +++ b/ARIA/apg/patterns/menu-button/examples/menu-button-actions.md @@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                                  -

                                                                  - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                                                  + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                                                  This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                                                    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 9f9a586d9..120749cd8 100644 --- a/ARIA/apg/patterns/menu-button/examples/menu-button-links.md +++ b/ARIA/apg/patterns/menu-button/examples/menu-button-links.md @@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                                    -

                                                                    - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                                                    + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                                                    This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                                                      diff --git a/ARIA/apg/patterns/menubar/examples/menubar-editor.md b/ARIA/apg/patterns/menubar/examples/menubar-editor.md index 1ea700e64..c25cde6cf 100644 --- a/ARIA/apg/patterns/menubar/examples/menubar-editor.md +++ b/ARIA/apg/patterns/menubar/examples/menubar-editor.md @@ -69,10 +69,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                                      -

                                                                      - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                                                      + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                                                      This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                                                        diff --git a/ARIA/apg/patterns/menubar/examples/menubar-navigation.md b/ARIA/apg/patterns/menubar/examples/menubar-navigation.md index 7a5057ccd..7c477735d 100644 --- a/ARIA/apg/patterns/menubar/examples/menubar-navigation.md +++ b/ARIA/apg/patterns/menubar/examples/menubar-navigation.md @@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                                        -

                                                                        - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                                                        + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                                                        This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                                                          diff --git a/ARIA/apg/patterns/meter/examples/meter.md b/ARIA/apg/patterns/meter/examples/meter.md index c04ec889b..c30ac4a7c 100644 --- a/ARIA/apg/patterns/meter/examples/meter.md +++ b/ARIA/apg/patterns/meter/examples/meter.md @@ -74,10 +74,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                                          -

                                                                          - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                                                          + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                                                          This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                                                            diff --git a/ARIA/apg/patterns/radio/examples/radio-activedescendant.md b/ARIA/apg/patterns/radio/examples/radio-activedescendant.md index 495cf1a40..e6f501454 100644 --- a/ARIA/apg/patterns/radio/examples/radio-activedescendant.md +++ b/ARIA/apg/patterns/radio/examples/radio-activedescendant.md @@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                                            -

                                                                            - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                                                            + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                                                            This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                                                              diff --git a/ARIA/apg/patterns/radio/examples/radio-rating.md b/ARIA/apg/patterns/radio/examples/radio-rating.md index 5ff0cb9a5..e28fff726 100644 --- a/ARIA/apg/patterns/radio/examples/radio-rating.md +++ b/ARIA/apg/patterns/radio/examples/radio-rating.md @@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                                              -

                                                                              - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                                                              + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                                                              This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                                                                diff --git a/ARIA/apg/patterns/radio/examples/radio.md b/ARIA/apg/patterns/radio/examples/radio.md index 45efbd21f..9869c952d 100644 --- a/ARIA/apg/patterns/radio/examples/radio.md +++ b/ARIA/apg/patterns/radio/examples/radio.md @@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                                                -

                                                                                - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                                                                + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                                                                This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                                                                  diff --git a/ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb.md b/ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb.md index 84529d4a8..581afa748 100644 --- a/ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb.md +++ b/ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb.md @@ -71,10 +71,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                                                  -

                                                                                  - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                                                                  + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                                                                  This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                                                                    diff --git a/ARIA/apg/patterns/slider/examples/slider-color-viewer.md b/ARIA/apg/patterns/slider/examples/slider-color-viewer.md index 47b1ce3f0..41daac89d 100644 --- a/ARIA/apg/patterns/slider/examples/slider-color-viewer.md +++ b/ARIA/apg/patterns/slider/examples/slider-color-viewer.md @@ -69,10 +69,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                                                    -

                                                                                    - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                                                                    + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                                                                    This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                                                                      diff --git a/ARIA/apg/patterns/slider/examples/slider-rating.md b/ARIA/apg/patterns/slider/examples/slider-rating.md index 083cdc54c..66f7fd67d 100644 --- a/ARIA/apg/patterns/slider/examples/slider-rating.md +++ b/ARIA/apg/patterns/slider/examples/slider-rating.md @@ -69,10 +69,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                                                      -

                                                                                      - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                                                                      + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                                                                      This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                                                                        diff --git a/ARIA/apg/patterns/slider/examples/slider-seek.md b/ARIA/apg/patterns/slider/examples/slider-seek.md index 882eff0d4..360137ce9 100644 --- a/ARIA/apg/patterns/slider/examples/slider-seek.md +++ b/ARIA/apg/patterns/slider/examples/slider-seek.md @@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                                                        -

                                                                                        - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                                                                        + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                                                                        This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                                                                          diff --git a/ARIA/apg/patterns/slider/examples/slider-temperature.md b/ARIA/apg/patterns/slider/examples/slider-temperature.md index fcdad0b73..e9dde0272 100644 --- a/ARIA/apg/patterns/slider/examples/slider-temperature.md +++ b/ARIA/apg/patterns/slider/examples/slider-temperature.md @@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                                                          -

                                                                                          - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                                                                          + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                                                                          This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                                                                            diff --git a/ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons.md b/ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons.md index 5d130f1dd..87ef934d0 100644 --- a/ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons.md +++ b/ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons.md @@ -75,10 +75,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                                                            -

                                                                                            - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                                                                            + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                                                                            This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                                                                              diff --git a/ARIA/apg/patterns/switch/examples/switch-button.md b/ARIA/apg/patterns/switch/examples/switch-button.md index 11ead1b7f..5d97b387e 100644 --- a/ARIA/apg/patterns/switch/examples/switch-button.md +++ b/ARIA/apg/patterns/switch/examples/switch-button.md @@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                                                              -

                                                                                              - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                                                                              + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                                                                              This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                                                                                diff --git a/ARIA/apg/patterns/switch/examples/switch-checkbox.md b/ARIA/apg/patterns/switch/examples/switch-checkbox.md index 087067445..ac0732e85 100644 --- a/ARIA/apg/patterns/switch/examples/switch-checkbox.md +++ b/ARIA/apg/patterns/switch/examples/switch-checkbox.md @@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                                                                -

                                                                                                - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                                                                                + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                                                                                This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                                                                                  diff --git a/ARIA/apg/patterns/switch/examples/switch.md b/ARIA/apg/patterns/switch/examples/switch.md index 6ef4f8156..252185747 100644 --- a/ARIA/apg/patterns/switch/examples/switch.md +++ b/ARIA/apg/patterns/switch/examples/switch.md @@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                                                                  -

                                                                                                  - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                                                                                  + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                                                                                  This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                                                                                    diff --git a/ARIA/apg/patterns/table/examples/sortable-table.md b/ARIA/apg/patterns/table/examples/sortable-table.md index 5b512d996..43ae0c159 100644 --- a/ARIA/apg/patterns/table/examples/sortable-table.md +++ b/ARIA/apg/patterns/table/examples/sortable-table.md @@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                                                                    -

                                                                                                    - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                                                                                    + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                                                                                    This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                                                                                      diff --git a/ARIA/apg/patterns/table/examples/table.md b/ARIA/apg/patterns/table/examples/table.md index e27a6f755..1bdb7736f 100644 --- a/ARIA/apg/patterns/table/examples/table.md +++ b/ARIA/apg/patterns/table/examples/table.md @@ -67,10 +67,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                                                                      -

                                                                                                      - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                                                                                      + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                                                                                      This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                                                                                        diff --git a/ARIA/apg/patterns/tabs/examples/tabs-automatic.md b/ARIA/apg/patterns/tabs/examples/tabs-automatic.md index e38f382cd..4dd56669e 100644 --- a/ARIA/apg/patterns/tabs/examples/tabs-automatic.md +++ b/ARIA/apg/patterns/tabs/examples/tabs-automatic.md @@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                                                                        -

                                                                                                        - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                                                                                        + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                                                                                        This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                                                                                          diff --git a/ARIA/apg/patterns/tabs/examples/tabs-manual.md b/ARIA/apg/patterns/tabs/examples/tabs-manual.md index db5849354..25124c4d0 100644 --- a/ARIA/apg/patterns/tabs/examples/tabs-manual.md +++ b/ARIA/apg/patterns/tabs/examples/tabs-manual.md @@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                                                                          -

                                                                                                          - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                                                                                          + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                                                                                          This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                                                                                            diff --git a/ARIA/apg/patterns/toolbar/examples/toolbar.md b/ARIA/apg/patterns/toolbar/examples/toolbar.md index 6dc039efb..d7650b8b5 100644 --- a/ARIA/apg/patterns/toolbar/examples/toolbar.md +++ b/ARIA/apg/patterns/toolbar/examples/toolbar.md @@ -83,10 +83,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                                                                            -

                                                                                                            - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                                                                                            + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                                                                                            This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                                                                                              diff --git a/ARIA/apg/patterns/treegrid/examples/treegrid-1.md b/ARIA/apg/patterns/treegrid/examples/treegrid-1.md index 000412f72..505139acc 100644 --- a/ARIA/apg/patterns/treegrid/examples/treegrid-1.md +++ b/ARIA/apg/patterns/treegrid/examples/treegrid-1.md @@ -92,10 +92,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                                                                              -

                                                                                                              - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                                                                                              + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                                                                                              This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                                                                                                diff --git a/ARIA/apg/patterns/treeview/examples/treeview-1a.md b/ARIA/apg/patterns/treeview/examples/treeview-1a.md index f7ae922eb..59d5bb440 100644 --- a/ARIA/apg/patterns/treeview/examples/treeview-1a.md +++ b/ARIA/apg/patterns/treeview/examples/treeview-1a.md @@ -77,10 +77,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                                                                                -

                                                                                                                - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                                                                                                + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                                                                                                This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                                                                                                  diff --git a/ARIA/apg/patterns/treeview/examples/treeview-1b.md b/ARIA/apg/patterns/treeview/examples/treeview-1b.md index 4b04f786e..064b14478 100644 --- a/ARIA/apg/patterns/treeview/examples/treeview-1b.md +++ b/ARIA/apg/patterns/treeview/examples/treeview-1b.md @@ -77,10 +77,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                                                                                  -

                                                                                                                  - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                                                                                                  + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                                                                                                  This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                                                                                                    diff --git a/ARIA/apg/patterns/treeview/examples/treeview-navigation.md b/ARIA/apg/patterns/treeview/examples/treeview-navigation.md index 9ec54192a..b118dbf3a 100644 --- a/ARIA/apg/patterns/treeview/examples/treeview-navigation.md +++ b/ARIA/apg/patterns/treeview/examples/treeview-navigation.md @@ -68,10 +68,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                                                                                    -

                                                                                                                    - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                                                                                                    + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                                                                                                    This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                                                                                                      diff --git a/ARIA/apg/shared/templates/example-usage-warning.html b/ARIA/apg/shared/templates/example-usage-warning.html index e081775b8..3d5b202ab 100644 --- a/ARIA/apg/shared/templates/example-usage-warning.html +++ b/ARIA/apg/shared/templates/example-usage-warning.html @@ -5,10 +5,8 @@
                                                                                                                      -

                                                                                                                      - The code in this example is not intended for production environments. - Before using it for any purpose, read this to understand why. -

                                                                                                                      + The code in this example is not intended for production environments. + Before using it for any purpose, read this to understand why.

                                                                                                                      This is an illustrative example of one way of using ARIA that conforms with the ARIA specification.

                                                                                                                        diff --git a/_external/aria-practices b/_external/aria-practices index b2718f456..83d132968 160000 --- a/_external/aria-practices +++ b/_external/aria-practices @@ -1 +1 @@ -Subproject commit b2718f456c00d9ca04a508270aacb7a6c3521b69 +Subproject commit 83d1329687a9f3e35737ff1a49bb2678eab02c15 From 74b1166fb916e6de3e1ec0add3c8c8703aac991a Mon Sep 17 00:00:00 2001 From: michael-n-cooper-bot Date: Wed, 5 Jul 2023 16:53:52 +0000 Subject: [PATCH 04/10] 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 e7c336cfe..2fc457a64 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 600cc05d8..1ee1f5d0d 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 5ab31ebfe..d1e64ecdb 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 b98186e48..ab6b48ee3 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 6e2ec4cd1..d2ec10b3c 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 ccb170952..8bddef7d1 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 4786b2e70..e7203afd2 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 6a0b977c0..c36c854aa 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 320b5cc32..1e5a2d8d5 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 df530c928..51d5a56e9 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 c82f2e424..a5f825f4d 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 8744eb3dc..5e867d40a 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 26631a54b..111289a00 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 793cdc8dd..b0bad04d8 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 d156b7a2b..00883cdf4 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 863ee936f..2386d8f61 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 1bd3c541a..1a7c86b77 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 728b8c1e8..62605df8a 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 5d8254dbe..d3810e3a7 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 2666853f0..b8bf3f972 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 ecadcea99..29f77a1fb 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 3f755452c..a35b84566 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 089ed3c0c..3e981d142 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 7c3461138..af1398909 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 757865743..d0668d71e 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 db599f64f..b2cde8dc0 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 84580f1c6..d7c111c4e 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 3971189c5..219239395 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 6416e76b9..2e27bbdd4 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 0ced2543e..52d7af9a6 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 7f1e1abee..1af411c94 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 14519d94e..fa033ca33 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 76017dd97..7d0d4f5cc 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 120749cd8..79b95b106 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 c25cde6cf..c6259339e 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 7c477735d..5285f94c5 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 c30ac4a7c..c14ee145f 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 e6f501454..a1ba4f70b 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 e28fff726..ffcb30148 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 9869c952d..ee6a810ce 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 581afa748..beffd5a5a 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 41daac89d..c489638c8 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 66f7fd67d..8b21a3038 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 360137ce9..d866be326 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 e9dde0272..c514d4aa2 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 87ef934d0..5eb400c36 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 5d97b387e..71315874d 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 ac0732e85..15d73ac6f 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 252185747..41f4bc273 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 43ae0c159..9097bc089 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 1bdb7736f..b7b6826f0 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 4dd56669e..4c3c9c747 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 25124c4d0..5842e8f4f 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 d7650b8b5..41a487ecf 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 505139acc..5c662985e 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 59d5bb440..c6743ebea 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 064b14478..fc5e01d51 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 b118dbf3a..d0963e2f8 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 26 June 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " # 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 83d132968..114ae4554 160000 --- a/_external/aria-practices +++ b/_external/aria-practices @@ -1 +1 @@ -Subproject commit 83d1329687a9f3e35737ff1a49bb2678eab02c15 +Subproject commit 114ae4554f5ca895924375058dc6157aa35e253a From 7663d10f9248cf5860c70edc5d687c4452f16d39 Mon Sep 17 00:00:00 2001 From: michael-n-cooper-bot Date: Mon, 10 Jul 2023 21:21:40 +0000 Subject: [PATCH 05/10] 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 +- .../patterns/carousel/examples/carousel-1-prev-next.md | 2 +- .../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 +- ARIA/apg/patterns/combobox/combobox-pattern.md | 9 ++++++--- .../combobox/examples/combobox-autocomplete-both.md | 2 +- .../combobox/examples/combobox-autocomplete-list.md | 2 +- .../combobox/examples/combobox-autocomplete-none.md | 2 +- .../patterns/combobox/examples/combobox-datepicker.md | 2 +- .../patterns/combobox/examples/combobox-select-only.md | 2 +- ARIA/apg/patterns/combobox/examples/grid-combo.md | 2 +- .../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 +- .../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 +- .../apg/patterns/listbox/examples/listbox-collapsible.md | 2 +- ARIA/apg/patterns/listbox/examples/listbox-grouped.md | 2 +- .../patterns/listbox/examples/listbox-rearrangeable.md | 2 +- ARIA/apg/patterns/listbox/examples/listbox-scrollable.md | 2 +- .../examples/menu-button-actions-active-descendant.md | 2 +- .../patterns/menu-button/examples/menu-button-actions.md | 2 +- .../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/patterns.md | 2 +- .../patterns/radio/examples/radio-activedescendant.md | 2 +- ARIA/apg/patterns/radio/examples/radio-rating.md | 2 +- ARIA/apg/patterns/radio/examples/radio.md | 2 +- .../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 +- .../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 +- .../patterns/treeview/examples/treeview-navigation.md | 2 +- _external/aria-practices | 2 +- 61 files changed, 66 insertions(+), 63 deletions(-) diff --git a/ARIA/apg/patterns/accordion/examples/accordion.md b/ARIA/apg/patterns/accordion/examples/accordion.md index 2fc457a64..471f5d7e1 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 1ee1f5d0d..d9eb5d565 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 d1e64ecdb..21e9cd7b4 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 ab6b48ee3..77f1c071b 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 d2ec10b3c..c5b88ea6c 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 8bddef7d1..6b810c12a 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 e7203afd2..afe133810 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 c36c854aa..d6f4b57f2 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 1e5a2d8d5..4ceaf3a75 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 51d5a56e9..bcff6a5c3 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/combobox/combobox-pattern.md b/ARIA/apg/patterns/combobox/combobox-pattern.md index 120c0392c..718a5d967 100644 --- a/ARIA/apg/patterns/combobox/combobox-pattern.md +++ b/ARIA/apg/patterns/combobox/combobox-pattern.md @@ -63,9 +63,12 @@ if (enableSidebar) document.body.classList.add('has-sidebar');

                                                                                                                        About This Pattern

                                                                                                                        - A combobox is an input widget with an associated popup that enables users to select a value for the combobox from a collection of possible values. - In some implementations, the popup presents allowed values, while in other implementations, the popup presents suggested values, and users may either select one of the suggestions or type a value. + A combobox is an input widget that has an associated popup. + The popup enables users to choose a value for the input from a collection. The popup may be a listbox, grid, tree, or dialog. +

                                                                                                                        +

                                                                                                                        + In some implementations, the popup presents allowed values, while in other implementations, the popup presents suggested values. Many implementations also include a third optional element -- a graphical Open button adjacent to the combobox, which indicates availability of the popup. Activating the Open button displays the popup if suggestions are available.

                                                                                                                        @@ -73,7 +76,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); The combobox pattern supports several optional behaviors. The one that most shapes interaction is text input. Some comboboxes allow users to type and edit text in the combobox and others do not. - If a combobox does not support text input, it is referred to as select-only, meaning the only way users can set a value is by selecting a value in the popup. + If a combobox does not support text input, it is referred to as select-only, meaning the only way users can set its value is by selecting a value in the popup. For example, in some browsers, an HTML select element with size="1" is presented to assistive technologies as a combobox. Alternatively, if a combobox supports text input, it is referred to as editable. An editable combobox may either allow users to input any arbitrary value, or it may restrict its value to a discrete set of allowed values, in which case typing input serves to filter suggestions presented in the popup. diff --git a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both.md b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both.md index a5f825f4d..47e4de82c 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 5e867d40a..dc30be37b 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 111289a00..0329c71e7 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 b0bad04d8..5d85d5c0c 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 00883cdf4..d2f91a299 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 2386d8f61..17af0479b 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 1a7c86b77..bbd97bad5 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 62605df8a..6149f2630 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 d3810e3a7..a05e946f0 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 b8bf3f972..58007ba7f 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 29f77a1fb..fa73e9784 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 a35b84566..5b7c68fb0 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 3e981d142..6790ac4fb 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 af1398909..87dc4ddd8 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 d0668d71e..559019fe4 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 b2cde8dc0..5ee782c2b 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 d7c111c4e..ae60a9741 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 219239395..7f7710107 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 2e27bbdd4..b8423825d 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 52d7af9a6..e4a0e3819 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 1af411c94..f0c27710b 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 fa033ca33..a48a60cd3 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 7d0d4f5cc..450c2f360 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 79b95b106..128cd7b09 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 c6259339e..32834ea31 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 5285f94c5..a47e910af 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 c14ee145f..c47500708 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # Context here: https://github.com/w3c/wai-aria-practices/issues/31 type_of_guidance: APG diff --git a/ARIA/apg/patterns/patterns.md b/ARIA/apg/patterns/patterns.md index 8a1b82432..016248f72 100644 --- a/ARIA/apg/patterns/patterns.md +++ b/ARIA/apg/patterns/patterns.md @@ -154,7 +154,7 @@ lang: en
                                                                                                                        - A combobox is an input widget with an associated popup that enables users to select a value for the combobox from a collection of possible values.
                                                                                                                        + A combobox is an input widget that has an associated popup.
                                                                                                                      • diff --git a/ARIA/apg/patterns/radio/examples/radio-activedescendant.md b/ARIA/apg/patterns/radio/examples/radio-activedescendant.md index a1ba4f70b..26c9fce50 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 ffcb30148..8eb5121f8 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 ee6a810ce..f8b819500 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 beffd5a5a..ac92d7bc2 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 c489638c8..fff4703d1 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 8b21a3038..2508d1f43 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 d866be326..72157b895 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 c514d4aa2..d1751ad8d 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 5eb400c36..08076a2f5 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 71315874d..f4cd243b4 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 15d73ac6f..5d1bcc07a 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 41f4bc273..29ded9bf7 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 9097bc089..6b3331c3e 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 b7b6826f0..868edc617 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 4c3c9c747..c8374cf3e 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 5842e8f4f..2da3516a9 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 41a487ecf..fd45ac813 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 5c662985e..e496dffe2 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 c6743ebea..669ce6e13 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 fc5e01d51..c577dbec5 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 d0963e2f8..bc057ed44 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 5 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " # 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 114ae4554..e716cc234 160000 --- a/_external/aria-practices +++ b/_external/aria-practices @@ -1 +1 @@ -Subproject commit 114ae4554f5ca895924375058dc6157aa35e253a +Subproject commit e716cc23494a2e3dcf5b34fb3d4e9cf7db344c17 From d5273c53027f9885c640cbb303f1e5c2b4d61716 Mon Sep 17 00:00:00 2001 From: michael-n-cooper-bot Date: Mon, 24 Jul 2023 19:47:21 +0000 Subject: [PATCH 06/10] Commit changes --- .../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 | 2 +- .../listbox/examples/listbox-grouped.md | 2 +- .../listbox/examples/listbox-rearrangeable.md | 2 +- .../listbox/examples/listbox-scrollable.md | 2 +- .../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 +- _external/data | 2 +- .../feed/examples/css/feedDisplay.css | 45 +++++++++++++++++++ .../patterns/feed/examples/js/feedDisplay.js | 36 ++++++++++++--- 62 files changed, 134 insertions(+), 67 deletions(-) diff --git a/ARIA/apg/patterns/accordion/examples/accordion.md b/ARIA/apg/patterns/accordion/examples/accordion.md index 471f5d7e1..555d9a5df 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 d9eb5d565..7cccb2201 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 21e9cd7b4..c63be248c 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 77f1c071b..e1f01f7fc 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 c5b88ea6c..601e24227 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 6b810c12a..b9112c127 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 afe133810..13b4cf1df 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 d6f4b57f2..f54b6765e 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 4ceaf3a75..85bcf04ba 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 bcff6a5c3..cf0f81225 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 47e4de82c..073243b0e 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 dc30be37b..2167b2a33 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 0329c71e7..42bffffc0 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 5d85d5c0c..21983f1c0 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 d2f91a299..d4e3a675f 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 17af0479b..b94bfbcd3 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 bbd97bad5..6f560329b 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 6149f2630..0b0001a85 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 a05e946f0..28fc032b1 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 58007ba7f..f734da388 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 fa73e9784..e2ee7f972 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 5b7c68fb0..5d32199ec 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 6790ac4fb..1c9732993 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 87dc4ddd8..b1c487d31 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 559019fe4..55ae47780 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 5ee782c2b..d639fbf4e 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 ae60a9741..9ff4446f6 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 7f7710107..7d9894e21 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 b8423825d..f50e10a61 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 e4a0e3819..b4a861932 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 f0c27710b..0b10a7516 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 a48a60cd3..cbacd1a64 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 450c2f360..fb3a66ec2 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 128cd7b09..218f68020 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 32834ea31..2d52e848a 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 a47e910af..aeb3ea679 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 c47500708..75b3a65f7 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 26c9fce50..834ed8ab1 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 8eb5121f8..02c96220c 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 f8b819500..248203a46 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 ac92d7bc2..73936cefe 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 fff4703d1..52393aca7 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 2508d1f43..980963aeb 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 72157b895..b61de03bb 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 d1751ad8d..951c8367d 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 08076a2f5..11ec44cff 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 f4cd243b4..2693487d4 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 5d1bcc07a..2363c83fb 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 29ded9bf7..20657cd69 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 6b3331c3e..80a76b64e 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 868edc617..b900b45ac 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 c8374cf3e..7ae364a20 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 2da3516a9..42362eb55 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 fd45ac813..ac9f21a14 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 e496dffe2..724960086 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 669ce6e13..0ee26329c 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 c577dbec5..3a845bcc3 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 bc057ed44..7ca3776fc 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: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 10 July 2023

                                                                                                                        " +footer: "

                                                                                                                        View issues related to this example

                                                                                                                        Page last updated: 24 July 2023

                                                                                                                        " # 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 e716cc234..1d85d95f1 160000 --- a/_external/aria-practices +++ b/_external/aria-practices @@ -1 +1 @@ -Subproject commit e716cc23494a2e3dcf5b34fb3d4e9cf7db344c17 +Subproject commit 1d85d95f148a3e45d72f096eba016d3af6ac3628 diff --git a/_external/data b/_external/data index 894dca0e8..4e7cd75ec 160000 --- a/_external/data +++ b/_external/data @@ -1 +1 @@ -Subproject commit 894dca0e8b4f6d90d622fbb87e356b9e6713042f +Subproject commit 4e7cd75ec3bf0e2f70b5a2f7dbb6cef494f03e12 diff --git a/content-assets/wai-aria-practices/patterns/feed/examples/css/feedDisplay.css b/content-assets/wai-aria-practices/patterns/feed/examples/css/feedDisplay.css index 64a44dfa4..4229c7d03 100644 --- a/content-assets/wai-aria-practices/patterns/feed/examples/css/feedDisplay.css +++ b/content-assets/wai-aria-practices/patterns/feed/examples/css/feedDisplay.css @@ -79,3 +79,48 @@ body { padding: 10px; width: 100%; } + +.restaurant-rating svg g { + color: #ffde00; +} + +.restaurant-rating svg .star { + stroke-width: 2px; + stroke: #f8951d; + fill-opacity: 0; +} + +.restaurant-rating[data-rating-value="1"] svg .star-1 .star { + fill: currentcolor; + fill-opacity: 1; +} + +.restaurant-rating[data-rating-value="2"] svg .star-2 .star { + fill: currentcolor; + fill-opacity: 1; +} + +.restaurant-rating[data-rating-value="3"] svg .star-3 .star { + fill: currentcolor; + fill-opacity: 1; +} + +.restaurant-rating[data-rating-value="4"] svg .star-4 .star { + fill: currentcolor; + fill-opacity: 1; +} + +.restaurant-rating[data-rating-value="5"] svg .star-5 .star { + fill: currentcolor; + fill-opacity: 1; +} + +@media (forced-colors: active) { + .restaurant-rating svg g { + color: currentcolor; + } + + .restaurant-rating svg .star { + stroke: currentcolor; + } +} diff --git a/content-assets/wai-aria-practices/patterns/feed/examples/js/feedDisplay.js b/content-assets/wai-aria-practices/patterns/feed/examples/js/feedDisplay.js index 0aad976a7..fa7f90ded 100644 --- a/content-assets/wai-aria-practices/patterns/feed/examples/js/feedDisplay.js +++ b/content-assets/wai-aria-practices/patterns/feed/examples/js/feedDisplay.js @@ -207,18 +207,40 @@ aria.FeedDisplay.prototype.renderItemData = function (itemData) { ''; if (itemData.rating) { + const starText = `${itemData.rating} ${ + itemData.rating === 1 ? 'star' : 'stars' + }`; var ratingID = 'restaurant-rating-' + this.feedSize; itemContent += '
                                                                                                                        ' + - '' + + '">' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + '
                                                                                                                        '; describedbyIDs.push(ratingID); } From ab8c40d352f5e53bbcea01710db1a911ff8ed3fc Mon Sep 17 00:00:00 2001 From: michael-n-cooper-bot Date: Mon, 24 Jul 2023 21:32:04 +0000 Subject: [PATCH 07/10] Commit changes --- ARIA/apg/patterns/alert/examples/alert.md | 21 ++++++----- ARIA/apg/patterns/button/examples/button.md | 37 ++++++++++--------- ARIA/apg/patterns/link/examples/link.md | 20 +++++----- .../radio/examples/radio-activedescendant.md | 20 +++++----- _external/aria-practices | 2 +- 5 files changed, 51 insertions(+), 49 deletions(-) diff --git a/ARIA/apg/patterns/alert/examples/alert.md b/ARIA/apg/patterns/alert/examples/alert.md index 7cccb2201..8039169d9 100644 --- a/ARIA/apg/patterns/alert/examples/alert.md +++ b/ARIA/apg/patterns/alert/examples/alert.md @@ -191,6 +191,16 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                                                                                        • +
                                                                                                                        +

                                                                                                                        Assistive Technology Support

                                                                                                                        + +
                                                                                                                        +

                                                                                                                        JavaScript and CSS Source Code

                                                                                                                          @@ -215,16 +225,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); sourceCode.make();
                                                                                                                        - -
                                                                                                                        -

                                                                                                                        Assistive Technology Support

                                                                                                                        - -
                                                                                                                        + diff --git a/ARIA/apg/patterns/button/examples/button.md b/ARIA/apg/patterns/button/examples/button.md index 601e24227..72348e514 100644 --- a/ARIA/apg/patterns/button/examples/button.md +++ b/ARIA/apg/patterns/button/examples/button.md @@ -239,6 +239,25 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); +
                                                                                                                        +

                                                                                                                        Assistive Technology Support

                                                                                                                        +

                                                                                                                        Command Button

                                                                                                                        + + +

                                                                                                                        Toggle Button

                                                                                                                        + +
                                                                                                                        +

                                                                                                                        JavaScript and CSS Source Code

                                                                                                                        @@ -265,24 +284,6 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                                                                                        -
                                                                                                                        -

                                                                                                                        Assistive Technology Support

                                                                                                                        -

                                                                                                                        Command Button

                                                                                                                        - - -

                                                                                                                        Toggle Button

                                                                                                                        - -
                                                                                                                        diff --git a/ARIA/apg/patterns/link/examples/link.md b/ARIA/apg/patterns/link/examples/link.md index 9ff4446f6..9b72fd7cc 100644 --- a/ARIA/apg/patterns/link/examples/link.md +++ b/ARIA/apg/patterns/link/examples/link.md @@ -215,6 +215,16 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); +
                                                                                                                        +

                                                                                                                        Assistive Technology Support

                                                                                                                        + +
                                                                                                                        +

                                                                                                                        JavaScript and CSS Source Code

                                                                                                                          @@ -251,16 +261,6 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                                                                                        -
                                                                                                                        -

                                                                                                                        Assistive Technology Support

                                                                                                                        - -
                                                                                                                        - diff --git a/ARIA/apg/patterns/radio/examples/radio-activedescendant.md b/ARIA/apg/patterns/radio/examples/radio-activedescendant.md index 834ed8ab1..b81bfda00 100644 --- a/ARIA/apg/patterns/radio/examples/radio-activedescendant.md +++ b/ARIA/apg/patterns/radio/examples/radio-activedescendant.md @@ -313,6 +313,16 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); +
                                                                                                                        +

                                                                                                                        Assistive Technology Support

                                                                                                                        + +
                                                                                                                        +

                                                                                                                        JavaScript and CSS Source Code

                                                                                                                          @@ -332,16 +342,6 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                                                                                        -
                                                                                                                        -

                                                                                                                        Assistive Technology Support

                                                                                                                        - -
                                                                                                                        - diff --git a/_external/aria-practices b/_external/aria-practices index 1d85d95f1..b3777ac5e 160000 --- a/_external/aria-practices +++ b/_external/aria-practices @@ -1 +1 @@ -Subproject commit 1d85d95f148a3e45d72f096eba016d3af6ac3628 +Subproject commit b3777ac5e1601046c764f73fdfcca9a53d40b398 From 278472291e2ef85a58d8a920c5637e2edc799c37 Mon Sep 17 00:00:00 2001 From: michael-n-cooper-bot Date: Mon, 24 Jul 2023 21:33:17 +0000 Subject: [PATCH 08/10] Commit changes --- ARIA/apg/patterns/dialog-modal/examples/dialog.md | 10 ++++++++++ .../patterns/menu-button/examples/menu-button-links.md | 10 ++++++++++ .../patterns/slider/examples/slider-color-viewer.md | 10 ++++++++++ _external/aria-practices | 2 +- 4 files changed, 31 insertions(+), 1 deletion(-) diff --git a/ARIA/apg/patterns/dialog-modal/examples/dialog.md b/ARIA/apg/patterns/dialog-modal/examples/dialog.md index 0b0001a85..45c0dfd3c 100644 --- a/ARIA/apg/patterns/dialog-modal/examples/dialog.md +++ b/ARIA/apg/patterns/dialog-modal/examples/dialog.md @@ -397,6 +397,16 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); +
                                                                                                                        +

                                                                                                                        Assistive Technology Support

                                                                                                                        + +
                                                                                                                        +

                                                                                                                        JavaScript and CSS Source Code

                                                                                                                          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 218f68020..ff2c7b18d 100644 --- a/ARIA/apg/patterns/menu-button/examples/menu-button-links.md +++ b/ARIA/apg/patterns/menu-button/examples/menu-button-links.md @@ -404,6 +404,16 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                                                                                        +
                                                                                                                        +

                                                                                                                        Assistive Technology Support

                                                                                                                        + +
                                                                                                                        +

                                                                                                                        JavaScript and CSS Source Code

                                                                                                                        diff --git a/ARIA/apg/patterns/slider/examples/slider-color-viewer.md b/ARIA/apg/patterns/slider/examples/slider-color-viewer.md index 52393aca7..866711104 100644 --- a/ARIA/apg/patterns/slider/examples/slider-color-viewer.md +++ b/ARIA/apg/patterns/slider/examples/slider-color-viewer.md @@ -361,6 +361,16 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                                                                                                                        +
                                                                                                                        +

                                                                                                                        Assistive Technology Support

                                                                                                                        + +
                                                                                                                        +

                                                                                                                        JavaScript and CSS Source Code

                                                                                                                          diff --git a/_external/aria-practices b/_external/aria-practices index b3777ac5e..548d8f62b 160000 --- a/_external/aria-practices +++ b/_external/aria-practices @@ -1 +1 @@ -Subproject commit b3777ac5e1601046c764f73fdfcca9a53d40b398 +Subproject commit 548d8f62b3af57d71aaa2ad103beebdc2e90dd58 From 6e55d1c028b3e13d0609cbe3a1a3130bd58dfc9f Mon Sep 17 00:00:00 2001 From: michael-n-cooper-bot Date: Mon, 24 Jul 2023 21:34:38 +0000 Subject: [PATCH 09/10] Commit changes --- _external/aria-practices | 2 +- .../patterns/landmarks/examples/css/common.css | 5 ----- 2 files changed, 1 insertion(+), 6 deletions(-) diff --git a/_external/aria-practices b/_external/aria-practices index 548d8f62b..772316537 160000 --- a/_external/aria-practices +++ b/_external/aria-practices @@ -1 +1 @@ -Subproject commit 548d8f62b3af57d71aaa2ad103beebdc2e90dd58 +Subproject commit 772316537c10c9bc7117e34f03bf7d575d549351 diff --git a/content-assets/wai-aria-practices/patterns/landmarks/examples/css/common.css b/content-assets/wai-aria-practices/patterns/landmarks/examples/css/common.css index 152240bf6..25463cbe7 100644 --- a/content-assets/wai-aria-practices/patterns/landmarks/examples/css/common.css +++ b/content-assets/wai-aria-practices/patterns/landmarks/examples/css/common.css @@ -119,10 +119,6 @@ main .code { padding: 1em; } -main .nav-tabs > li > a { - background-color: #eee; -} - nav { margin: 0; margin-bottom: 1em; @@ -138,7 +134,6 @@ aside { padding: 0.5em; margin-top: 0.5em; margin-bottom: 1em; - background-color: #f4f4f4; margin-right: 12em; width: 100%; border-radius: 6px; From 6c0eb0e1d171315525e9e31637f1d55fde73eca0 Mon Sep 17 00:00:00 2001 From: michael-n-cooper-bot Date: Mon, 24 Jul 2023 22:34:32 +0000 Subject: [PATCH 10/10] Commit changes --- ARIA/apg/patterns/switch/examples/switch-checkbox.md | 2 +- _external/aria-practices | 2 +- _external/data | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/ARIA/apg/patterns/switch/examples/switch-checkbox.md b/ARIA/apg/patterns/switch/examples/switch-checkbox.md index 2363c83fb..549f1860e 100644 --- a/ARIA/apg/patterns/switch/examples/switch-checkbox.md +++ b/ARIA/apg/patterns/switch/examples/switch-checkbox.md @@ -171,7 +171,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar'); Note: Because transparent borders are visible on some systems with operating system high contrast settings enabled, transparency cannot be used to create a visual difference between the element that is focused an other elements. Instead of using transparency, the focused element has a thicker border and less padding. When an element receives focus, its border changes from zero to two pixels and padding is reduced by two pixels. - When an element loses focus, its border changes from two pixels to two and padding is increased by two pixels. + When an element loses focus, its border changes from two pixels to zero and padding is increased by two pixels.
                                                                                                                        diff --git a/_external/aria-practices b/_external/aria-practices index 772316537..d6cf9d8db 160000 --- a/_external/aria-practices +++ b/_external/aria-practices @@ -1 +1 @@ -Subproject commit 772316537c10c9bc7117e34f03bf7d575d549351 +Subproject commit d6cf9d8db772603a456e7d7ef52e409d39124301 diff --git a/_external/data b/_external/data index 4e7cd75ec..3e2c9fde3 160000 --- a/_external/data +++ b/_external/data @@ -1 +1 @@ -Subproject commit 4e7cd75ec3bf0e2f70b5a2f7dbb6cef494f03e12 +Subproject commit 3e2c9fde38da2f50b1613a45a76bb0c03e463020