View profile: Missing label for slider control

Issue Summary

An accessible name has not been provided for the Zoom slider.

Steps to Reproduce

1. Open the "View profile" page.
2. Navigate to the "Upload image" button and activate it.
3. Observe that the "Upload a profile image" modal dialog will appear.
4. Navigate to the mentioned slider control.
5. Inspect the code and observe that the label is not specified for the slider control.

Screenshot

Actual Results

The label is not specified for the “Zoom” slider control present in the “Upload a profile picture” modal dialog.

As a result, screen reader users might not understand the purpose of the slider control.

Expected Results

The screen reader should announce a unique and descriptive label for the slider control.

Use a hidden label or "aria-label" attribute to convey the purpose of the slider control.

Code example:

<input aria-label="Zoom image" class="image-explorer-scale-slider" type="range" min="0" max="100" step="1" value="0">

Workaround

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

Environment

MacBook Pro (16-inch, 2021)
macOs Sonoma 14.3
Chrome - Version 120.0.6099.109 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit) 
Safari- Version 17.3 (19617.2.4.11.8)
JAWS- Version 2023
NVDA- Version 2021.2 
Voiceover - Version Latest