[med] Chrome: New Group Page: No Visual label is provided for search text field. #8463

Action Performed:

1. Using Chrome, open URL staging.new.expensify.com
2. Navigate to (+) button icon using Tab key and press Enter to select it.
3. Navigate and select new group using Enter & Tab key.
4. New group page is appearing.
5. Observe the Visual label is provided for search text field.

Expected Result:

Search text field must have visible labels so that their purpose should be clear to the user.

Actual Result:

Search text field doesn't have a visible label. The purpose of the Search text field may not be clear to some users.

Same issue repro on all places where search editable text boxes are available like - Invite New Member etc.

Other Occurrences:
Similar type of issues repro on #8226, #8604, #8535, #8778, #8689, #8818, #8828, #9144, #9351, #9472

Similar type of issues repro on #9486 for all the form fields
Similar type of issues repro on #7702 for "Search" field.

Workaround:

Yes

Area issue was found in:

New group window

Failed WCAG checkpoints

3.3.2

User impact:

Some users won't understand the purpose of text fields since the label disappear once user gives the input on the text field.

Suggested resolution:

Ensure that the Search Text field has a permanently visible label. This can be done using the tag.

Refer to:
https://dequeuniversity.com/rules/axe/4.3/label-title-only

Platform:

• Web
• Android
• Mobile Web

Version Number: v1.1.49-1
Reproducible in staging?: Yes
Reproducible in production?: Yes
Notes/Photos/Videos: Any additional supporting documentation
Issue reported by: