/Library/WebServer/Documents/lab/design-system/_site/buttons/index.html
heading|issue|element|id|class|line|column|description
NOTICE|WCAG2AA.Principle2.Guideline2_4.2_4_2.H25.2|<title>USAJOBS Design System || Buttons</title>|18|1|Check that the title element describes the document.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<a class="usa-skipnav" href="#main-content">Skip to main content</a>||usa-skipnav|95|3|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="usa-skipnav" href="#main-content">Skip to main content</a>||usa-skipnav|95|3|Check that the link text combined with programmatically determined link context identifies the purpose of the link.
NOTICE|WCAG2AA.Principle1.Guideline1_1.1_1_1.G94.Image|<img src="/design-system/img/favicons/favicon-57.png" alt="U.S. flag">|||101|6|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">|||101|6|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>|||102|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.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|1|0|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|105|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.
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|111|8|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|111|8|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 often end in .gov or .mil. Before sharing sensitive information, make sure you’re on a federal government site.
            <br>
            <br>
            There are some exceptions to this rule. During the USAJOBS application process, you may be sent to an agency specific application system that DOES NOT contain a .mil or .gov. Rest assured, if you apply to any job through USAJOBS.gov your information is safe and secure.
          </p>|||113|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.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<strong>The .gov means it’s official.</strong>|||114|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-https.svg" alt="SSL">||usa-banner-icon usa-media_block-img|124|8|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|124|8|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 site is secure.</strong>
            <br>
            The <strong>https://</strong> ensures that you are connecting to the official website and that any information you provide is encrypted and transmitted securely.
          </p>|||126|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.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<strong>The site is secure.</strong>|||127|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>|||129|16|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 class="usajobs-documentation-header__dslink" href="/design-system/" title="Home" aria-label="Home">
          <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 376 90.1">
