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