How to add labels?

[igor-anosov]

How can I actully add label to a Controlled component? We've got an issue from our accessebility checker that Form control element doesn't have an associated label. As I see from dev console - there is a textarea element which lies deep

[nmgokhale]

@scniro Is there any update on this issue? We're seeing similar a11y violation for this element - Form control element has no associated label</strong></p> <pre><code><textarea tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;" spellcheck="false" autocapitalize="off" autocorrect="off"></code></pre> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/alestrunda"><img src="https://avatars.githubusercontent.com/u/16373767?v=4" />alestrunda</a> commented <strong> 6 months ago</strong> </div> <div class="markdown-body"> <p>Can be set as <code>screenReaderLabel</code> <a href="https://github.com/scniro/react-codemirror2/issues/304#issuecomment-1907650003">https://github.com/scniro/react-codemirror2/issues/304#issuecomment-1907650003</a></p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>