/Library/WebServer/Documents/lab/design-system/_site/agency-talent-portal/auth/v2/sign-in/index.html
heading|issue|element|id|class|line|column|description
NOTICE|WCAG2AA.Principle2.Guideline2_4.2_4_2.H25.2|<title>USAJOBS Design System || Sign in USAJOBS - v2</title>|17|1|Check that the title element describes the document.
NOTICE|WCAG2AA.Principle1.Guideline1_1.1_1_1.G94.Image|<img src="/design-system/img/favicons/favicon-57.png" alt="U.S. flag">|||95|10|Ensure that the img element's alt text serves the same purpose and presents the same information as the image.
NOTICE|WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74|<img src="/design-system/img/favicons/favicon-57.png" alt="U.S. flag">|||95|10|If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<p>An official website of the United States government</p>|||96|10|This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.
NOTICE|WCAG2AA.Principle3.Guideline3_2.3_2_1.G107|<button class="usa-accordion-button usa-banner-button" aria-expanded="false" aria-controls="gov-banner">
            <span class="usa-banner-button-text">Here's how you know</span>
          </button>||usa-accordion-button usa-banner-button|97|10|Check that a change of context does not occur when this input field receives focus.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<span class="usa-banner-button-text">Here's how you know</span>||usa-banner-button-text|98|12|This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.
NOTICE|WCAG2AA.Principle1.Guideline1_1.1_1_1.G94.Image|<img class="usa-banner-icon usa-media_block-img" src="/design-system/img/icon-dot-gov.svg" alt="Dot gov">||usa-banner-icon usa-media_block-img|104|10|Ensure that the img element's alt text serves the same purpose and presents the same information as the image.
NOTICE|WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74|<img class="usa-banner-icon usa-media_block-img" src="/design-system/img/icon-dot-gov.svg" alt="Dot gov">||usa-banner-icon usa-media_block-img|104|10|If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<p>
              <strong>The .gov means it’s official.</strong>
              <br>
              Federal government websites always use a .gov or .mil domain. Before sharing sensitive information online, make sure you’re on a .gov or .mil site by inspecting your browser’s address (or “location”) bar.
            </p>|||106|12|This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<strong>The .gov means it’s official.</strong>|||107|14|This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.
NOTICE|WCAG2AA.Principle1.Guideline1_1.1_1_1.G94.Image|<img class="usa-banner-icon usa-media_block-img" src="/design-system/img/icon-https.svg" alt="SSL">||usa-banner-icon usa-media_block-img|114|10|Ensure that the img element's alt text serves the same purpose and presents the same information as the image.
NOTICE|WCAG2AA.Principle1.Guideline1_1.1_1_1.G73,G74|<img class="usa-banner-icon usa-media_block-img" src="/design-system/img/icon-https.svg" alt="SSL">||usa-banner-icon usa-media_block-img|114|10|If this image cannot be fully described in a short text alternative, ensure a long text alternative is also available, such as in the body text or through a link.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<p>This site is also protected by an SSL (Secure Sockets Layer) certificate that’s been signed by the U.S. government. The <strong>https://</strong> means all transmitted data is encrypted  — in other words, any information or browsing history that you provide is transmitted securely.</p>|||116|12|This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<strong>https://</strong>|||116|135|This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.
NOTICE|WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81|<a class="usajobs-nav__brand" href="/">
              <span class="logo" title="USAJOBS logo"></span>
              <span class="usajobs-nav__sub-brand">Agency Talent Portal</span>
            </a>||usajobs-nav__brand|128|12|Check that the link text combined with programmatically determined link context identifies the purpose of the link.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<span class="usajobs-nav__sub-brand">Agency Talent Portal</span>||usajobs-nav__sub-brand|130|14|This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<h1>Sign in</h1>|||144|4|This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.
