Accessibility issue in form labels

[erangatl]

Describe your problem(s)

When you go to the Create an API page, the first input field label is not clearly visible.

It's a UX best practice to autofocus the first input element so that the user can type in directly without any interaction. Since we use floating-label pattern inputs and the input field is already focused user has not seen the label and it's difficult to view the floated label. This can create an accessibility issue.

Describe your solution

We can override Material style and make the floated label equal prominence as input. Also it will improve the general usability of the form as the input labels are clearly visible even after filling the fields.

How will you implement it

---

Optional Fields

Related Issues:

Suggested Labels:

Suggested Assignees:

[prasa7]

Fixed