/Library/WebServer/Documents/lab/design-system/_site/getting-started/index.html
heading|issue|element|id|class|line|column|description
NOTICE|WCAG2AA.Principle2.Guideline2_4.2_4_2.H25.2|<title>USAJOBS Design System || Getting started</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|<h1 id="getting-started">Getting started</h1>|getting-started||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">Setting the base visual language, components, and guidelines that help define the next generation of USAJOBS.</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|<h2 class="usa-heading">For developers</h2>||usa-heading|461|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>The UI components are built on a solid <strong>HTML</strong> foundation, progressively enhanced to provide core experiences across browsers. All users get critical information and experiences. New browsers get the prettiest experiences, while older browsers get less pretty, but usable ones. If JavaScript fails, users will still get a robust HTML foundation.</p>|||463|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|<strong>HTML</strong>|||463|42|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>CSS</h3>|||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|<p>
  This repo sticks fairly closely to the <a href="https://pages.18f.gov/frontend/css-coding-styleguide/">18F CSS Coding Styleguide</a> with some exceptions. Read the coding styleguide first and the refer to this list for the differences:
</p>|||466|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://pages.18f.gov/frontend/css-coding-styleguide/">18F CSS Coding Styleguide</a>|||467|41|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://pages.18f.gov/frontend/css-coding-styleguide/">18F CSS Coding Styleguide</a>|||467|41|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>Sass (.scss) files are compiled by <a href="https://www.npmjs.com/package/node-sass">node-sass</a>, a wrapper around the very fast <a href="https://github.com/sass/libsass">libsass</a> C/C++ preprocessor.</li>|||470|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="https://www.npmjs.com/package/node-sass">node-sass</a>|||470|41|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.npmjs.com/package/node-sass">node-sass</a>|||470|41|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/sass/libsass">libsass</a>|||470|137|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/sass/libsass">libsass</a>|||470|137|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>rem units for positioning instead of em</li>|||471|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|<li>Sticking closer to the <a href="https://en.bem.info/method/">BEM</a> methodology.</li>|||472|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="https://en.bem.info/method/">BEM</a>|||472|29|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://en.bem.info/method/">BEM</a>|||472|29|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>Our architecture is a bit flatter. We have base elements (color, typography, buttons) and components made of those elements (alerts, modals, navigation). We don't differentiate between components and modules.</li>|||473|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|<h4>Preprocessing</h4>|||476|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>The CSS foundation of this site is built with the <strong>Sass</strong> preprocessor language. The Sass is the scss flavor and is compiled by <a href="https://www.npmjs.com/package/node-sass">node-sass</a>, a wrapped around the very fast <a href="https://github.com/sass/libsass">libsass</a> C/C++ preprocessor.</p>|||477|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.H48|<p>The CSS foundation of this site is built with the <strong>Sass</strong> preprocessor language. The Sass is the scss flavor and is compiled by <a href="https://www.npmjs.com/package/node-sass">node-sass</a>, a wrapped around the very fast <a href="https://github.com/sass/libsass">libsass</a> C/C++ preprocessor.</p>|||477|0|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|<strong>Sass</strong>|||477|53|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.npmjs.com/package/node-sass">node-sass</a>|||470|41|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.npmjs.com/package/node-sass">node-sass</a>|||470|41|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/sass/libsass">libsass</a>|||470|137|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/sass/libsass">libsass</a>|||470|137|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>Frameworks</h4>|||479|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>
  Uses <strong><a href="http://bourbon.io/">Bourbon</a></strong> for its simple and lightweight Sass mixin library, and the <strong><a href="http://neat.bourbon.io/">Neat</a></strong> library for the grid framework. Bourbon and Neat are open-source products from <strong><a href="https://thoughtbot.com/">thoughtbot</a></strong>.