<g>
	<path class="usajobs-icon__path" d="M178.4,65.5c0,1.1,0,2.3-0.1,3.5c-0.1,1.2-0.3,2.4-0.7,3.4c-0.3,1-1.5,4.6-8.4,3.5l-0.7,0v12l0.5,0.1
		c1.8,0.4,3.5,0.6,5.1,0.6c4,0,7.2-0.6,9.7-1.8c2.5-1.2,4.4-2.9,5.8-4.9c1.3-2,2.3-4.4,2.7-7c0.5-2.6,0.7-3.3,0.7-6V4.7h-14.7V65.5z
		"></path>
	<path class="usajobs-icon__path" d="M41.6,40.5c0,4-0.5,7-1.4,9.2c-1,2.3-2.3,3.9-4.2,4.9c-1.9,1-4.2,1.5-6.8,1.5c-2.6,0-4.9-0.5-6.8-1.5
		c-1.8-1-3.2-2.6-4.2-4.8c-0.9-2.1-1.4-5.2-1.4-9.2V4.6H2.3v36.9c0,2.6,0.1,4.9,0.4,7c0.3,2.1,0.8,4.1,1.5,5.9
		c0.9,2.2,2,4.3,3.5,6.1c1.5,1.8,3.3,3.3,5.3,4.6c2.1,1.2,4.4,2.2,7.1,2.8c2.6,0.6,5.6,1,8.9,1c3.3,0,6.3-0.3,8.9-1
		c2.7-0.6,5.1-1.6,7.2-2.8c2.1-1.2,4-2.8,5.4-4.6c1.5-1.8,2.7-3.8,3.5-6.1c0.7-1.8,1.2-3.8,1.5-5.9c0.3-2.1,0.4-4.5,0.4-7V4.6H41.6
		V40.5z"></path>
	<path class="usajobs-icon__path" d="M101.7,34.4C99.8,33,97.5,32,95,31.2c-2.4-0.7-4.9-1.3-7.4-1.9c-1.6-0.3-3.1-0.7-4.4-1
		c-1.3-0.3-2.4-0.8-3.4-1.4c-0.9-0.5-1.5-1.1-2-1.9c-0.4-0.7-0.7-1.6-0.7-2.8c0-2,0.7-3.4,2.1-4.4c1.6-1.1,4.1-1.7,7.3-1.7
		c2.4,0,5,0.3,7.7,0.8c2.7,0.5,5.6,1.4,8.6,2.6l2.5,1V7.4l-1.1-0.5c-2.4-1-5.3-1.9-8.7-2.5c-6.7-1.3-13.7-1.3-19.1,0.2
		c-2.8,0.8-5.2,2.1-7.3,3.8c-2.1,1.7-3.8,3.9-5,6.4c-1.2,2.6-1.8,5.6-1.8,9c0,3.1,0.5,5.8,1.6,7.9c1.1,2.1,2.5,3.9,4.4,5.3
		c1.8,1.3,3.8,2.4,6.1,3.2c2.2,0.7,4.5,1.3,6.9,1.9c1.7,0.4,3.4,0.7,5,1.1c1.5,0.3,2.8,0.8,4,1.3c1,0.5,1.8,1.1,2.4,1.8
		c0.5,0.6,0.7,1.5,0.7,2.6c0,1.4-0.3,2.5-0.9,3.3c-0.6,0.9-1.5,1.7-2.5,2.2c-1.2,0.6-2.5,1-4,1.3c-4.3,0.7-8.9,0.4-13.1-0.4
		c-2.7-0.6-5.5-1.5-8.3-2.7l-2.5-1.1v13L63,65c2.2,1.2,5.1,2.2,8.4,2.9c3.2,0.7,6.6,1,10,1c3.8,0,7.4-0.4,10.7-1.2
		c3.3-0.8,6.2-2,8.6-3.7c2.4-1.7,4.3-3.9,5.6-6.5c1.3-2.6,2-5.7,2-9.1c0-3.4-0.6-6.3-1.8-8.5C105.3,37.6,103.7,35.8,101.7,34.4z"></path>
	<path class="usajobs-icon__path" d="M170.8,65.6l-24.3-61h-12.5l-25.2,63.2h15.6l5.9-15.2h20.1l5.9,15.2h15.5 M145.5,39.8h-10.2l1.1-2.9
		c1.2-3.1,2.6-6.8,4-11c1.5,4.2,2.8,7.9,4,11L145.5,39.8z"></path>
	<path class="usajobs-icon__path" d="M253.7,12.7c-2.7-2.9-6-5.2-9.8-6.8c-3.8-1.6-8.2-2.4-13.1-2.4c-4.8,0-9.2,0.8-13.1,2.4
		c-3.8,1.6-7.1,3.9-9.8,6.8c-2.6,2.9-4.7,6.4-6,10.4c-1.4,4-2,8.4-2,13.1c0,4.7,0.7,9.1,2,13.1c1.4,4,3.4,7.5,6,10.4
		c2.7,2.9,6,5.2,9.8,6.8c3.8,1.6,8.2,2.4,13.1,2.4c4.8,0,9.2-0.8,13.1-2.4c3.8-1.6,7.1-3.9,9.8-6.8c2.6-2.9,4.7-6.4,6-10.4
		c1.4-4,2-8.4,2-13.1c0-4.7-0.7-9.1-2-13.1C258.3,19.1,256.3,15.6,253.7,12.7z M224.3,54.8c-1.9-0.8-3.6-2-5-3.6
		c-1.4-1.6-2.5-3.7-3.4-6.1c-0.8-2.5-1.3-5.5-1.3-9c0-3.4,0.4-6.4,1.3-9c0.8-2.5,1.9-4.6,3.4-6.2c1.4-1.6,3.1-2.8,5-3.6
		c1.9-0.8,4.1-1.2,6.5-1.2c2.3,0,4.5,0.4,6.5,1.2c1.9,0.8,3.6,2,5,3.6c1.4,1.6,2.5,3.7,3.4,6.2c0.8,2.5,1.3,5.5,1.3,9
		c0,3.4-0.4,6.4-1.3,9c-0.8,2.5-1.9,4.5-3.4,6.1c-1.4,1.6-3.1,2.8-5,3.6C233.4,56.5,228.2,56.5,224.3,54.8z"></path>
	<path class="usajobs-icon__path" d="M314.8,38.5c-1-1.2-2.2-2.3-3.6-3.2c-0.5-0.3-0.9-0.6-1.4-0.8c1.6-1.2,2.8-2.7,3.7-4.3c1.3-2.4,2-5.1,2-8
		c0-1.6-0.3-3.3-0.8-4.9c-0.5-1.6-1.3-3.2-2.4-4.6c-1.1-1.4-2.5-2.8-4.1-3.9c-1.6-1.2-3.6-2.1-5.8-2.8c-2.9-0.9-6.7-1.4-11.3-1.4
		h-22.6v63.2h19.2c1.7,0,3.2,0,4.5-0.1c1.4,0,2.6-0.1,3.7-0.2c1.1-0.1,2.1-0.2,3.1-0.4c0.9-0.2,1.8-0.3,2.6-0.5
		c3.1-0.8,5.8-2,7.9-3.4c2.1-1.4,3.8-3,5.1-4.7c1.3-1.7,2.2-3.6,2.7-5.4c0.5-1.8,0.8-3.5,0.8-5.2c0-1.9-0.3-3.6-0.8-5.2
		C316.6,41.1,315.8,39.7,314.8,38.5z M299.7,26.3c-0.5,0.9-1.4,1.5-2.6,2.1c-0.9,0.3-2.6,0.8-6,0.8H283V17.3h7.2
		c1.5,0,2.8,0,3.8,0.1c1,0.1,1.8,0.2,2.5,0.4c1.5,0.5,2.6,1.1,3.1,2c0.6,0.9,0.9,2,0.9,3.2C300.5,24.3,300.3,25.3,299.7,26.3z
		 M283,41.8h8.6c1.7,0,3.2,0.1,4.3,0.2c1,0.1,1.9,0.3,2.7,0.5c1.6,0.5,2.7,1.2,3.4,2.2c0.7,0.9,1,2,1,3.3c0,0.8-0.1,1.5-0.3,2.2
		c-0.2,0.6-0.5,1.1-1,1.7c-0.5,0.5-1.1,1-2,1.5c-0.9,0.5-2,0.8-3.4,1.1c-0.9,0.2-2,0.4-3.2,0.5c-1.3,0.1-2.9,0.2-4.8,0.2H283V41.8z"></path>
	<path class="usajobs-icon__path" d="M365.9,39.9c-1.2-2.3-2.8-4.1-4.8-5.5c-1.9-1.4-4.2-2.4-6.7-3.2c-2.4-0.7-4.9-1.3-7.4-1.9
		c-1.6-0.3-3.1-0.7-4.4-1c-1.3-0.3-2.4-0.8-3.4-1.4c-0.9-0.5-1.5-1.1-2-1.9c-0.4-0.7-0.7-1.6-0.7-2.8c0-2,0.7-3.4,2.1-4.4
		c1.6-1.1,4.1-1.7,7.3-1.7c2.4,0,5,0.3,7.7,0.8c2.7,0.5,5.6,1.4,8.6,2.6l2.5,1V7.4l-1.1-0.5c-2.4-1-5.3-1.9-8.7-2.5
		c-6.7-1.3-13.7-1.3-19.1,0.2c-2.8,0.8-5.2,2.1-7.3,3.8c-2.1,1.7-3.8,3.9-5,6.4c-1.2,2.6-1.8,5.6-1.8,9c0,3.1,0.5,5.8,1.6,7.9
		c1.1,2.1,2.5,3.9,4.4,5.3c1.8,1.3,3.8,2.4,6.1,3.2c2.2,0.7,4.5,1.3,6.9,1.9c1.7,0.4,3.4,0.7,5,1.1c1.5,0.3,2.8,0.8,4,1.3
		c1,0.5,1.8,1.1,2.4,1.8c0.5,0.6,0.7,1.5,0.7,2.6c0,1.4-0.3,2.5-0.9,3.3c-0.6,0.9-1.5,1.7-2.5,2.2c-1.2,0.6-2.5,1-4,1.3
		c-4.3,0.7-8.9,0.4-13.1-0.4c-2.7-0.6-5.5-1.5-8.3-2.7l-2.5-1.1v13l0.9,0.5c2.2,1.2,5.1,2.2,8.4,2.9c3.2,0.7,6.6,1,10,1
		c3.8,0,7.4-0.4,10.7-1.2c3.3-0.8,6.2-2,8.6-3.7c2.4-1.7,4.3-3.9,5.6-6.5c1.3-2.6,2-5.7,2-9.1C367.7,45,367.1,42.2,365.9,39.9z"></path>
	<g>
		<path class="usajobs-icon__path" d="M367.6,10.6c0-0.4,0.1-0.8,0.2-1.1c0.1-0.3,0.3-0.6,0.6-0.9c0.2-0.2,0.5-0.4,0.9-0.6c0.3-0.1,0.7-0.2,1.1-0.2
			c0.4,0,0.7,0.1,1.1,0.2c0.3,0.1,0.6,0.3,0.9,0.6c0.2,0.2,0.4,0.5,0.6,0.9c0.1,0.3,0.2,0.7,0.2,1.1s-0.1,0.8-0.2,1.1
			c-0.1,0.3-0.3,0.6-0.6,0.9c-0.2,0.2-0.5,0.4-0.9,0.6c-0.3,0.1-0.7,0.2-1.1,0.2c-0.4,0-0.7-0.1-1.1-0.2c-0.3-0.1-0.6-0.3-0.9-0.6
			c-0.2-0.2-0.4-0.5-0.6-0.9C367.6,11.3,367.6,11,367.6,10.6z M368.3,10.6c0,0.3,0,0.6,0.1,0.8c0.1,0.3,0.2,0.5,0.4,0.7
			c0.2,0.2,0.4,0.3,0.7,0.5c0.3,0.1,0.5,0.2,0.8,0.2c0.3,0,0.6-0.1,0.8-0.2c0.3-0.1,0.5-0.3,0.7-0.5c0.2-0.2,0.3-0.4,0.4-0.7
			c0.1-0.3,0.1-0.5,0.1-0.8s0-0.6-0.1-0.8c-0.1-0.3-0.2-0.5-0.4-0.7c-0.2-0.2-0.4-0.3-0.7-0.4c-0.3-0.1-0.5-0.2-0.8-0.2
			c-0.3,0-0.6,0.1-0.8,0.2c-0.3,0.1-0.5,0.3-0.7,0.4c-0.2,0.2-0.3,0.4-0.4,0.7C368.3,10,368.3,10.3,368.3,10.6z M370.8,10.8l0.8,1.1
			h-0.8l-0.7-1H370v1h-0.8V9.2h1.1c0.2,0,0.3,0,0.5,0c0.1,0,0.3,0.1,0.4,0.1c0.1,0.1,0.2,0.2,0.3,0.3c0.1,0.1,0.1,0.2,0.1,0.4
			c0,0.2-0.1,0.4-0.2,0.5C371.2,10.7,371,10.7,370.8,10.8L370.8,10.8z M370,9.7v0.7h0.2c0.2,0,0.3,0,0.4-0.1
			c0.1-0.1,0.1-0.1,0.1-0.3c0-0.1,0-0.2-0.1-0.2c-0.1-0.1-0.2-0.1-0.3-0.1H370z"></path>
	</g>
