Issue Summary

On screens page. the focus is not visible on checkbox input elements present inside main content.

Tested URL

https://instenv-20003-snsk.instenv.internal.atlassian.com/secure/admin/AssociateFieldToScreens!default.jspa?fieldId=customfield_10000&returnUrl=ViewCustomFields.jspa

Steps to Reproduce

1. Navigate to the Jira Dashboard.
2. Navigate to the "Administration" menu inside header section.
3. Activate "system" option from the menu.
4. Enter administrative password (if prompted)
5. Navigate to "Issues" tab in main content & activate it.
6. Navigate to "Custom fields" link inside left sidebar & activate it.
7. Navigate to any "show (...)" button under "Actions" column & activate it.
8. Activate "Screens" option from the menu.
9. With keyboard navigate to the checkbox input elements present inside main content.
10. Observe that the focus indicator is not visible.

Actual Results

While navigating with keyboard, when user navigate to the checkbox input elements present inside main content, the focus indicator is not visible to the users. It is due to "outline: none" property provided in the CSS.

This makes keyboard & low vision users difficult to understand the currently focused element effectively.

Expected Results

The focus indicator should be clearly visible when user navigate the with keyboard.

Remove the "outline: none;" property from the checkbox input elements from the CSS.

Screenshot

Screen recording

Screen Recording 2022-05-18 at 11.24.13 AM.mov

Workaround

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