This module provides an alternative widget for editing paragraphs, displaying each paragraph entity's fields in tabs to improve organization. It currently offers a vertical tabs widget for the editing interface.
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
Roadmap
Contributions to add alternate, accessible tab widgets are welcome!
- The
matthiasott/a11y-accordion-tabsproject 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).