</g>
</svg>

          Design System
        </a>||usajobs-documentation-header__dslink|1|0|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-documentation-header__dslink" href="/design-system/" title="Home" aria-label="Home">
          <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 376 90.1">
<g>
	<path class="usajobs-icon__path" d="M178.4,65.5c0,1.1,0,2.3-0.1,3.5c-0.1,1.2-0.3,2.4-0.7,3.4c-0.3,1-1.5,4.6-8.4,3.5l-0.7,0v12l0.5,0.1
		c1.8,0.4,3.5,0.6,5.1,0.6c4,0,7.2-0.6,9.7-1.8c2.5-1.2,4.4-2.9,5.8-4.9c1.3-2,2.3-4.4,2.7-7c0.5-2.6,0.7-3.3,0.7-6V4.7h-14.7V65.5z
		"></path>
	<path class="usajobs-icon__path" d="M41.6,40.5c0,4-0.5,7-1.4,9.2c-1,2.3-2.3,3.9-4.2,4.9c-1.9,1-4.2,1.5-6.8,1.5c-2.6,0-4.9-0.5-6.8-1.5
		c-1.8-1-3.2-2.6-4.2-4.8c-0.9-2.1-1.4-5.2-1.4-9.2V4.6H2.3v36.9c0,2.6,0.1,4.9,0.4,7c0.3,2.1,0.8,4.1,1.5,5.9
		c0.9,2.2,2,4.3,3.5,6.1c1.5,1.8,3.3,3.3,5.3,4.6c2.1,1.2,4.4,2.2,7.1,2.8c2.6,0.6,5.6,1,8.9,1c3.3,0,6.3-0.3,8.9-1
		c2.7-0.6,5.1-1.6,7.2-2.8c2.1-1.2,4-2.8,5.4-4.6c1.5-1.8,2.7-3.8,3.5-6.1c0.7-1.8,1.2-3.8,1.5-5.9c0.3-2.1,0.4-4.5,0.4-7V4.6H41.6
		V40.5z"></path>
	<path class="usajobs-icon__path" d="M101.7,34.4C99.8,33,97.5,32,95,31.2c-2.4-0.7-4.9-1.3-7.4-1.9c-1.6-0.3-3.1-0.7-4.4-1
		c-1.3-0.3-2.4-0.8-3.4-1.4c-0.9-0.5-1.5-1.1-2-1.9c-0.4-0.7-0.7-1.6-0.7-2.8c0-2,0.7-3.4,2.1-4.4c1.6-1.1,4.1-1.7,7.3-1.7
		c2.4,0,5,0.3,7.7,0.8c2.7,0.5,5.6,1.4,8.6,2.6l2.5,1V7.4l-1.1-0.5c-2.4-1-5.3-1.9-8.7-2.5c-6.7-1.3-13.7-1.3-19.1,0.2
		c-2.8,0.8-5.2,2.1-7.3,3.8c-2.1,1.7-3.8,3.9-5,6.4c-1.2,2.6-1.8,5.6-1.8,9c0,3.1,0.5,5.8,1.6,7.9c1.1,2.1,2.5,3.9,4.4,5.3
		c1.8,1.3,3.8,2.4,6.1,3.2c2.2,0.7,4.5,1.3,6.9,1.9c1.7,0.4,3.4,0.7,5,1.1c1.5,0.3,2.8,0.8,4,1.3c1,0.5,1.8,1.1,2.4,1.8
		c0.5,0.6,0.7,1.5,0.7,2.6c0,1.4-0.3,2.5-0.9,3.3c-0.6,0.9-1.5,1.7-2.5,2.2c-1.2,0.6-2.5,1-4,1.3c-4.3,0.7-8.9,0.4-13.1-0.4
		c-2.7-0.6-5.5-1.5-8.3-2.7l-2.5-1.1v13L63,65c2.2,1.2,5.1,2.2,8.4,2.9c3.2,0.7,6.6,1,10,1c3.8,0,7.4-0.4,10.7-1.2
		c3.3-0.8,6.2-2,8.6-3.7c2.4-1.7,4.3-3.9,5.6-6.5c1.3-2.6,2-5.7,2-9.1c0-3.4-0.6-6.3-1.8-8.5C105.3,37.6,103.7,35.8,101.7,34.4z"></path>
	<path class="usajobs-icon__path" d="M170.8,65.6l-24.3-61h-12.5l-25.2,63.2h15.6l5.9-15.2h20.1l5.9,15.2h15.5 M145.5,39.8h-10.2l1.1-2.9
		c1.2-3.1,2.6-6.8,4-11c1.5,4.2,2.8,7.9,4,11L145.5,39.8z"></path>
	<path class="usajobs-icon__path" d="M253.7,12.7c-2.7-2.9-6-5.2-9.8-6.8c-3.8-1.6-8.2-2.4-13.1-2.4c-4.8,0-9.2,0.8-13.1,2.4
		c-3.8,1.6-7.1,3.9-9.8,6.8c-2.6,2.9-4.7,6.4-6,10.4c-1.4,4-2,8.4-2,13.1c0,4.7,0.7,9.1,2,13.1c1.4,4,3.4,7.5,6,10.4
		c2.7,2.9,6,5.2,9.8,6.8c3.8,1.6,8.2,2.4,13.1,2.4c4.8,0,9.2-0.8,13.1-2.4c3.8-1.6,7.1-3.9,9.8-6.8c2.6-2.9,4.7-6.4,6-10.4
		c1.4-4,2-8.4,2-13.1c0-4.7-0.7-9.1-2-13.1C258.3,19.1,256.3,15.6,253.7,12.7z M224.3,54.8c-1.9-0.8-3.6-2-5-3.6
		c-1.4-1.6-2.5-3.7-3.4-6.1c-0.8-2.5-1.3-5.5-1.3-9c0-3.4,0.4-6.4,1.3-9c0.8-2.5,1.9-4.6,3.4-6.2c1.4-1.6,3.1-2.8,5-3.6
		c1.9-0.8,4.1-1.2,6.5-1.2c2.3,0,4.5,0.4,6.5,1.2c1.9,0.8,3.6,2,5,3.6c1.4,1.6,2.5,3.7,3.4,6.2c0.8,2.5,1.3,5.5,1.3,9
		c0,3.4-0.4,6.4-1.3,9c-0.8,2.5-1.9,4.5-3.4,6.1c-1.4,1.6-3.1,2.8-5,3.6C233.4,56.5,228.2,56.5,224.3,54.8z"></path>
	<path class="usajobs-icon__path" d="M314.8,38.5c-1-1.2-2.2-2.3-3.6-3.2c-0.5-0.3-0.9-0.6-1.4-0.8c1.6-1.2,2.8-2.7,3.7-4.3c1.3-2.4,2-5.1,2-8
		c0-1.6-0.3-3.3-0.8-4.9c-0.5-1.6-1.3-3.2-2.4-4.6c-1.1-1.4-2.5-2.8-4.1-3.9c-1.6-1.2-3.6-2.1-5.8-2.8c-2.9-0.9-6.7-1.4-11.3-1.4
		h-22.6v63.2h19.2c1.7,0,3.2,0,4.5-0.1c1.4,0,2.6-0.1,3.7-0.2c1.1-0.1,2.1-0.2,3.1-0.4c0.9-0.2,1.8-0.3,2.6-0.5
		c3.1-0.8,5.8-2,7.9-3.4c2.1-1.4,3.8-3,5.1-4.7c1.3-1.7,2.2-3.6,2.7-5.4c0.5-1.8,0.8-3.5,0.8-5.2c0-1.9-0.3-3.6-0.8-5.2
		C316.6,41.1,315.8,39.7,314.8,38.5z M299.7,26.3c-0.5,0.9-1.4,1.5-2.6,2.1c-0.9,0.3-2.6,0.8-6,0.8H283V17.3h7.2
		c1.5,0,2.8,0,3.8,0.1c1,0.1,1.8,0.2,2.5,0.4c1.5,0.5,2.6,1.1,3.1,2c0.6,0.9,0.9,2,0.9,3.2C300.5,24.3,300.3,25.3,299.7,26.3z
		 M283,41.8h8.6c1.7,0,3.2,0.1,4.3,0.2c1,0.1,1.9,0.3,2.7,0.5c1.6,0.5,2.7,1.2,3.4,2.2c0.7,0.9,1,2,1,3.3c0,0.8-0.1,1.5-0.3,2.2
		c-0.2,0.6-0.5,1.1-1,1.7c-0.5,0.5-1.1,1-2,1.5c-0.9,0.5-2,0.8-3.4,1.1c-0.9,0.2-2,0.4-3.2,0.5c-1.3,0.1-2.9,0.2-4.8,0.2H283V41.8z"></path>
	<path class="usajobs-icon__path" d="M365.9,39.9c-1.2-2.3-2.8-4.1-4.8-5.5c-1.9-1.4-4.2-2.4-6.7-3.2c-2.4-0.7-4.9-1.3-7.4-1.9
		c-1.6-0.3-3.1-0.7-4.4-1c-1.3-0.3-2.4-0.8-3.4-1.4c-0.9-0.5-1.5-1.1-2-1.9c-0.4-0.7-0.7-1.6-0.7-2.8c0-2,0.7-3.4,2.1-4.4
		c1.6-1.1,4.1-1.7,7.3-1.7c2.4,0,5,0.3,7.7,0.8c2.7,0.5,5.6,1.4,8.6,2.6l2.5,1V7.4l-1.1-0.5c-2.4-1-5.3-1.9-8.7-2.5
		c-6.7-1.3-13.7-1.3-19.1,0.2c-2.8,0.8-5.2,2.1-7.3,3.8c-2.1,1.7-3.8,3.9-5,6.4c-1.2,2.6-1.8,5.6-1.8,9c0,3.1,0.5,5.8,1.6,7.9
		c1.1,2.1,2.5,3.9,4.4,5.3c1.8,1.3,3.8,2.4,6.1,3.2c2.2,0.7,4.5,1.3,6.9,1.9c1.7,0.4,3.4,0.7,5,1.1c1.5,0.3,2.8,0.8,4,1.3
		c1,0.5,1.8,1.1,2.4,1.8c0.5,0.6,0.7,1.5,0.7,2.6c0,1.4-0.3,2.5-0.9,3.3c-0.6,0.9-1.5,1.7-2.5,2.2c-1.2,0.6-2.5,1-4,1.3
		c-4.3,0.7-8.9,0.4-13.1-0.4c-2.7-0.6-5.5-1.5-8.3-2.7l-2.5-1.1v13l0.9,0.5c2.2,1.2,5.1,2.2,8.4,2.9c3.2,0.7,6.6,1,10,1
		c3.8,0,7.4-0.4,10.7-1.2c3.3-0.8,6.2-2,8.6-3.7c2.4-1.7,4.3-3.9,5.6-6.5c1.3-2.6,2-5.7,2-9.1C367.7,45,367.1,42.2,365.9,39.9z"></path>
	<g>
		<path class="usajobs-icon__path" d="M367.6,10.6c0-0.4,0.1-0.8,0.2-1.1c0.1-0.3,0.3-0.6,0.6-0.9c0.2-0.2,0.5-0.4,0.9-0.6c0.3-0.1,0.7-0.2,1.1-0.2
			c0.4,0,0.7,0.1,1.1,0.2c0.3,0.1,0.6,0.3,0.9,0.6c0.2,0.2,0.4,0.5,0.6,0.9c0.1,0.3,0.2,0.7,0.2,1.1s-0.1,0.8-0.2,1.1
			c-0.1,0.3-0.3,0.6-0.6,0.9c-0.2,0.2-0.5,0.4-0.9,0.6c-0.3,0.1-0.7,0.2-1.1,0.2c-0.4,0-0.7-0.1-1.1-0.2c-0.3-0.1-0.6-0.3-0.9-0.6
			c-0.2-0.2-0.4-0.5-0.6-0.9C367.6,11.3,367.6,11,367.6,10.6z M368.3,10.6c0,0.3,0,0.6,0.1,0.8c0.1,0.3,0.2,0.5,0.4,0.7
			c0.2,0.2,0.4,0.3,0.7,0.5c0.3,0.1,0.5,0.2,0.8,0.2c0.3,0,0.6-0.1,0.8-0.2c0.3-0.1,0.5-0.3,0.7-0.5c0.2-0.2,0.3-0.4,0.4-0.7
			c0.1-0.3,0.1-0.5,0.1-0.8s0-0.6-0.1-0.8c-0.1-0.3-0.2-0.5-0.4-0.7c-0.2-0.2-0.4-0.3-0.7-0.4c-0.3-0.1-0.5-0.2-0.8-0.2
			c-0.3,0-0.6,0.1-0.8,0.2c-0.3,0.1-0.5,0.3-0.7,0.4c-0.2,0.2-0.3,0.4-0.4,0.7C368.3,10,368.3,10.3,368.3,10.6z M370.8,10.8l0.8,1.1
			h-0.8l-0.7-1H370v1h-0.8V9.2h1.1c0.2,0,0.3,0,0.5,0c0.1,0,0.3,0.1,0.4,0.1c0.1,0.1,0.2,0.2,0.3,0.3c0.1,0.1,0.1,0.2,0.1,0.4
			c0,0.2-0.1,0.4-0.2,0.5C371.2,10.7,371,10.7,370.8,10.8L370.8,10.8z M370,9.7v0.7h0.2c0.2,0,0.3,0,0.4-0.1
			c0.1-0.1,0.1-0.1,0.1-0.3c0-0.1,0-0.2-0.1-0.2c-0.1-0.1-0.2-0.1-0.3-0.1H370z"></path>
	</g>
