Badges

Badges are used to encourage user behavior throughout the site.

Badges can help signal to the user that they had completed a workflow desired by Login.gov. Primarily, these are used on our user account page to encourage more secure practices.

Badges are comprised with a div using the lg-verification-badge class and a small SVG image alongside a span of text.

An unphishable badge example

The unphishable badge is used to indicate that an account is only using security keys as its MFA method.

Unphishable

<div class="lg-verification-badge">
  <img src="/assets/img/alerts/unphishable.svg" role="img" width="16" height="16" alt="" />
  Unphishable
</div>

A verified account badge example

A verfied account badge is used to indicate that an account has completed the identity verification process.

Verified Account

<div class="lg-verification-badge">
  <img src="/assets/img/alerts/success.svg" role="img" width="16" height="16" alt="" />
  Verified Account
</div>