FLEMS is not keyboard operable; inaccessible, with non-semantic interactive elements #85
Description
FLEMS makes heavy use of <div>s for interactive elements instead of taking advantage of native semantics in <a> or <button>.
Besides being inoperable (inaccessible) via the keyboard, some additional small steps should be taken to improve the accessibility of the application.
Potential improvements (not to be considered a complete list):
- convert navigation
<div>s to<a>(using<a>instead of<button>due to<nav>parent) - add
aria-current=[true/false]to active<a> - for elements such as "Create new file", etc. these should be
<button>s - the SVG icons should be in
<button>and have text alternatives - The hamburger menu toggle should be a
<button>and indicate state (aria-expanded=[true/false]) - Inputs need labels (can be added with
aria-label="")