</p>|||480|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="http://bourbon.io/">Bourbon</a>|||481|15|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://bourbon.io/">Bourbon</a>|||481|15|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://neat.bourbon.io/">Neat</a>|||481|132|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://neat.bourbon.io/">Neat</a>|||481|132|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://thoughtbot.com/">thoughtbot</a>|||481|271|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://thoughtbot.com/">thoughtbot</a>|||481|271|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 is migrating away from Bootstrap due to the difficulty in adapting its opinionated styles to bespoke design work and the extra markup it requires in placing semantic layout instructions directly in HTML classes. This Design System is intended to replace Bootstrap over time.
</p>|||483|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|<h4>Breakpoints</h4>|||487|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>Media queries are built <strong>mobile first</strong>. A full table of our breakpoints can be found on the <a href="/design-system/grid/">Grid</a> page.</p>|||488|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|<strong>mobile first</strong>|||488|27|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/grid/">Grid</a>|||488|110|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/grid/">Grid</a>|||488|110|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>Architecture</h4>|||490|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|<li>CSS selectors from the U.S. Web Design Standards are <strong>prefixed</strong> with <code>usa</code> (For example: <code>.usa-button</code>).</li>|||492|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|<strong>prefixed</strong>|||492|59|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</code>|||492|90|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</code>|||492|121|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>CSS selectors from this design systerm are <strong>prefixed</strong> with <code>usajobs</code> (For example: <code>.usajobs-button</code>).</li>|||493|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|<strong>prefixed</strong>|||492|59|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>usajobs</code>|||493|80|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>.usajobs-button</code>|||493|115|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>Objects in CSS are separated by single dashes. Multi-word objects are separated by an underscore (For example: <code>.usajobs-button-cool_feature-active</code>).</li>|||494|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|<code>.usajobs-button-cool_feature-active</code>|||494|117|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>Uses <strong>modular CSS</strong> for scalable, modular, and flexible code.</li>|||495|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|<strong>modular CSS</strong>|||495|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.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<li>Uses <strong>nesting</strong> when appropriate. Nest minimally with up to three levels of nesting.</li>|||496|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|<strong>nesting</strong>|||496|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.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<li><strong>Global variables</strong> are defined in the _variables.scss file. This is where custom theming can be done to change site-wide colors, fonts, etc.</li>|||497|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|<strong>Global variables</strong>|||497|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>Hard-coded magic numbers are avoided and, if necessary, defined in the <code>_variables.scss</code> file.</li>|||498|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|<code>_variables.scss</code>|||498|77|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><strong>Spacing units</strong> are as much as possible defined as rem or em units so they scale appropriately with text size. Pixels can be used for detail work and should not exceed 5px (For example: 3px borders).</li>|||499|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|<strong>Spacing units</strong>|||499|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>Where things are:</h4>|||504|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|<li><strong>HTML</strong> markup for the components are located in: <code>_visual, _elements, _components</code> in the site root.</li>|||507|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|<strong>HTML</strong>|||463|42|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>_visual, _elements, _components</code>|||507|70|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><strong>Sass</strong> styles are located in: <code>_scss (/base, /element, /component)</code>. <strong>Compiled CSS</strong> is located in: <code>css/<wbr>usajobs-design-system-base.css</code>.</li>|||508|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|<strong>Sass</strong>|||477|53|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>_scss (/base, /element, /component)</code>|||508|51|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>Compiled CSS</strong>|||508|101|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>css/<wbr>usajobs-design-system-base.css</code>|||508|146|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><strong>JS</strong> is located in: <code>js/</code>.</li>|||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|<strong>JS</strong>|||509|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>js/</code>|||509|41|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><strong>Fonts</strong> are located in: <code>fonts</code>.</li>|||510|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|<strong>Fonts</strong>|||510|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>fonts</code>|||510|45|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><strong>Images</strong> and icons are located in: <code>img</code>.</li>|||511|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|<strong>Images</strong>|||511|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>img</code>|||511|56|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>Browser support:</h4>|||514|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>The standards are designed to support both older and newer browsers through progressive enhancement, and officially support Internet Explorer 9 and up, and the latest versions of Chrome, Firefox, and Safari. Internet Explorer 8 and below generally see very low usage today, and most agency websites should be able to safely begin support at Internet Explorer 9.</p>|||516|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|<h3 class="usa-heading">For designers</h3>||usa-heading|518|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>All of the designs meet the <a href="http://www.w3.org/TR/WCAG20/">WCAG 2.0 AA accessibility guidelines</a> and are compliant with <a href="http://www.section508.gov/">Section 508 of the Americans with Disabilities Act</a>. <strong>If you choose to customize them, ensure they continue to meet the requirements listed in the “Accessibility” section of each design.</strong></p>|||520|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.H48|<p>All of the designs meet the <a href="http://www.w3.org/TR/WCAG20/">WCAG 2.0 AA accessibility guidelines</a> and are compliant with <a href="http://www.section508.gov/">Section 508 of the Americans with Disabilities Act</a>. <strong>If you choose to customize them, ensure they continue to meet the requirements listed in the “Accessibility” section of each design.</strong></p>|||520|0|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="http://www.w3.org/TR/WCAG20/">WCAG 2.0 AA accessibility guidelines</a>|||520|31|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.w3.org/TR/WCAG20/">WCAG 2.0 AA accessibility guidelines</a>|||520|31|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.section508.gov/">Section 508 of the Americans with Disabilities Act</a>|||520|134|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.section508.gov/">Section 508 of the Americans with Disabilities Act</a>|||520|134|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|<strong>If you choose to customize them, ensure they continue to meet the requirements listed in the “Accessibility” section of each design.</strong>|||520|227|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" id="maturity">Maturity Scale</h3>|maturity|usa-heading|522|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>Given that we have just started to formulate the Design System the system is not yet stable. Thus some design decisions are still being considered, documentation is sparse, and components are being rapidly added and removed. Thus maturity tags will be placed at the top of each page of the Design System to help explain what state the component or element is in within the design process.</p>|||524|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|<li><strong>Incomplete</strong>: A new addition to the system that is still under work and is not yet ready for review.</li>|||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.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<strong>Incomplete</strong>|||527|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><strong>Proposed</strong>: A new addition to the system, proposed by a team member, that has not yet been reviewed by the entire Design team.</li>|||528|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|<strong>Proposed</strong>|||528|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><strong>Under Review</strong>: A component or element that is actively being reviewed by the Design team.</li>|||529|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|<strong>Under Review</strong>|||529|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><strong>Design Complete</strong>: The component or element has been reviewed by the Design team and guidelines need to be created.</li>|||530|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|<strong>Design Complete</strong>|||530|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><strong>Available</strong>: The component or element is complete and ready to be used.</li>|||531|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|<strong>Available</strong>|||531|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><strong>Deployed</strong>: The component or element has been deployed to production.</li>|||532|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|<strong>Deployed</strong>|||532|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><strong>Best Practice</strong>: The component or element has been deployed for some length of time and is now considered best practice.</li>|||533|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|<strong>Best Practice</strong>|||533|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><strong>Unavailable</strong>: A previously available or deployed component or element is now considered lacking and should not be used.</li>|||534|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|<strong>Unavailable</strong>|||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|<p>Feedback? Create an issue on the <a href="https://github.com/USAJOBS/design-system">GitHub repository</a>.</p>|||542|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>|||542|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>|||542|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>|||545|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>|||545|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>|||546|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>|||546|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>|||547|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>|||547|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>|||549|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>|||549|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>|||549|66|Check that the link text combined with programmatically determined link context identifies the purpose of the link.