Details
-
Bug
-
Resolution: Fixed
-
Medium
-
7.14.2
-
Desktop Web
Chrome
NVDA
-
Severity 3 - Minor
-
Description
Issue Summary
On Profile settings page, the 'Enable' checkbox input is not associated with its visible label programmatically in the disabled state.
Tested URL
https://confsrva11ya.instenv.atl-test.space/users/viewmysettings.action
Steps to reproduce
- Navigate to the confluence homepage.
- Navigate to the profile image button inside header section & activate it.
- Activate 'Settings' link from the list.
- Navigate to the 'Enable' checkbox in main content.
Actual Results
While navigating with screen reader tuned on, when user navigate to the 'Enable' 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 'Enable' checkbox. Associate the labels to the input fields explicitly via for & id relation.
Code Snippet:
<label for="keyboardShortcutsEnabled">Enable</label>
<input type="checkbox" class="checkbox" value="true" checked="checked" id="keyboardShortcutsEnabled" disabled checked resolved>
Screenshot
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
Attachments
Issue Links
- is duplicated by
-
CONFSERVER-79421 View profile - settings : Form elements must have labels
- Closed
- is resolved by
-
CONFSERVER-77283 Profile - Settings - show option panel checkbox : Visible label/form field are not associated
- Closed