Accessible Web Components

Vertical Menu


A vertical menu provides additional interactivity, be allowing uses to move up and down the menu with arrow keys as well as using the tab key.

Work in progress

I'm currently working on the design of the documentation and how to include demonstrations and code examples for the components.


Under construction

Example usage

<li><a href="#">Accessible Web Components</a></li>
<li><a href="#getting-started">Getting Started</a></li>
<a href="#component-mixins">Component Mixins</a>
<li><a href="#labelled-component/">LabelledComponent</a></li>
<li><a href="#styled-component/">StyledComponent</a></li>
<a href="#component-library">Component Library</a>
<li><a href="#dropdown-selector/">Dropdown Selector</a></li>
<li><a href="#tab-card/">Tab Card</a></li>
<li><a href="#tab-group/">Tab Group</a></li>


This component provides additional keyboard navigation within the menu: