[Login] Placeholder is redundant

[svinkle]

Issue summary

The form input fields include a placeholder attribute which contains redundant information, generating a verbose user experience. placeholder is meant to provide a hint for data entry.

Current code

HTML

<input
  type="text"
  name="username"
  id="username"
  …
  placeholder="Enter username"
/>

<!-- … -->

<input
  type="password"
  name="password"
  id="password"
  …
  placeholder="Enter password"
/>

Steps to reproduce

1. Go to https://portal.covidshield.app/ with with any supported browser
2. With an active screen reader, Tab to each field

Behavior

Expected

• Field announcement to be concise.

Actual

• Field announcement is verbose.

Recommendation

Remove the placeholder attribute from each field.

Recommended code

HTML

<input
  type="text"
  name="username"
  id="username"
  …
/>

<!-- … -->

<input
  type="password"
  name="password"
  id="password"
  …
/>

Specifications

• Component: Login
• WCAG Principle: Perceivable
• WCAG SC: 1.3.1 Info and Relationships
• Severity: Low
• Effort: Low