a11y: Project toolbar does not respond visually to keyboard focus
Summary
When users navigate through the project toolbar (ul.nav-links
), using the tab key, the links do not change visually to indicate that they are focussed. This is an accessibility issue (and thus in certain jurisdictions a legal one as well).
Steps to reproduce
Navigate using tab through any gitlab project page.
Expected behavior
The links should change visually to indicate keyboard focus (i.e. font-weight: bold
)
Actual behavior
No visual change takes place
Relevant logs and/or screenshots
Possible fixes
Something like the following style should be added to the relevant sheet:
.nav-links li a:focus {
text-decoration: none;
outline: none;
font-weight: bold;
}
Edited by Christie Lenneville