GeekyAnts / GeekyAnts/NativeBase
Form elements do not have associated labels
- Dominant language
- TypeScript
- Stars
- 20.4k
- Forks
- 2.4k
- PR merge metrics
- No merged PRs in 30d
Description
### Description
I expect the labels are linked to input fields so the inputs are accessible
### CodeSandbox/Snack link
https://docs.nativebase.io/login-signup-forms
### Steps to reproduce
1. Go to ['login-signup-forms' ](https://docs.nativebase.io/login-signup-forms) on chrome
2. RightClick on inspect
3. Open lighthouse and click Analyze page load
4. See error

If I inspect the Dom elements I can see the elements are not linked because of mismatched between the label for attribute value and input id attribute value

the input id value has "-input" appended to it, while the label for field has not. I hope this can be fixed. I'm new to using nativebase and really love it so far, only a bit disappointed by the low accessibility score I am getting ion the browser because of this issue.
Thanks for the great work!
### NativeBase Version
3.4.25
### Platform
- [ ] Android
- [ ] CRA
- [X] Expo
- [ ] iOS
- [X] Next
### Other Platform
_No response_
### Additional Information
It also seems for inputs that have a helper text the input is labelled by the helper text, which doesn't seem entirely correct. I guess it's better to label the input by the label itself
Contributor guide
Assessment
This issue has not been assessed yet.