label-title-only fails when `aria-labelledby` points to a node with `sr-only`

[albert-tarly]

Product

axe-core

Product Version

4.11.1

Latest Version

• I have tested the issue with the latest version of the product

Issue Description

Expectation

When the input has an aria-labelledby pointing to a node with sr-only Tailwind class, it should pass

Actual

When the input has an aria-labelledby pointing to a node with sr-only Tailwind class, it fails with label-title-only violation:

 "Form elements should have a visible label (label-title-only)"
│ Fix all of the following:
│   Only title used to generate label for form element

How to Reproduce

<input type="file" name="profileImage" aria-labelledby="label" aria-describedby="hint" />
<div id="label" class="sr-only">Upload a file</div>
<span id="hint">Max 5 MB, .jpg or .png only</span>

Fails

<input type="file" name="profileImage" aria-labelledby="label" aria-describedby="hint" />
<div id="label">Upload a file</div>
<span id="hint">Max 5 MB, .jpg or .png only</span>

Passes

Additional Context

sr-only is used in Tailwind to only expose elements to screen readers, but axe doesn't seem to consider this when validating label-title-only

[WilcoFiers]

@besuhoff If I'm understanding your issue right, this is what is supposed to happen. The label-title-only rule checks if the input element gets its accessible name from a visible element. All form controls, including file uploads need to have a visible label, in this case a label that explains what file they are supposed to upload.

[albert-tarly]

@WilcoFiers yeah, right. However, if the file input also has a class sr-only, then logically it only needs a visible label in a screen reader mode, because otherwise there's no need in the visible label. My request is coming from my attempt to integrate DiceUI File Upload which includes a dropzone field to which points the aria-describedby attribute of the file field (this is the exact code example). I wonder how that could be improved then from accessibility point of view and whether it needs to be...

[WilcoFiers]

I see! Thank you, yes that does make sense. I agree that should probably just pass the rule. Alright, we'll see what we can do about this.