</g>
</svg>

          Design System
        </a>||usajobs-documentation-header__dslink|1|0|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|<button class="usa-menu-btn">Menu</button>||usa-menu-btn|207|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.
NOTICE|WCAG2AA.Principle3.Guideline3_2.3_2_1.G107|<button class="usa-menu-btn">Menu</button>||usa-menu-btn|207|4|Check that a change of context does not occur when this input field receives focus.
NOTICE|WCAG2AA.Principle3.Guideline3_2.3_2_1.G107|<button class="usa-nav-close" aria-label="Close nav bar">
        <span class="fas fa-times"></span>
      </button>||usa-nav-close|212|6|Check that a change of context does not occur when this input field receives focus.
NOTICE|WCAG2AA.Principle3.Guideline3_2.3_2_1.G107|<button class="usa-accordion-button usa-nav-link" aria-expanded="false" aria-controls="extended-mega-nav-section-one">
            <span>Base elements</span>
          </button>||usa-accordion-button usa-nav-link|217|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>Base elements</span>|||218|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.Principle3.Guideline3_2.3_2_1.G107|<button class="usa-accordion-button usa-nav-link" aria-expanded="false" aria-controls="extended-mega-nav-section-two">
            <span>Components</span>
          </button>||usa-accordion-button usa-nav-link|273|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>Components</span>|||274|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.Principle3.Guideline3_2.3_2_1.G107|<button class="usa-accordion-button usa-nav-link" aria-expanded="false" aria-controls="extended-mega-nav-section-three">
            <span>Layouts</span>
          </button>||usa-accordion-button usa-nav-link|360|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>Layouts</span>|||361|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|<a href="https://github.com/USAJOBS/design-system">
              <span class="fab fa-github"></span> GitHub
            </a>|||442|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.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81|<a href="https://github.com/USAJOBS/design-system">
              <span class="fab fa-github"></span> GitHub
            </a>|||442|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|<a href="https://www.usajobs.gov">usajobs.gov</a>|||447|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.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81|<a href="https://www.usajobs.gov">usajobs.gov</a>|||447|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|<p class="site-subheading">element</p>||site-subheading|458|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|<h1 id="buttons">Buttons</h1>|buttons||459|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|<p class="usa-font-lead">USAJOBS alters the disabled button and adds a secondary button style.</p>||usa-font-lead|460|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="/design-system/getting-started/#maturity" class="usa-label maturity design_complete">
  Design Complete