WARNING|WCAG2AA.Principle1.Guideline1_3.1_3_1_A.G141|<h4>Sign in with either a USAJOBS Agency Talent Portal or USA Staffing account</h4>|||148|6|The heading structure is not logically nested. This h4 element should be an h2 to be properly nested.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<h4>Sign in with either a USAJOBS Agency Talent Portal or USA Staffing account</h4>|||148|6|This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.
ERROR|WCAG2AA.Principle3.Guideline3_2.3_2_2.H32.2|<form class="usajobs-form usajobs-form" action="/account/signin" method="post" novalidate="novalidate">
        <fieldset class="usajobs-fieldset">
          <label for="input-01">Email</label>
          <input id="input-01" name="input-email" type="text">
          <label for="input-02">Password</label>
          <input id="input-02" name="input-password" type="text">
          <div class="usajobs-button_bar--slim-left">
            <div class="usajobs-button_bar__body">
              <a href="/design-system/agency-talent-portal/auth/v2/sign-in" class="usa-button usa-button-primary usajobs-button_bar__save">
                Sign in
              </a>
              <p class="usajobs-auth__agree-to-terms">
                By clicking "Sign in" you agree to our <a href="https://www.usajobs.gov/Help/terms-and-conditions/" target="_blank">terms and conditions</a>.
              </p>
            </div>
          </div>
        </fieldset>
      </form>||usajobs-form usajobs-form|149|6|This form does not contain a submit button, which creates issues for those who cannot submit the form using the keyboard. Submit buttons are INPUT elements with type attribute "submit" or "image", or BUTTON elements with type "submit" or omitted/invalid.
NOTICE|WCAG2AA.Principle3.Guideline3_3.3_3_1.G83,G84,G85|<form class="usajobs-form usajobs-form" action="/account/signin" method="post" novalidate="novalidate">
        <fieldset class="usajobs-fieldset">
          <label for="input-01">Email</label>
          <input id="input-01" name="input-email" type="text">
          <label for="input-02">Password</label>
          <input id="input-02" name="input-password" type="text">
          <div class="usajobs-button_bar--slim-left">
            <div class="usajobs-button_bar__body">
              <a href="/design-system/agency-talent-portal/auth/v2/sign-in" class="usa-button usa-button-primary usajobs-button_bar__save">
                Sign in
              </a>
              <p class="usajobs-auth__agree-to-terms">
                By clicking "Sign in" you agree to our <a href="https://www.usajobs.gov/Help/terms-and-conditions/" target="_blank">terms and conditions</a>.
              </p>
            </div>
          </div>
        </fieldset>
      </form>||usajobs-form usajobs-form|149|6|If an input error is automatically detected in this form, check that the item(s) in error are identified and the error(s) are described to the user in text.
NOTICE|WCAG2AA.Principle3.Guideline3_3.3_3_2.G131,G89,G184,H90|<form class="usajobs-form usajobs-form" action="/account/signin" method="post" novalidate="novalidate">
        <fieldset class="usajobs-fieldset">
          <label for="input-01">Email</label>
          <input id="input-01" name="input-email" type="text">
          <label for="input-02">Password</label>
          <input id="input-02" name="input-password" type="text">
          <div class="usajobs-button_bar--slim-left">
            <div class="usajobs-button_bar__body">
              <a href="/design-system/agency-talent-portal/auth/v2/sign-in" class="usa-button usa-button-primary usajobs-button_bar__save">
                Sign in
              </a>
              <p class="usajobs-auth__agree-to-terms">
                By clicking "Sign in" you agree to our <a href="https://www.usajobs.gov/Help/terms-and-conditions/" target="_blank">terms and conditions</a>.
              </p>
            </div>
          </div>
        </fieldset>
      </form>||usajobs-form usajobs-form|149|6|Check that descriptive labels or instructions (including for required fields) are provided for user input in this form.
NOTICE|WCAG2AA.Principle3.Guideline3_3.3_3_3.G177|<form class="usajobs-form usajobs-form" action="/account/signin" method="post" novalidate="novalidate">
        <fieldset class="usajobs-fieldset">
          <label for="input-01">Email</label>
          <input id="input-01" name="input-email" type="text">
          <label for="input-02">Password</label>
          <input id="input-02" name="input-password" type="text">
          <div class="usajobs-button_bar--slim-left">
            <div class="usajobs-button_bar__body">
              <a href="/design-system/agency-talent-portal/auth/v2/sign-in" class="usa-button usa-button-primary usajobs-button_bar__save">
                Sign in
              </a>
              <p class="usajobs-auth__agree-to-terms">
                By clicking "Sign in" you agree to our <a href="https://www.usajobs.gov/Help/terms-and-conditions/" target="_blank">terms and conditions</a>.
              </p>
            </div>
          </div>
        </fieldset>
      </form>||usajobs-form usajobs-form|149|6|Check that this form provides suggested corrections to errors in user input, unless it would jeopardize the security or purpose of the content.
