aria-menus

Web components for full accessible menus, context menus, menu bars and menu buttons, according to the ARIA Authoring Practices Guide.

Installation

CDN

<script> src="https://cdn.jsdelivr.net/npm/aria-menus" type="module" ></script>

NPM

npm install aria-menus

Components

<menu-list> and <menu-item>

Simple menu item Link menu item Disabled menu item Menu item with info ☯ Menu item with symbol icon tux icon Menu item with image icon Menu item with submenu sub item 1 sub item 2

<menu-item-checkbox>

Simple menu item Checkbox menu item Checked menu item

<menu-item-radio>

Simple menu item Radio menu item 1 Radio menu item 2 Radio menu item 3

<menu-separator>

Simple menu item Another menu item

<menu-bar>

Accueil Menu 1 Simple menu item Submenu item Item 1 Item 2 Menu 2 Simple menu item Another menu item

<menu-button>

Dropdown button Simple item Item icon submenu item 1 submenu item 2

<menu-context>

Right click to show context menu
Or focus area and press Shift+F10 or Menu key
Simple menu item Submenu item menu item 1 menu item 2