</a>||usa-label maturity design_complete|461|11|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/getting-started/#maturity" class="usa-label maturity design_complete">
  Design Complete
</a>||usa-label maturity design_complete|461|11|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>USAJOBS extends the <a href="https://playbook.cio.gov/designstandards/buttons">U.S. Web Design Standards buttons</a> with an alteration to the disabled button and an additional secondary button style.</p>|||465|0|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://playbook.cio.gov/designstandards/buttons">U.S. Web Design Standards buttons</a>|||465|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://playbook.cio.gov/designstandards/buttons">U.S. Web Design Standards buttons</a>|||465|23|Check that the link text combined with programmatically determined link context identifies the purpose of the link.
WARNING|WCAG2AA.Principle1.Guideline1_3.1_3_1_A.G141|<h3 class="usa-heading">Disabled Button</h3>||usa-heading|467|0|The heading structure is not logically nested. This h3 element should be an h2 to be properly nested.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<h3 class="usa-heading">Disabled Button</h3>||usa-heading|467|0|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|<h6 class="usa-heading-alt">Revised disabled button</h6>||usa-heading-alt|469|2|The heading structure is not logically nested. This h6 element should be an h4 to be properly nested.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<h6 class="usa-heading-alt">Revised disabled button</h6>||usa-heading-alt|469|2|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-button-disabled" disabled="">Default</button>||usa-button-disabled|471|4|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|<h6 class="usa-heading-alt">Disabled button on Button Bar background variation</h6>||usa-heading-alt|474|2|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 type="submit" class="usa-button-big usa-button-primary usajobs-button_bar__save" disabled="">
        Save &amp; Continue
      </button>||usa-button-big usa-button-primary usajobs-button_bar__save|477|6|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|<button class="usa-button-unstyled usa-accordion-button" aria-expanded="true" aria-controls="doc-0">
    Documentation
  </button>||usa-button-unstyled usa-accordion-button|485|2|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-button-unstyled usa-accordion-button" aria-expanded="true" aria-controls="doc-0">
    Documentation
  </button>||usa-button-unstyled usa-accordion-button|485|2|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|<h4 class="usa-heading">Why these deviations exist</h4>||usa-heading|489|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|<li>
        Reducing the opacity of disabled buttons helped the affordance in cases where a button was employed as part of a large component (e.g. <a href="/design-system/document/">Document</a>).
      </li>|||491|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.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<a href="/design-system/document/">Document</a>|||492|143|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/document/">Document</a>|||492|143|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|<li>
        If the default disabled button is on a gray background it does not have enough contrast and affordance for being disabled.
      </li>|||494|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.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<h4 class="usa-heading">Usability</h4>||usa-heading|499|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|<h5>When to use</h5>|||500|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|<li>Use the default style for all disabled buttons.</li>|||502|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.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<h3 class="usa-heading">Secondary Button</h3>||usa-heading|507|0|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|<h6>Alert variation</h6>|||509|2|The heading structure is not logically nested. This h6 element should be an h4 to be properly nested.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<h6>Alert variation</h6>|||509|2|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|<button class="usa-button usajobs-button-secondary-alert">Default</button>||usa-button usajobs-button-secondary-alert|511|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.