NOTICE|WCAG2AA.Principle3.Guideline3_3.3_3_4.G98,G99,G155,G164,G168.LegalForms|<form class="usajobs-form usajobs-form" action="/account/signin" method="post" novalidate="novalidate">
        <fieldset class="usajobs-fieldset">
          <label for="input-01">Email</label>
          <input id="input-01" name="input-email" type="text">
          <label for="input-02">Password</label>
          <input id="input-02" name="input-password" type="text">
          <div class="usajobs-button_bar--slim-left">
            <div class="usajobs-button_bar__body">
              <a href="/design-system/agency-talent-portal/auth/v2/sign-in" class="usa-button usa-button-primary usajobs-button_bar__save">
                Sign in
              </a>
              <p class="usajobs-auth__agree-to-terms">
                By clicking "Sign in" you agree to our <a href="https://www.usajobs.gov/Help/terms-and-conditions/" target="_blank">terms and conditions</a>.
              </p>
            </div>
          </div>
        </fieldset>
      </form>||usajobs-form usajobs-form|149|6|If this form would bind a user to a financial or legal commitment, modify/delete user-controllable data, or submit test responses, ensure that submissions are either reversible, checked for input errors, and/or confirmed by the user.
ERROR|WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.Fieldset.Name|<fieldset class="usajobs-fieldset">
          <label for="input-01">Email</label>
          <input id="input-01" name="input-email" type="text">
          <label for="input-02">Password</label>
          <input id="input-02" name="input-password" type="text">
          <div class="usajobs-button_bar--slim-left">
            <div class="usajobs-button_bar__body">
              <a href="/design-system/agency-talent-portal/auth/v2/sign-in" class="usa-button usa-button-primary usajobs-button_bar__save">
                Sign in
              </a>
              <p class="usajobs-auth__agree-to-terms">
                By clicking "Sign in" you agree to our <a href="https://www.usajobs.gov/Help/terms-and-conditions/" target="_blank">terms and conditions</a>.
              </p>
            </div>
          </div>
        </fieldset>||usajobs-fieldset|150|8|This fieldset element does not have a name available to an accessibility API. Valid names are: legend element, aria-label attribute, aria-labelledby attribute.
ERROR|WCAG2AA.Principle1.Guideline1_3.1_3_1.H71.NoLegend|<fieldset class="usajobs-fieldset">
          <label for="input-01">Email</label>
          <input id="input-01" name="input-email" type="text">
          <label for="input-02">Password</label>
          <input id="input-02" name="input-password" type="text">
          <div class="usajobs-button_bar--slim-left">
            <div class="usajobs-button_bar__body">
              <a href="/design-system/agency-talent-portal/auth/v2/sign-in" class="usa-button usa-button-primary usajobs-button_bar__save">
                Sign in
              </a>
              <p class="usajobs-auth__agree-to-terms">
                By clicking "Sign in" you agree to our <a href="https://www.usajobs.gov/Help/terms-and-conditions/" target="_blank">terms and conditions</a>.
              </p>
            </div>
          </div>
        </fieldset>||usajobs-fieldset|150|8|Fieldset does not contain a legend element. All fieldsets should contain a legend element that describes a description of the field group.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<label for="input-01">Email</label>|||151|10|This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.
NOTICE|WCAG2AA.Principle3.Guideline3_2.3_2_1.G107|<input id="input-01" name="input-email" type="text">|input-01||152|10|Check that a change of context does not occur when this input field receives focus.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<label for="input-02">Password</label>|||153|10|This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.
NOTICE|WCAG2AA.Principle3.Guideline3_2.3_2_1.G107|<input id="input-02" name="input-password" type="text">|input-02||154|10|Check that a change of context does not occur when this input field receives focus.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<a href="/design-system/agency-talent-portal/auth/v2/sign-in" class="usa-button usa-button-primary usajobs-button_bar__save">
                Sign in
              </a>||usa-button usa-button-primary usajobs-button_bar__save|157|14|This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.
NOTICE|WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81|<a href="/design-system/agency-talent-portal/auth/v2/sign-in" class="usa-button usa-button-primary usajobs-button_bar__save">
                Sign in
              </a>||usa-button usa-button-primary usajobs-button_bar__save|157|14|Check that the link text combined with programmatically determined link context identifies the purpose of the link.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<p class="usajobs-auth__agree-to-terms">
                By clicking "Sign in" you agree to our <a href="https://www.usajobs.gov/Help/terms-and-conditions/" target="_blank">terms and conditions</a>.
              </p>||usajobs-auth__agree-to-terms|160|14|This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<a href="https://www.usajobs.gov/Help/terms-and-conditions/" target="_blank">terms and conditions</a>|||161|55|This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.
