Issue Summary

On Profile settings page, the 'Show option panel...' checkbox input is not associated with its visible label programmatically in the disabled state.

Steps to reproduce

1. Navigate to the confluence homepage.
2. Navigate to the profile image button inside header section & activate it.
3. Activate 'Settings' link from the list.
4. Navigate to the 'Show option panel...' checkbox in main content.

Actual Results

While navigating with screen reader tuned on, when user navigate to the 'Show option panel...' checkbox screen reader announces as 'Dimmed tick, tickbox' because the visual label is not programatically associated with input field.

This makes screen reader users difficult to understand the purpose of these input fields.

Expected Results

The screen reader should announce the labels when user navigate to the 'Show option panel...' checkbox. Associate the labels to the input fields explicitly via for & id relation.

Code Snippet:

<label for="highlightOptionPanelEnabled">Show option panel when text is selected</label>
<input name="highlightOptionPanelEnabled" type="checkbox" class="checkbox" disabled="" checked="" resolved="">

Screenshots

View profile - setting: https://axeauditor.dequecloud.com/api/v1/testrun-unit-screenshot/0346e0aa-511e-11ec-be5f-1fbf1e4731b2 

Workaround

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