NOTICE|WCAG2AA.Principle3.Guideline3_2.3_2_1.G107|<button class="usa-button usajobs-button-secondary-alert">Default</button>||usa-button usajobs-button-secondary-alert|511|4|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|<button class="usa-button usajobs-button-secondary-alert usa-button-active">Active</button>||usa-button usajobs-button-secondary-alert usa-button-active|512|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.
NOTICE|WCAG2AA.Principle3.Guideline3_2.3_2_1.G107|<button class="usa-button usajobs-button-secondary-alert usa-button-active">Active</button>||usa-button usajobs-button-secondary-alert usa-button-active|512|4|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|<button class="usa-button usajobs-button-secondary-alert usa-button-hover">Hover</button>||usa-button usajobs-button-secondary-alert usa-button-hover|513|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.
NOTICE|WCAG2AA.Principle3.Guideline3_2.3_2_1.G107|<button class="usa-button usajobs-button-secondary-alert usa-button-hover">Hover</button>||usa-button usajobs-button-secondary-alert usa-button-hover|513|4|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|<button class="usa-button usajobs-button-secondary-alert usa-button-focus">Focus</button>||usa-button usajobs-button-secondary-alert usa-button-focus|514|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.
NOTICE|WCAG2AA.Principle3.Guideline3_2.3_2_1.G107|<button class="usa-button usajobs-button-secondary-alert usa-button-focus">Focus</button>||usa-button usajobs-button-secondary-alert usa-button-focus|514|4|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|<h6>Alt - Gray variation</h6>|||517|2|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|<button class="usa-button usajobs-button-gray">Default</button>||usa-button usajobs-button-gray|519|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.
NOTICE|WCAG2AA.Principle3.Guideline3_2.3_2_1.G107|<button class="usa-button usajobs-button-gray">Default</button>||usa-button usajobs-button-gray|519|4|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|<button class="usa-button usajobs-button-gray usa-button-active">Active</button>||usa-button usajobs-button-gray usa-button-active|520|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.
NOTICE|WCAG2AA.Principle3.Guideline3_2.3_2_1.G107|<button class="usa-button usajobs-button-gray usa-button-active">Active</button>||usa-button usajobs-button-gray usa-button-active|520|4|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|<button class="usa-button usajobs-button-gray usa-button-hover">Hover</button>||usa-button usajobs-button-gray usa-button-hover|521|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.
NOTICE|WCAG2AA.Principle3.Guideline3_2.3_2_1.G107|<button class="usa-button usajobs-button-gray usa-button-hover">Hover</button>||usa-button usajobs-button-gray usa-button-hover|521|4|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|<button class="usa-button usajobs-button-gray usa-button-focus">Focus</button>||usa-button usajobs-button-gray usa-button-focus|522|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.
NOTICE|WCAG2AA.Principle3.Guideline3_2.3_2_1.G107|<button class="usa-button usajobs-button-gray usa-button-focus">Focus</button>||usa-button usajobs-button-gray usa-button-focus|522|4|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|<button class="usa-button-unstyled usa-accordion-button" aria-expanded="true" aria-controls="doc-1">
    Documentation
  </button>||usa-button-unstyled usa-accordion-button|527|2|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-button-unstyled usa-accordion-button" aria-expanded="true" aria-controls="doc-1">
    Documentation
  </button>||usa-button-unstyled usa-accordion-button|527|2|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|<h4 class="usa-heading">Usability</h4>||usa-heading|499|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|<h5>When to use</h5>|||500|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|<li>The alert secondary button is intended for destructive actions or actions that will take the user outside of USAJOBS.</li>|||534|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.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<li>
        The gray button retains a button that had been in the U.S. Design System but was dropped. It's still in use on the site and we'll continue to support use when deemed appropriate.
      </li>|||535|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.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<h3 class="usa-heading">Links as buttons</h3>||usa-heading|542|0|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|<h6>Alert variation</h6>|||509|2|The heading structure is not logically nested. This h6 element should be an h4 to be properly nested.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<h6>Alert variation</h6>|||509|2|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="#" class="usa-button usa-button-primary">Default</a>||usa-button usa-button-primary|546|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.