NOTICE|WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81|<a href="https://www.usajobs.gov/Help/terms-and-conditions/" target="_blank">terms and conditions</a>|||161|55|Check that the link text combined with programmatically determined link context identifies the purpose of the link.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<h4>Sign in with PIV card</h4>|||169|6|This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.
NOTICE|WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81,H33|<a class="usajobs-auth__piv-card" href="/design-system/agency-talent-portal/auth/v2/sign-in-piv" title="Sign in with PIV card">
        <i class="far fa-id-badge fa-9x" alt="Sign in with PIV card"></i>
      </a>||usajobs-auth__piv-card|170|6|Check that the link text combined with programmatically determined link context, or its title attribute, identifies the purpose of the link.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<p>
      <a href="/design-system/agency-talent-portal/auth/forgot-password/">Forgot your password</a>?
    </p>|||176|4|This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<a href="/design-system/agency-talent-portal/auth/forgot-password/">Forgot your password</a>|||177|6|This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.
NOTICE|WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81|<a href="/design-system/agency-talent-portal/auth/forgot-password/">Forgot your password</a>|||177|6|Check that the link text combined with programmatically determined link context identifies the purpose of the link.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<p>
      Need an account? Contact your agency administrator or email <a href="mailto:recruiter-help@usajobs.gov">recruiter-help@usajobs.gov</a>.
    </p>|||179|4|This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<a href="mailto:recruiter-help@usajobs.gov">recruiter-help@usajobs.gov</a>|||180|66|This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.
NOTICE|WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81|<a href="mailto:recruiter-help@usajobs.gov">recruiter-help@usajobs.gov</a>|||180|66|Check that the link text combined with programmatically determined link context identifies the purpose of the link.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<a href="#footer">Return to top</a>|||230|4|This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.
ERROR|WCAG2AA.Principle2.Guideline2_4.2_4_1.G1,G123,G124.NoSuchID|<a href="#footer">Return to top</a>|||230|4|This link points to a named anchor "footer" within the document, but no anchor exists with that name.
NOTICE|WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81|<a href="#footer">Return to top</a>|||230|4|Check that the link text combined with programmatically determined link context identifies the purpose of the link.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<p class="usajobs-footer--v1__note">
          USAJOBS is a <a href="https://www.opm.gov">United States Office of Personnel Management</a> website.
        </p>||usajobs-footer--v1__note|236|8|This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<a href="https://www.opm.gov">United States Office of Personnel Management</a>|||237|23|This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.
NOTICE|WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81|<a href="https://www.opm.gov">United States Office of Personnel Management</a>|||237|23|Check that the link text combined with programmatically determined link context identifies the purpose of the link.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<a href="https://www.opm.gov/about-us/budget-performance/">Budget and Performance</a>|||242|14|This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.
NOTICE|WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81|<a href="https://www.opm.gov/about-us/budget-performance/">Budget and Performance</a>|||242|14|Check that the link text combined with programmatically determined link context identifies the purpose of the link.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<a href="http://www.opm.gov/efoia/">FOIA</a>|||243|14|This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.
NOTICE|WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81|<a href="http://www.opm.gov/efoia/">FOIA</a>|||243|14|Check that the link text combined with programmatically determined link context identifies the purpose of the link.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<a href="https://www.opm.gov/our-inspector-general/">Inspector General</a>|||244|14|This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.
NOTICE|WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81|<a href="https://www.opm.gov/our-inspector-general/">Inspector General</a>|||244|14|Check that the link text combined with programmatically determined link context identifies the purpose of the link.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<a href="https://www.opm.gov/information-management/no-fear-act/">No Fear Act Data</a>|||245|14|This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.
NOTICE|WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81|<a href="https://www.opm.gov/information-management/no-fear-act/">No Fear Act Data</a>|||245|14|Check that the link text combined with programmatically determined link context identifies the purpose of the link.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<a href="http://usajobs.github.io/Help/privacy/">Privacy Policy</a>|||246|14|This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.
NOTICE|WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81|<a href="http://usajobs.github.io/Help/privacy/">Privacy Policy</a>|||246|14|Check that the link text combined with programmatically determined link context identifies the purpose of the link.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<a href="http://www.usa.gov/">USA.gov</a>|||247|14|This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.
NOTICE|WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81|<a href="http://www.usa.gov/">USA.gov</a>|||247|14|Check that the link text combined with programmatically determined link context identifies the purpose of the link.