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.

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. Adapt to a horizontal layout that fills the available width starting from the small breakpoint.

Nav will be stacked on the lowest breakpoint,then adapt to a horizontal layout that fills the available width starting from the small breakpoint.

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. Adapt to a horizontal layout that fills the available width starting from the small breakpoint.