Location: iOS Native app: Registration page
Description: The form fields on the Register page do not have on-screen labels. Placeholder text is used as on-screen labels. When users start writing, the placeholder text disappears. People with cognitive disabilities will benefit from on-screen labels to enter the proper input.
Auditor Note: Developers must provide an on-screen label that remains when entering information. Do not rely on placeholder text as visual label for form fields.
Internal Note: Yup. See how we do it on the desktop version of the site. Can we use a webview here, too?
Got your point. Thanks for the clarification.
We have different options to achieve the desired results:
The label can be added to the left of text field (Quickest and easy solution)
The label can be added above the text field. We may come up with an idea to combine information label and new named label (Quickest and easy solution)
We can write a control just like android material design text field (Complex and time consuming).
Please let me know which sounds more appropriate to you?
What do you think of the implementation questions above?
I vote 1 or 2 whichever looks best in the UI.
I decided to go with option two because we do have almost the same design on the web.
I need your input on either we add a placeholder to text fields or not. Here are the visuals with and without placeholders
Please remove the placeholder text. It is redundant at this point.
I am happy with the decision to go with option 2, I think it looks clean on the small mobile scree.