Text Field
The Text Field component is used to allow users to provide text input when the expected input is short. As well as plain text, Text Field supports various types of text, including passwords, email addresses and telephone numbers.
- If a
label
can not be used, always provide anaria-label
as an alertnative. This will allow screen reader users to know the purpose of the Text Field. - Never use
placeholder
text in place of alabel
oraria-label
.
The problem with placeholders
Text Field: Manual accessibility test