Issue Summary

The focus is not visible for the “Refresh” link in the dialog.

Note: Similar issue is observed for the macros such as "Table of Contents" ,"Children Display" ,"Info" , "Recently Updated" & "Expand"

Steps to Reproduce

1. Open the "Confluence DC" page.
2. Navigate to "Create" button and select it.
3. Navigate to "Insert more content" and activate the link, dropdown gets displayed and then activate the "Status" option in the dropdown.
4. Add the details and activate the "insert" button.
5. A "Insert ‘Status’ Macro" dialog will appear over the screen.
6. Navigate to “Refresh” link via TAB key.
7. Ensure that the keyboard focus is not visible.

Screen recording 1

Screen Recording 2024-10-30 at 2.22.55 PM.mov

Screen recording 2

Screen Recording 2024-11-06 at 5.59.41 PM.mov

Actual Result

Focus is not visible for the "Refresh" link in the dialog. A focus indicator is not visually available as the user tabs through these button using a keyboard.

As a result, users with learning and mobility impairments as well as those with low vision will not be able to easily find out which element currently has the focus.

Expected Result

Focus indicator should be clearly visible while navigating the mentioned element using a keyboard.

Set the CSS outline property for the mentioned link to ensure that clear focus indication is available for users.

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available.

Environment

MacBook Pro (16-inch, 2021)
macOs Monterey Version 12.3.1
Chrome - Version 101.0.4606.81 (Official Build) (64-bit)
Firefox- Version 93.0 (32-bit)
Safari- Version 15.3 (17612.4.9.1.5)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest