Details
-
Bug
-
Resolution: Fixed
-
Medium
-
9.0.0
-
9
-
Severity 2 - Major
-
Description
Issue Summary
Missing visible focus on the "Project title" link in the sidebar section for projects.
Steps to Reproduce
- In the Jira header section, navigate to the Projects dropdown link and select any project from the options.
- In the available project, in the left side section sidebar, with the keyboard try navigating over the "project title" link.
- Observe the visible focus on the elements.
Screenshot
Screen Recording
Screen Recording 2022-07-01 at 7.28.00 PM.mov
Actual Results
The "Project title" link is not visible when the user navigates via the keyboard in the sidebar section. However, it receives the keyboard focus forcing users to tab through invisible content. This results in an unpleasant experience for keyboard-only users while accessing the web page as they are not able to locate the focus.
Expected Results
Ensure that the link is visible when they receive keyboard focus. Providing a highly visible highlighting mechanism for links or controls when they receive keyboard focus will make the user understand the content and make the user experience more smooth for keyboard-only users.
Common keyboard focus indicator solutions include:
1. A 2px box around the focused element.
2. A change in the background colour of the focused element.
3. The addition of a thick line under or next to the focused element.
4. A distinctive change to the text of the component such as making it bold and/or underlined.
5. Use the default browser focus indicator. NOTE: Since each browser has its own default focus indicator style, check each of the major browsers (Chrome, Firefox, Edge, IE, Safari) to ensure the default focus indicator is visible as you tab through the page.
Workaround
Currently, there is no known workaround for this behaviour. A workaround will be added here when available.
Bug Ref: 724203
Attachments
Issue Links
- mentioned in
-
Page Loading...