What can be used in react-native instead of an html label tag to achieve the same result?

I wanna make a form in React native.
A field in this form in (non-native) React would be like this:

<div>
  <label htmlFor="lastName">Last Name:</label>
  <input type="text" id="lastName" />
</div>

Or in plain html:

<div>
  <label for="lastName">Last Name:</label>
  <input type="text" id="lastName">
</div>

I find the label tag important for accessibility reasons. Every tutorial I found uses only placeholders and I couldn't find any reference for <label> in the react native documentation. The placeholder disappears as the user starts typing, which makes the page less accessible.

The <label> tag also redirects focus to the input when clicked.
This means the user can click on <label htmlFor="lastName">Last Name:</label> and input in the field <input type="text" id="lastName" />.

posted over 1 year ago

CC BY-SA 4.0

1y ago

andre‭

6 reputation 1 0 1 1