Describe the bug
Input components with Hide Label (Text Field, Text Area etc.) fail accessibility tests as the related element is not rendered.
Version/Branch
@fomio/js: 5.2.2
@formio/react: 6.1.0
To Reproduce
Steps to reproduce the behavior:
- Create form
- Add input components — any that have "Hide Label" option
- View form and run accessibility evaluation (tested with Evince.com)
Accessibility scan flags these components as missing "Accessible name"
Suggested solution: if the "Hide Label" option is enabled, apply the label text to an "aria-label" attribute of the input component.
Similar problems observed with Radio, Checkbox and Select input components