From f4ddc33b29e47fca4046dde3f628d43ee37dc7a3 Mon Sep 17 00:00:00 2001 From: Sarah Higley Date: Mon, 30 Aug 2021 00:18:03 -0700 Subject: [PATCH] Collapsible Listbox example: Add deprecation warning and remove inbound links to it (pull #1852) The select-only combobox pattern replaces the collapsable listbox pattern. This commit: * Removes links to collapsable listbox example page from main doc and other listbox examples. * Adds a warning to the collapsable listbox that points to select-only combobox. * Adds (Deprecated) to the title of the collapsable listbox example page. Co-authored-by: Carolyn MacLeod Co-authored-by: Matt King --- aria-practices.html | 1 - examples/listbox/listbox-collapsible.html | 8 ++++++-- examples/listbox/listbox-grouped.html | 1 - examples/listbox/listbox-rearrangeable.html | 1 - examples/listbox/listbox-scrollable.html | 1 - 5 files changed, 6 insertions(+), 6 deletions(-) diff --git a/aria-practices.html b/aria-practices.html index 9aed12c918..4bc1a9cb9e 100644 --- a/aria-practices.html +++ b/aria-practices.html @@ -1811,7 +1811,6 @@

Listbox

Examples

diff --git a/examples/listbox/listbox-collapsible.html b/examples/listbox/listbox-collapsible.html index 7b3df671f6..e9ee6254a0 100644 --- a/examples/listbox/listbox-collapsible.html +++ b/examples/listbox/listbox-collapsible.html @@ -2,7 +2,7 @@ -Collapsible Dropdown Listbox Example | WAI-ARIA Authoring Practices 1.2 +(Deprecated) Collapsible Dropdown Listbox Example | WAI-ARIA Authoring Practices 1.2 @@ -27,7 +27,10 @@
-

Collapsible Dropdown Listbox Example

+

(Deprecated) Collapsible Dropdown Listbox Example

+
+

DEPRECATION WARNING: This pattern has been deprecated, and will be removed in a future version of the ARIA Authoring Practices. The select-only combobox should be used as an alternative to this pattern.

+

The following example implementation of the design pattern for listbox @@ -38,6 +41,7 @@

Collapsible Dropdown Listbox Example

Similar examples include:

    +
  • Select-Only Combobox: A single-select combobox with no text input that is functionally similar to an HTML select element.
  • Scrollable Listbox Example: Single-select listbox that scrolls to reveal more options, similar to HTML select with size attribute greater than one.
  • Example Listboxes with Rearrangeable Options: Examples of both single-select and multi-select listboxes with accompanying toolbars where options can be added, moved, and removed.
  • Listbox Example with Grouped Options: Single-select listbox with grouped options, similar to an HTML select with optgroup children.
    • diff --git a/examples/listbox/listbox-grouped.html b/examples/listbox/listbox-grouped.html index cfcfa6a1c3..ff9e5102c8 100644 --- a/examples/listbox/listbox-grouped.html +++ b/examples/listbox/listbox-grouped.html @@ -35,7 +35,6 @@

    Listbox Example with Grouped Options

    diff --git a/examples/listbox/listbox-rearrangeable.html b/examples/listbox/listbox-rearrangeable.html index f98204fb87..f988251e25 100644 --- a/examples/listbox/listbox-rearrangeable.html +++ b/examples/listbox/listbox-rearrangeable.html @@ -39,7 +39,6 @@

    Example Listboxes with Rearrangeable Options

    Similar examples include:

    diff --git a/examples/listbox/listbox-scrollable.html b/examples/listbox/listbox-scrollable.html index 9514e40954..7fdc839030 100644 --- a/examples/listbox/listbox-scrollable.html +++ b/examples/listbox/listbox-scrollable.html @@ -36,7 +36,6 @@

    Scrollable Listbox Example

    Similar examples include: