Open
Description
These are some of the accessibility issues i have identified on the side nav bar, with some quick solutions (may not be the best):
- there is no indication that this is a menu or nav - can use
navelement - there is no indication for the current active item for the screenreader user - can use
aria-current="true" - keyboard users can focus on the next item using tab, but can't activate it using space / Enter - can use
buttoninstead of adivwith onClick - there is a visual change on mouse hover but not on keyboard focus (although the tooltip gets shown, which is an indication that the focus has changed) - apply the same styles as hover