/Library/WebServer/Documents/lab/design-system/_site/joa-actions/index.html heading|issue|element|id|class|line|column|description NOTICE|WCAG2AA.Principle2.Guideline2_4.2_4_2.H25.2|USAJOBS Design System || Job announcement actions|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|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|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|

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|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|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|

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|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|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|

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 actions

|job-announcement-actions||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|

Users can print, share, or save a job announcement.

||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_4.1_4_3.G18.BgImage|Apply||usa-button-primary usa-button-big usajobs-joa-actions__apply|468|6|This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1. NOTICE|WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81|Apply||usa-button-primary usa-button-big usajobs-joa-actions__apply|468|6|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.H48|
Print
Save
||usajobs-joa-actions__col-sub-actions|470|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| Print ||usajobs-joa-actions__print|471|6|This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1. NOTICE|WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81| Print ||usajobs-joa-actions__print|471|6|Check that the link text combined with programmatically determined link context identifies the purpose of the link. WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage||joa-share|usajobs-joa-actions-share__trigger|475|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.Principle3.Guideline3_2.3_2_1.G107||joa-share|usajobs-joa-actions-share__trigger|475|8|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| Save ||usajobs-joa-actions__save|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. ERROR|WCAG2AA.Principle2.Guideline2_4.2_4_1.G1,G123,G124.NoSuchID| Save ||usajobs-joa-actions__save|506|6|This link points to a named anchor "save" within the document, but no anchor exists with that name. NOTICE|WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81| Save ||usajobs-joa-actions__save|506|6|Check that the link text combined with programmatically determined link context identifies the purpose of the link. WARNING|WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage|||usa-button-unstyled usa-accordion-button|514|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|514|2|Check that a change of context does not occur when this input field receives focus. WARNING|WCAG2AA.Principle1.Guideline1_3.1_3_1_A.G141|

Guidelines

||usa-heading|518|4|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|

Guidelines

||usa-heading|518|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|
Print
|||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|
  • Clicking "Print" opens the job announcement print-preview view in the same window.
  • |||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|
    Share
    |||526|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|
  • Clicking "Share" toggles a popup menu of choices.
  • |||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|
  • Clicking any of the choices opens a new window that shares the URL of the job announcement via that service (email, Facebook, Google+, LinkedIn, Twitter, or TinyURL) and closes the share menu.
  • |||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|
    Save
    |||536|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 job announcement that has not been saved starts out in the state shown above with the text "Save" and the unfilled star icon.
  • |||538|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|
  • Clicking "Save" or the star icon will update the text to "Saved" and fill the icon. The job should be saved at that time to the user's list of Saved Jobs.
  • |||541|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|
  • Clicking "Saved" or the star icon will update the text to "Save" and un-fill the icon. The jobs hould be removed at that time from the user's list of Saved Jobs.
  • |||544|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|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|
    When to use
    |||550|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|
  • Use inside a job announcement to allow the user to apply to, print, save, or share the job.
  • |||552|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|

    Feedback? Create an issue on the GitHub repository.

    |||564|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|||564|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|||564|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|

    This project is maintained by USAJOBS. The source code is available at github.com/USAJOBS/design-system

    |||567|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|

    This project is maintained by USAJOBS. The source code is available at github.com/USAJOBS/design-system

    |||567|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|||568|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|||568|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|||569|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|||569|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.

    |||571|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|||571|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|||571|66|Check that the link text combined with programmatically determined link context identifies the purpose of the link.