We've got a few inputs in various places, which are of type text but their display property is set to none. Something like this:
<input type="text" style="display:none" value="someValue" />
And another input something like:
<input type="file" class="dz-hidden-input" style="visibility:hidden" .... />
The second input is append to
body by a library. While running a test with WAVE extension for chrome, it shows these inputs as not having a label.
My question is, from an accessibility point of view do these inputs need to have a label as they are not in the visual flow of the page and are also hidden from screen readers? https://webaim.org/techniques/css/invisiblecontent/
I know the correct thing to do here is to change input type text to input type hidden, but due to reasons this cannot be changed easily.