NOTICE|WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81|<a href="#" class="usa-button usa-button-primary">Default</a>||usa-button usa-button-primary|546|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|<button class="usa-button-unstyled usa-accordion-button" aria-expanded="true" aria-controls="doc-1">
    Documentation
  </button>||usa-button-unstyled usa-accordion-button|527|2|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-button-unstyled usa-accordion-button" aria-expanded="true" aria-controls="doc-1">
    Documentation
  </button>||usa-button-unstyled usa-accordion-button|527|2|Check that a change of context does not occur when this input field receives focus.
ERROR|WCAG2AA.Principle4.Guideline4_1.4_1_1.F77|<div id="doc-1" aria-hidden="false" class="usa-accordion-content">
    <h4 class="usa-heading">Usability</h4>
    <h5>When to use</h5>
    <ul class="usa-content-list">
      <li>Use the <code>.usa-button-primary</code> class to style a link like a button.</li>
    </ul>
  </div>|doc-1|usa-accordion-content|554|2|Duplicate id attribute value "doc-1" found on the web page.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<h4 class="usa-heading">Usability</h4>||usa-heading|499|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|<h5>When to use</h5>|||500|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|<li>Use the <code>.usa-button-primary</code> class to style a link like a button.</li>|||558|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.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<code>.usa-button-primary</code>|||558|18|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|<h3 id="button-select" class="usa-heading">Button select</h3>|button-select|usa-heading|563|0|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|<p class="lead">
  A call-to-action button that reveals a select menu and then executes an action.
</p>||lead|564|0|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.Principle4.Guideline4_1.4_1_1.F77|<div class="preview" id="button-select">
    <select id="atp-projects" name="atp-projects" class="usajobs-button-select" data-placeholder="Save to project">
      <option value=""></option>
      <option value="1">Project ABC</option>
      <option value="2">Project BCD</option>
      <option value="3">Project CDE</option>
      <option value="4">Project DEF</option>
      <option value="5">Project EFG</option>
      <option value="6">Project FGH</option>
      <option value="7">Project GHI</option>
      <option value="8">Project HIJ</option>
      <option value="9">Project IJK</option>
      <option value="10">Project JKL</option>
      <option value="11">Project KLM</option>
      <option value="12">Project LMN</option>
      <option value="13">Project MNO</option>
      <option value="14">Project NOP</option>
      <option value="15">Project OPQ</option>
    </select>
</div>|button-select|preview|567|0|Duplicate id attribute value "button-select" found on the web page.
ERROR|WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.Select.Name|<select id="atp-projects" name="atp-projects" class="usajobs-button-select" data-placeholder="Save to project">
      <option value=""></option>
      <option value="1">Project ABC</option>
      <option value="2">Project BCD</option>
      <option value="3">Project CDE</option>
      <option value="4">Project DEF</option>
      <option value="5">Project EFG</option>
      <option value="6">Project FGH</option>
      <option value="7">Project GHI</option>
      <option value="8">Project HIJ</option>
      <option value="9">Project IJK</option>
      <option value="10">Project JKL</option>
      <option value="11">Project KLM</option>
      <option value="12">Project LMN</option>
      <option value="13">Project MNO</option>
      <option value="14">Project NOP</option>
      <option value="15">Project OPQ</option>
    </select>|atp-projects|usajobs-button-select|568|4|This select element does not have a name available to an accessibility API. Valid names are: label element, title attribute, aria-label attribute, aria-labelledby attribute.
WARNING|WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.Select.Value|<select id="atp-projects" name="atp-projects" class="usajobs-button-select" data-placeholder="Save to project">
      <option value=""></option>
      <option value="1">Project ABC</option>
      <option value="2">Project BCD</option>
      <option value="3">Project CDE</option>
      <option value="4">Project DEF</option>
      <option value="5">Project EFG</option>
      <option value="6">Project FGH</option>
      <option value="7">Project GHI</option>
      <option value="8">Project HIJ</option>
      <option value="9">Project IJK</option>
      <option value="10">Project JKL</option>
      <option value="11">Project KLM</option>
      <option value="12">Project LMN</option>
      <option value="13">Project MNO</option>
      <option value="14">Project NOP</option>
      <option value="15">Project OPQ</option>
    </select>|atp-projects|usajobs-button-select|568|4|This select element does not have an initially selected option. Depending on your HTML version, the value exposed to an accessibility API may be undefined.
