Accessibility, overview project/issue ; issues view, filters/options: not usable by keyboard, expanded-status missing
Overview-page of a project or view-page of an issue: Sometimes there is an actions-button calling a menu. The button is visually recognizable by three dots ("..."). For example in the overview-page of a project there are the actions "new subproject", "close" and "configuration" in the menu, in the view mode of an issue there are the actions "copy link" and "delete" in this menu. There are two defects about this button:
- It is not keyboard-accessible. Reason: In HTML it is a <span>. Instead please use a <button> (or <a> with href-attribute), so that you can focus it by tab key and activate it by enter.
Both defects are also applicable on the issues view, expandable elements "filters" and "options". The difference is that in number 1 the button is not a <span>, but a <legend>. You could set a <button> before the <fieldset> and put the click event on the <button>. Number 2 is the same, aria-expanded is missing.
I work with German Centre for Accessible Reading and in the public sector we need to use accessible software.