axe-core rule: aria-input-field-name
Custom input controls are missing accessible names
What it is
A custom widget with an ARIA input role (such as combobox, slider, or spinbutton) has no accessible name, so assistive technology cannot say what it controls.
Who it blocks
Screen reader users encounter an unnamed control and have to guess its purpose, which often means abandoning the task.
How to fix it
Add an aria-label, or reference a visible label with aria-labelledby, on the element carrying the ARIA role.
Example fix
<!-- Before -->
<div role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"></div>
<!-- After -->
<div role="slider" aria-label="Price range maximum"
aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"></div>This is one of the barrier types BarrierScan checks for on every scan. Request a free accessibility scan to see whether it appears on your site, alongside the rest of the automated findings.