From 8469f695f99302f35053da4c621a651920c411f5 Mon Sep 17 00:00:00 2001 From: "Patrick H. Lauke" Date: Thu, 23 Dec 2021 07:15:36 +0000 Subject: [PATCH] Strengthen and expand note about dynamic tabs with dropdown menus (#35588) following on from https://github.com/twbs/bootstrap/pull/35213 this - expands the note, making it clear it's not supported - makes it a callout --- site/content/docs/4.6/components/navs.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/site/content/docs/4.6/components/navs.md b/site/content/docs/4.6/components/navs.md index 7d17523468..c2908ad7ca 100644 --- a/site/content/docs/4.6/components/navs.md +++ b/site/content/docs/4.6/components/navs.md @@ -309,7 +309,9 @@ If you're building our JavaScript from source, it [requires `util.js`]({{< docsr Dynamic tabbed interfaces, as described in the [WAI ARIA Authoring Practices](https://www.w3.org/TR/wai-aria-practices/#tabpanel), require `role="tablist"`, `role="tab"`, `role="tabpanel"`, and additional `aria-` attributes in order to convey their structure, functionality and current state to users of assistive technologies (such as screen readers). -Note that dynamic tabbed interfaces should not contain dropdown menus, as this causes both usability and accessibility issues. From a usability perspective, the fact that the currently displayed tab's trigger element is not immediately visible (as it's inside the closed dropdown menu) can cause confusion. From an accessibility point of view, there is currently no sensible way to map this sort of construct to a standard WAI ARIA pattern, meaning that it cannot be easily made understandable to users of assistive technologies. +{{< callout danger >}} +Note that the tab JavaScript plugin **does not** support tabbed interfaces that contain dropdown menus, as these cause both usability and accessibility issues. From a usability perspective, the fact that the currently displayed tab's trigger element is not immediately visible (as it's inside the closed dropdown menu) can cause confusion. From an accessibility point of view, there is currently no sensible way to map this sort of construct to a standard WAI ARIA pattern, meaning that it cannot be easily made understandable to users of assistive technologies. +{{< /callout >}}