USAJOBS Design System || Job announcement summary|18|1|Check that the title element describes the document.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|Skip to main content||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|Skip to main content||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||||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||||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|
An official website of the United States government
|||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|||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|Here's how you know||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|||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|||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|
The .gov means it’s official.
Federal government websites often end in .gov or .mil. Before sharing sensitive information, make sure you’re on a federal government site.
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.
|||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|The .gov means it’s official.|||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|||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|||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|
The site is secure.
The https:// ensures that you are connecting to the official website and that any information you provide is encrypted and transmitted securely.
|||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|The site is secure.|||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|https://|||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|
Design System
||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|
Design System
||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|||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|||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|||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|||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|Base elements|||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|||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|Components|||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|||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|Layouts|||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|
GitHub
|||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|
GitHub
|||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|usajobs.gov|||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|usajobs.gov|||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|
component
||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|
Job announcement summary
|job-announcement-summary||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|
Summary of the Job Opportunity Announcement (JOA)
||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|
Deployed
||usa-label maturity deployed|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|
Deployed
||usa-label maturity deployed|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|
Variation (v1)
||usa-heading-alt|466|2|The heading structure is not logically nested. This h6 element should be an h2 to be properly nested.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|
Variation (v1)
||usa-heading-alt|466|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|
Applying to:
||intro|469|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|Animal Caretaker|||471|28|This element's text is placed 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|Animal Caretaker|||471|28|This link points to a named anchor "joa" within the document, but no anchor exists with that name.
NOTICE|WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81|Animal Caretaker|||471|28|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|
Department of Veteran Affairs
||attr|472|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|
Closes 10/15/2015
||attr|473|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|Who may apply||joa-anchor|476|4|This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.
ERROR|WCAG2AA.Principle2.Guideline2_4.2_4_1.G1,G123,G124.NoSuchID|Who may apply||joa-anchor|476|4|This link points to a named anchor "joa-who_may_apply" within the document, but no anchor exists with that name.
NOTICE|WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81|Who may apply||joa-anchor|476|4|Check that the link text combined with programmatically determined link context identifies the purpose of the link.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|
Text wrap demonstration
||usa-heading-alt|481|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|
Applying to:
||intro|469|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|[Job Title that might be quite long and wrap onto a second line]|||486|30|This element's text is placed 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|[Job Title that might be quite long and wrap onto a second line]|||486|30|This link points to a named anchor "joa" within the document, but no anchor exists with that name.
NOTICE|WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81|[Job Title that might be quite long and wrap onto a second line]|||486|30|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|
[Agency name that can be up to one hundred characters. Agency name that can be one hundred characters.]
||attr|487|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|
Closes 10/15/2015
||attr|473|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|Who may apply||joa-anchor|476|4|This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.
ERROR|WCAG2AA.Principle2.Guideline2_4.2_4_1.G1,G123,G124.NoSuchID|Who may apply||joa-anchor|476|4|This link points to a named anchor "joa-who_may_apply" within the document, but no anchor exists with that name.
NOTICE|WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81|Who may apply||joa-anchor|476|4|Check that the link text combined with programmatically determined link context identifies the purpose of the link.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|||usa-button-unstyled usa-accordion-button|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.
NOTICE|WCAG2AA.Principle3.Guideline3_2.3_2_1.G107|||usa-button-unstyled usa-accordion-button|497|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|
Guidelines
||usa-heading|501|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|
The job title opens the JOA in a new tab.
|||503|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|
The "Who may apply" link opens the JOA in a new tab and anchors to the Who May Apply section within the JOA.
|||504|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|
The level one agency should be the agency listed.
|||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|
The date should be in the format MM/DD/YYYY.
|||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|
Usability
||usa-heading|509|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|
When to use
|||510|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|
After a user has selected a job listing the JOA Summary should be present as they learn more or apply for the job.
|||512|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|
|||522|4|This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.
WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|GitHub repository|||522|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|GitHub repository|||522|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|
|||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_3.1_3_1.H48|
|||525|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|USAJOBS|||526|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|USAJOBS|||526|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|github.com/USAJOBS/design-system|||527|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|github.com/USAJOBS/design-system|||527|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|
As a work of the United States Government, this project is in the public domain within the United States.
|||529|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|in the public domain|||529|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|in the public domain|||529|66|Check that the link text combined with programmatically determined link context identifies the purpose of the link.