The logo for Accessible Menu. A black and white dashed line surrounds a hamburger-style menu icons with the words "Accessible Menu" to the right of it.
A screenshot of the UI for editing a menu in Drupal. An added option for accessible menu can be seen at the bottom of the form.
A screenshot of the UI for editing a menu when an accessible menu menu type is selected. Multiple options can be seen in the accessible menu section for the form.

A Drupal module that provides a JavaScript library to help you effortlessly create WCAG-compliant menus in the DOM.

Supported Menu Types

Usage

  1. Install the module.
  2. Go to Structure > Menus.
  3. Edit a menu you'd like to make accessible.
  4. Select your desired menu type from the Accessible Menu "Menu Type" dropdown.
  5. Configure your settings.
  6. Save the menu.

You are now using Accessible Menu!

For more information on the available options, see the official documentation

Important Information

Please note that Accessible Menu does not provide any CSS. Accessible Menu is responsible for adding the appropriate aria-properties, keybindings, and toggling of classes. You are responsible for providing the CSS to make it fit the look and feel of your application.

Supporting organizations: 
Coldfront Labs Inc.

Project information

Releases

2.0.0-beta4 released 18 March 2026
Works with Drupal: ^10 || ^11

Add extra checks to theme suggestions

Install:

Development version: 2.x-dev updated 18 Mar 2026 at 19:19 UTC

1.0.1 Stable release covered by the Drupal Security Team released 15 October 2025
Works with Drupal: ^10 || ^11

Generation bug fixes

Install:

Development version: 1.x-dev updated 15 Oct 2025 at 13:34 UTC

Using Composer to manage Drupal site dependencies