/Library/WebServer/Documents/lab/design-system/_site/modals/index.html
heading|issue|element|id|class|line|column|description
NOTICE|WCAG2AA.Principle2.Guideline2_4.2_4_2.H25.2|<title>USAJOBS Design System || Modals</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|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 class="usa-skipnav" href="#main-content">Skip to main content</a>||usa-skipnav|95|4|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">component</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="modals">Modals</h1>|modals||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 uses the modal component to draw attention to actions that require user input.</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_3.1_3_1_A.G141|<h4 class="usa-heading-alt">Default Modal</h4>||usa-heading-alt|465|0|The heading structure is not logically nested. This h4 element should be an h2 to be properly nested.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<h4 class="usa-heading-alt">Default Modal</h4>||usa-heading-alt|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="#modal-trigger" class="usa-button usajobs-button" data-object-trigger="modal" data-target="#modal-demo">Open Default Modal</a>||usa-button usajobs-button|467|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.
ERROR|WCAG2AA.Principle2.Guideline2_4.2_4_1.G1,G123,G124.NoSuchID|<a href="#modal-trigger" class="usa-button usajobs-button" data-object-trigger="modal" data-target="#modal-demo">Open Default Modal</a>||usa-button usajobs-button|467|2|This link points to a named anchor "modal-trigger" within the document, but no anchor exists with that name.
NOTICE|WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81|<a href="#modal-trigger" class="usa-button usajobs-button" data-object-trigger="modal" data-target="#modal-demo">Open Default Modal</a>||usa-button usajobs-button|467|2|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-0">Documentation</button>||usa-button-unstyled usa-accordion-button|501|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|501|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">Accessibility</h4>||usa-heading|503|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>Modal should have the <code>role="dialog"</code> attribute.</li>|||505|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>role="dialog"</code>|||505|32|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>Content behind the modal should not scroll while the modal is open.</li>|||506|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>Modal should have an <code>aria-labelledby</code> attribute where the value is the ID of the modal title (you don't need or want the #).</li>|||507|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>aria-labelledby</code>|||507|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.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<li>Modal should have an <code>aria-describedby</code> attribute where the value is the ID of a div that contains a description of the modal (you don't need or want the #).</li>|||508|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>aria-describedby</code>|||508|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.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<li>Pressing the ESC key should close the modal and return the focus to the element that triggered the modal.</li>|||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|<li>If the modal contains a form, pressing the Enter key should submit that form.</li>|||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|<h4 class="usa-heading">Usability</h4>||usa-heading|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.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<h5>When to use</h5>|||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.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<li>When the focus on the user must be focused on a single, or limited number, of elements. For example, when confirming or canceling a required action.</li>|||516|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 flow the user is in would otherwise be interrupted by a distinct page.</li>|||517|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|<h5>Do not use when</h5>|||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.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<li>Content that must be linkable (have a distinct URL) or searchable.</li>|||521|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 contents of the modal is a form longer than 4 fields.</li>|||522|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">Guidelines</h4>||usa-heading|525|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><strong>Retain form input</strong>: All data entered into a modal should be retained until the modal is submitted. Thus if a user enters data, dismisses the modal, and then reopens the modal the form data should be populated in the form fields.</li>|||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|<strong>Retain form input</strong>|||527|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|<h4 class="usa-heading-alt">Alert variations</h4>||usa-heading-alt|532|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|<div class="preview">
  <h6 class="usa-heading-alt">Modal - Info variation</h6>
  <a href="#modal-trigger" class="usa-button usajobs-button" data-object-trigger="modal" data-target="#modal-info-demo">Open info modal</a>

  <h6 class="usa-heading-alt">Modal - Delete profile variation</h6>
  <a href="#modal-trigger" class="usa-button usajobs-button usa-button-secondary" data-object-trigger="modal" data-target="#modal-delete-account">Delete profile</a>

  <h6 class="usa-heading-alt">Modal - Delete document variation</h6>
  <a href="#modal-trigger" class="usa-button usajobs-button usa-button-secondary" data-object-trigger="modal" data-target="#modal-delete-document">Delete Document</a>
</div>||preview|533|0|If this element contains a navigation section, it is recommended that it be marked up as a list.
WARNING|WCAG2AA.Principle1.Guideline1_3.1_3_1_A.G141|<h6 class="usa-heading-alt">Modal - Info variation</h6>||usa-heading-alt|534|2|The heading structure is not logically nested. This h6 element should be an h5 to be properly nested.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<h6 class="usa-heading-alt">Modal - Info variation</h6>||usa-heading-alt|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|<a href="#modal-trigger" class="usa-button usajobs-button" data-object-trigger="modal" data-target="#modal-info-demo">Open info modal</a>||usa-button usajobs-button|535|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.
ERROR|WCAG2AA.Principle2.Guideline2_4.2_4_1.G1,G123,G124.NoSuchID|<a href="#modal-trigger" class="usa-button usajobs-button" data-object-trigger="modal" data-target="#modal-info-demo">Open info modal</a>||usa-button usajobs-button|535|2|This link points to a named anchor "modal-trigger" within the document, but no anchor exists with that name.
NOTICE|WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81|<a href="#modal-trigger" class="usa-button usajobs-button" data-object-trigger="modal" data-target="#modal-info-demo">Open info modal</a>||usa-button usajobs-button|535|2|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|<h6 class="usa-heading-alt">Modal - Delete profile variation</h6>||usa-heading-alt|537|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="#modal-trigger" class="usa-button usajobs-button usa-button-secondary" data-object-trigger="modal" data-target="#modal-delete-account">Delete profile</a>||usa-button usajobs-button usa-button-secondary|538|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.
ERROR|WCAG2AA.Principle2.Guideline2_4.2_4_1.G1,G123,G124.NoSuchID|<a href="#modal-trigger" class="usa-button usajobs-button usa-button-secondary" data-object-trigger="modal" data-target="#modal-delete-account">Delete profile</a>||usa-button usajobs-button usa-button-secondary|538|2|This link points to a named anchor "modal-trigger" within the document, but no anchor exists with that name.
NOTICE|WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81|<a href="#modal-trigger" class="usa-button usajobs-button usa-button-secondary" data-object-trigger="modal" data-target="#modal-delete-account">Delete profile</a>||usa-button usajobs-button usa-button-secondary|538|2|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|<h6 class="usa-heading-alt">Modal - Delete document variation</h6>||usa-heading-alt|540|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="#modal-trigger" class="usa-button usajobs-button usa-button-secondary" data-object-trigger="modal" data-target="#modal-delete-document">Delete Document</a>||usa-button usajobs-button usa-button-secondary|541|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.
ERROR|WCAG2AA.Principle2.Guideline2_4.2_4_1.G1,G123,G124.NoSuchID|<a href="#modal-trigger" class="usa-button usajobs-button usa-button-secondary" data-object-trigger="modal" data-target="#modal-delete-document">Delete Document</a>||usa-button usajobs-button usa-button-secondary|541|2|This link points to a named anchor "modal-trigger" within the document, but no anchor exists with that name.
NOTICE|WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81|<a href="#modal-trigger" class="usa-button usajobs-button usa-button-secondary" data-object-trigger="modal" data-target="#modal-delete-document">Delete Document</a>||usa-button usajobs-button usa-button-secondary|541|2|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|545|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|545|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|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.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<h5>When to use</h5>|||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.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<li>When an action is required by the user before they may continue.</li>|||550|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>When it is necessary to redirect the user to another part of the site.</li>|||551|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">Guidelines</h4>||usa-heading|525|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>These modals are simply containers for an <a href="/design-system/alerts/">alert</a>. Thus the modal should adhere to the guidelines for the appropriate alert.</li>|||556|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/alerts/">alert</a>|||556|52|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/alerts/">alert</a>|||556|52|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>Modals that manage destructive actions should be triggered by a <a href="/design-system/buttons/">red, secondary button</a> and should use the error alert style. However, unlike the deafult error alert these modals should allow the user to dismiss them.&lt;/a&gt;</li>|||557|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/buttons/">red, secondary button</a>|||557|74|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/buttons/">red, secondary button</a>|||557|74|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 class="usa-heading-alt">Form variations</h4>||usa-heading-alt|562|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">Modal - Default with full form</h6>||usa-heading-alt|564|2|The heading structure is not logically nested. This h6 element should be an h5 to be properly nested.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<h6 class="usa-heading-alt">Modal - Default with full form</h6>||usa-heading-alt|564|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="#modal-trigger" class="usa-button usajobs-button" data-object-trigger="modal" data-target="#modal-wide-demo">Open</a>||usa-button usajobs-button|565|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.
ERROR|WCAG2AA.Principle2.Guideline2_4.2_4_1.G1,G123,G124.NoSuchID|<a href="#modal-trigger" class="usa-button usajobs-button" data-object-trigger="modal" data-target="#modal-wide-demo">Open</a>||usa-button usajobs-button|565|2|This link points to a named anchor "modal-trigger" within the document, but no anchor exists with that name.
NOTICE|WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81|<a href="#modal-trigger" class="usa-button usajobs-button" data-object-trigger="modal" data-target="#modal-wide-demo">Open</a>||usa-button usajobs-button|565|2|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-2">
    Documentation
  </button>||usa-button-unstyled usa-accordion-button|569|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|569|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">Accessibility</h4>||usa-heading|503|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>Unfortunately, we have a number of these modals and we should excise them as quickly as possible. Content behind these modal has to scroll to support the egregious form lengths on mobile devices.</li>|||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|<h4 class="usa-heading">Usability</h4>||usa-heading|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.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<h5>When to use</h5>|||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.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|<li>Never. Long forms do not belong in modals.</li>|||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|<h4 class="usa-heading">Guidelines</h4>||usa-heading|525|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>Do not create new instances of modals that contain long forms.</li>|||586|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>Retain form input</strong>: All data entered into a modal should be retained until the modal is submitted. Thus if a user enters data, dismisses the modal, and then reopens the modal the form data should be populated in the form fields.</li>|||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|<strong>Retain form input</strong>|||527|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|<p>Feedback? Create an issue on the <a href="https://github.com/USAJOBS/design-system">GitHub repository</a>.</p>|||597|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>|||597|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>|||597|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>|||600|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>|||600|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>|||601|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>|||601|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>|||602|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>|||602|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>|||604|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>|||604|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>|||604|66|Check that the link text combined with programmatically determined link context identifies the purpose of the link.