ERROR|WCAG2AA.Principle1.Guideline1_3.1_3_1.F68|<select id="atp-projects" name="atp-projects" class="usajobs-button-select" data-placeholder="Save to project">
      <option value=""></option>
      <option value="1">Project ABC</option>
      <option value="2">Project BCD</option>
      <option value="3">Project CDE</option>
      <option value="4">Project DEF</option>
      <option value="5">Project EFG</option>
      <option value="6">Project FGH</option>
      <option value="7">Project GHI</option>
      <option value="8">Project HIJ</option>
      <option value="9">Project IJK</option>
      <option value="10">Project JKL</option>
      <option value="11">Project KLM</option>
      <option value="12">Project LMN</option>
      <option value="13">Project MNO</option>
      <option value="14">Project NOP</option>
      <option value="15">Project OPQ</option>
    </select>|atp-projects|usajobs-button-select|568|4|This form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate.
WARNING|WCAG2AA.Principle1.Guideline1_3.1_3_1.H85.2|<select id="atp-projects" name="atp-projects" class="usajobs-button-select" data-placeholder="Save to project">
      <option value=""></option>
      <option value="1">Project ABC</option>
      <option value="2">Project BCD</option>
      <option value="3">Project CDE</option>
      <option value="4">Project DEF</option>
      <option value="5">Project EFG</option>
      <option value="6">Project FGH</option>
      <option value="7">Project GHI</option>
      <option value="8">Project HIJ</option>
      <option value="9">Project IJK</option>
      <option value="10">Project JKL</option>
      <option value="11">Project KLM</option>
      <option value="12">Project LMN</option>
      <option value="13">Project MNO</option>
      <option value="14">Project NOP</option>
      <option value="15">Project OPQ</option>
    </select>|atp-projects|usajobs-button-select|568|4|If this selection list contains groups of related options, they should be grouped with optgroup.
NOTICE|WCAG2AA.Principle3.Guideline3_2.3_2_1.G107|<select id="atp-projects" name="atp-projects" class="usajobs-button-select" data-placeholder="Save to project">
      <option value=""></option>
      <option value="1">Project ABC</option>
      <option value="2">Project BCD</option>
      <option value="3">Project CDE</option>
      <option value="4">Project DEF</option>
      <option value="5">Project EFG</option>
      <option value="6">Project FGH</option>
      <option value="7">Project GHI</option>
      <option value="8">Project HIJ</option>
      <option value="9">Project IJK</option>
      <option value="10">Project JKL</option>
      <option value="11">Project KLM</option>
      <option value="12">Project LMN</option>
      <option value="13">Project MNO</option>
      <option value="14">Project NOP</option>
      <option value="15">Project OPQ</option>
    </select>|atp-projects|usajobs-button-select|568|4|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|<option value="1">Project ABC</option>|||570|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.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<option value="2">Project BCD</option>|||571|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.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<option value="3">Project CDE</option>|||572|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.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<option value="4">Project DEF</option>|||573|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.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<option value="5">Project EFG</option>|||574|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.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<option value="6">Project FGH</option>|||575|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.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<option value="7">Project GHI</option>|||576|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.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<option value="8">Project HIJ</option>|||577|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.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<option value="9">Project IJK</option>|||578|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.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<option value="10">Project JKL</option>|||579|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.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<option value="11">Project KLM</option>|||580|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.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<option value="12">Project LMN</option>|||581|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.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<option value="13">Project MNO</option>|||582|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.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<option value="14">Project NOP</option>|||583|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.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<option value="15">Project OPQ</option>|||584|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.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<button class="usa-button-unstyled usa-accordion-button" aria-expanded="true" aria-controls="doc-2">
    Documentation
  </button>||usa-button-unstyled usa-accordion-button|589|2|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-button-unstyled usa-accordion-button" aria-expanded="true" aria-controls="doc-2">
    Documentation
  </button>||usa-button-unstyled usa-accordion-button|589|2|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|<h4 class="usa-heading">Usability</h4>||usa-heading|499|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|<h5>When to use</h5>|||500|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|<li>For micro-interactions where the user must select from a list and the act of making a selection takes immediate action.</li>|||596|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.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<p>Feedback? Create an issue on the <a href="https://github.com/USAJOBS/design-system">GitHub repository</a>.</p>|||606|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="https://github.com/USAJOBS/design-system">GitHub repository</a>|||606|40|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://github.com/USAJOBS/design-system">GitHub repository</a>|||606|40|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>
      This project is maintained by <a href="https://usajobs.github.io/">USAJOBS</a>.
      The source code is available at <a href="https://github.com/USAJOBS/design-system">github.com/USAJOBS/design-system</a>
    </p>|||609|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.H48|<p>
      This project is maintained by <a href="https://usajobs.github.io/">USAJOBS</a>.
      The source code is available at <a href="https://github.com/USAJOBS/design-system">github.com/USAJOBS/design-system</a>
    </p>|||609|4|If this element contains a navigation section, it is recommended that it be marked up as a list.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<a href="https://usajobs.github.io/">USAJOBS</a>|||610|36|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://usajobs.github.io/">USAJOBS</a>|||610|36|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://github.com/USAJOBS/design-system">github.com/USAJOBS/design-system</a>|||611|38|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://github.com/USAJOBS/design-system">github.com/USAJOBS/design-system</a>|||611|38|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>As a work of the United States Government, this project is <a href="https://github.com/USAJOBS/design-system/LICENSE.md">in the public domain</a> within the United States.</p>|||613|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="https://github.com/USAJOBS/design-system/LICENSE.md">in the public domain</a>|||613|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="https://github.com/USAJOBS/design-system/LICENSE.md">in the public domain</a>|||613|66|Check that the link text combined with programmatically determined link context identifies the purpose of the link.