Examples of Accessible Polymer ARIA Menus

This page contains examples of an accessible Polymer ARIA menu component. The first one is a popup menu activated by the "popup" button. The popup example also shows how to custom-style a web component within an emulated and native web components environment. The links between the examples allow for easy testing of focus management.

before
between

This next example shows a two-level menu with a menu bar. It is using the default styling of the component and is using the full screen width.

between

This final example shows the same two-level menu. It is using custom styling of and is showing responsive sizing of the component (note the sub-menu does not respond to screen size changes dynamically, but only on page load).

after