Paragraphs tab widget

Synopsis

The Paragraphs Tabs Widget module provides an alternative widget for paragraphs: it displays each paragraph entity's widget in a set of tabs. Currently, only a vertical tabs widget is provided, but contributions to add accessible alternate tab widgets are welcome (see Roadmap below).

Requirements

• Paragraphs

Roadmap

Contributions to add alternate, accessible tab widgets are welcome!

• The matthiasott/a11y-accordion-tabs project on Github provides an accessible tabs widget that falls back to an accordion on small screens, and would give this module consistency with the related A11Y Paragraphs Tabs module (see Similar projects below).
• The W3C's WAI-ARIA Authoring Practices has two horizontal tab examples.
• An alternative, more-robust, more-accessible implementation of Core's vertical_tabs render element would be ideal.
• A tab widget that switches between accessible horizontal tabs (when there is horizontal space) and accessible vertical tabs (when there is not) would also be ideal.

Additional tests are also always welcome: they make accepting patches much easier!

Known problems

This module uses Core's vertical_tabs render element, which is fragile: it requires very specific HTML, which can break if it is altered by themes.

Credits

This module was originally written by M Parker (mparker17) at Consensus Enterprises for Health Canada's Health Products and Food Branch (HPFB).

Current maintainers:

• Christopher Gervais (ergonlogic)
• Colan Schwartz (colan)
• Dan Friedman (llamech)
• Derek Laventure (spiderman)
• Joseph Leon (josephleon)
• M Parker (mparker17)
• Seonaid Lee (Seonaid)
• szhu

Similar projects and how they are different

The A11Y Paragraphs Tabs module

The A11y Paragraphs Tabs module provides a set of 3 paragraph types, that, when used together, renders as a set of tabs (i.e.: when viewing the entity, i.e.: on the site's front end). Conversely, this module makes the paragraph widget render as a set of tabs (i.e.: when editing an entity's data, i.e.: on the site's back end).

The Layout Builder Tabs Section module

The Layout Builder Tabs Section module provides a formatter that renders layout builder sections as a set of tabs (i.e.: when viewing the entity, i.e.: on the site's front end). Conversely, this module makes the paragraph widget render as a set of tabs (i.e.: when editing an entity's data, i.e.: on the site's back end).