Ensure simulated controls are keyboard accessible - Morpheus

The left hand side navigation of the environment provides a series of links that can be used to navigate through pages of content. A control is provided at the top of the navigation that when activated allows the user to either expand or collapse the side navigation entirely. However, this control currently does not receive keyboard focus and therefore cannot be activated by a keyboard only user.

<li class="Mrphs-toolsNav__menuitem Mrphs-collapseTools js-toggle-nav"><i class="fa fa-lg fa-angle-double-left"></i></li>

Developers must ensure that all simulated controls implemented provide support for keyboard accessibility. As this control is created by placing event handlers on an <li> element, the element itself must be assigned <tabindex="0"> in order to draw keyboard focus, as well as device-independent event handlers to allow keyboard only users to activate the control with the "Enter" key.