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