Details
-
Bug
-
Resolution: Fixed
-
High
-
7.18.2
-
Severity 3 - Minor
-
Description
Issue Summary
Missing visible focus on the "User" image links in the page header section for the space page.
Steps to Reproduce
- On the Confluence page, navigate to the Confluence header logo link and activate it.
- In the available main content area, navigate to the All updates section.
- With the keyboard try navigating over the profile images for the users and observe the visible focus.
Screenshot
Screen Recording
Screen Recording 2022-07-04 at 3.24.58 PM.mov
Actual Results
The "User" image links in the All updates section for Confluence are not visible when the user navigates via the keyboard in the main content area. 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 image link focus 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: 723756