The invisible text control provides a simple hidden text which can be used by assistive technologies such as screen readers to provide contextual information to sighted users.
- Provide short and meaningful texts. Adhere to the text guidelines of labels.
- Do not use an invisible text as a replacement for a label. (Property: text)
- Just adding the invisible text control would not work. As with labels, developers need to assign the invisible text to the corresponding control. Unlike with labels, this does not happen automatically in forms.
When Not to Use Invisible Text
- If you want to provide additional information for users of assistive technologies which is not available for sighted users. While you should not discriminate users of assistive technologies, you should also not provide “privileges” to them.
- If you want to hide information. It might still be available for users of assistive technologies.
- If you want to hide long texts. The information is probably important enough to be shown! Furthermore, short texts are far more convenient, even for users of assistive technologies.