Talking Drupal #435 - UI Suite initiative

Jan 29, 2024

The podcast discusses the UI Suite initiative in Drupal, its benefits for themers and site builders, and its division of work between developers. They also explore a contrib module for drop down menus, improving accessibility, and the functionality and configuration options of Drupal menus. The hosts highlight the advantages of implementing design systems and discuss handling updates and deprecations. They provide information on reaching out to the podcast and contacting the hosts about the UI Suite.

Ask episode

Chapters

Transcript

Episode notes

Introduction

00:00 • 5min

Adding Drop Down Menus to Themes with a Contrib Module and Improving Accessibility

05:15 • 2min

Drupal Menu Functionality and Configuration Options

07:17 • 7min

Implementing Design Systems in Drupal

14:36 • 14min

Benefits of the UI Suite Initiative

28:54 • 17min

Handling Updates and Deprecations

45:53 • 26min

Reaching out to Talking Drupal and Contacting the Hosts about UI Suite

01:12:13 • 2min

Today we are talking about web design and development, from a group of people with one thing in common… We love Drupal. This is episode #435 UI Suite initiative.

For show notes visit: www.talkingDrupal.com/435

Topics

Elevator Pitch
What do you mean by implementing design systems
Is this to thel themers or site builders
What is the expected outcome
The project page says initiative, but this is not on the community initiatives page, is this an intitiative
How does this implement public design systems
Does this work with Single Directory Components
Youtube Channel
Getting involved
Roadmap
Use cases
Do you see this going into core

Resources

Guests

Pierre Dureau - LinkedIn pdureau

Hosts

Nic Laflin - nLighteneddevelopment.com nicxvan John Picozzi - epam.com johnpicozzi

MOTW Correspondent

Chris Wells - chrisfromredfin

Brief description:
- Have you ever wanted simple but accessible dropdown navigation on your Drupal website? There’s a module for that.
Module name/project name:
- Disclosure Menu
Brief history
- How old: created in Nov 2022 by Jay Huskins of Redfin Solutions
- Versions available: 2.1.5 which works with Drupal 9 and 10
Maintainership
- Actively maintained, most recent commit is less than a month ago
- No Test coverage at this point
- Documentation - via README.md
- Number of open issues: 2, neither of which are bugs
Usage stats:
- 29 sites
Maintainer(s):
- Jay Huskins, with support from Redfin
Module features and usage
- Provides a new menu block that includes markup for disclosure buttons, that make it easier for users on assistive devices to navigate drop-down menus
- Activating the button will toggle the visibility of nested menu items
- Also includes ARIA labels to provide clarity around what the buttons do
- Worth mentioning that Drupal’s Olivero theme also includes disclosure buttons in its mWe’ll also cover Disclosure Menu as our module of the week.
- Guest Introenus, but there isn’t a straightforward way to pull the menus implemented there into your custom theme
- Also had a write-up in the Drupal advent calendar we talked about last month, so listeners can also check that out if they want more information