Pa11y results for "https://ogs.ny.gov/design-construction?mobile"

Generated at: Tue Sep 16 2025 14:52:18 GMT-0400 (Eastern Daylight Time)

Runners (with issues): axe, htmlcs

Toggle by type 9 errors 29 warnings 0 notices

• Error/Critical: Buttons must have discernible text

  Ensures buttons have discernible text

  axe: button-name

  <button type="button" class="nys-languages__button" aria-expanded="false" aria-controls="nys-languages__content"> <svg xmlns="http:/...</button>

  (selector "#nys-universal-navigation > div:nth-child(3) > div:nth-child(5) > button:nth-child(2)")

• Warning/Moderate: Heading levels should only increase by one

  Ensures the order of headings is semantically correct

  axe: heading-order

  <h6><span><strong>Mission</strong><...</h6>

  (selector "html > body > div:nth-child(4) > div > main > div > div > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > div:nth-child(3) > h6:nth-child(3)")

• Warning/Moderate: Heading levels should only increase by one

  Ensures the order of headings is semantically correct

  axe: heading-order

  <h4 class="bioframe-pro-subtitle">View Our Upcoming Projects</h4>

  (selector "html > body > div:nth-child(4) > div > main > div > div > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div > div > div > article > div:nth-child(2) > div:nth-child(1) > h4")

• Warning/Moderate: Heading levels should only increase by one

  Ensures the order of headings is semantically correct

  axe: heading-order

  <h4 class="bioframe-pro-subtitle">Build With Us!</h4>

  (selector "html > body > div:nth-child(4) > div > main > div > div > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(4) > div > div > div > article > div:nth-child(2) > div:nth-child(1) > h4")

• Warning/Moderate: Ensures landmarks are unique

  Landmarks should have a unique role or role/label/title (i.e. accessible name) combination

  axe: landmark-unique

  <nav id="block-global-footer-menu" class="footer-menu footer-vertical"> <ul class...</nav>

  (selector "#block-global-footer-menu")

• Warning/Moderate: All page content should be contained by landmarks

  Ensures all page content is contained by landmarks

  axe: region

  <div class="nys-trustbar--mob" aria-hidden="false" aria-labelledby="nys-trustbar__sectiontext"> <div class="nys-trustbar...</div>

  (selector "#nys-universal-navigation > div:nth-child(1)")

• Warning/Moderate: All page content should be contained by landmarks

  Ensures all page content is contained by landmarks

  axe: region

  <button type="button" class="nys-languages__button" aria-expanded="false" aria-controls="nys-languages__content"> <svg xmlns="http:/...</button>

  (selector "#nys-universal-navigation > div:nth-child(3) > div:nth-child(5) > button:nth-child(2)")

• Warning/Moderate: All page content should be contained by landmarks

  Ensures all page content is contained by landmarks

  axe: region

  <div class="nys-search--narrow "> <button type="button"...</div>

  (selector "#nys-universal-navigation > div:nth-child(3) > div:nth-child(7)")

• Warning/Moderate: All page content should be contained by landmarks

  Ensures all page content is contained by landmarks

  axe: region

  <div id="block-sitebranding"> <div class="agency-nam...</div>

  (selector "#block-sitebranding")

• Error/Serious: Elements must only use allowed ARIA attributes

  Ensures ARIA attributes are allowed for an element's role

  axe: aria-allowed-attr

  <div class="nys-trustbar--mob" aria-hidden="false" aria-labelledby="nys-trustbar__sectiontext"> <div class="nys-trustbar...</div>

  (selector "#nys-universal-navigation > div:nth-child(1)")

• Error/Serious: Elements must have sufficient color contrast

  Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds

  axe: color-contrast

  <p class="nys-trustbar__text" id="nys-trustbar__sectiontext"> An official web...</p>

  (selector "#nys-trustbar__sectiontext")

• Error/Serious: Elements must have sufficient color contrast

  Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds

  axe: color-contrast

  <span>Here's how you know</span>

  (selector "#nys-universal-navigation > div:nth-child(1) > div > div > p:nth-child(2) > span")

• Warning: This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.

  htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs

  <a href="#main-content" class="visually-hidden focusable skip-to-main"> Skip to main content ...</a>

  (selector "html > body > a")

• Error: This button element does not have a name available to an accessibility API. Valid names are: title undefined, element content, aria-label undefined, aria-labelledby undefined.

  htmlcs: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.Button.Name

  <button type="button" class="nys-languages__buttonclose el-is-hidden" aria-controls="nys-languages__content" aria-label="" data-id="closeTranslateButton"> <svg xmlns="http:/...</button>

  (selector "#nys-universal-navigation > div:nth-child(3) > div:nth-child(5) > button:nth-child(1)")

• Warning: This form control has an "aria-label" attribute that is empty or contains only spaces. It will be ignored for labelling test purposes.

  htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.ARIA6

  <button type="button" class="nys-languages__buttonclose el-is-hidden" aria-controls="nys-languages__content" aria-label="" data-id="closeTranslateButton"> <svg xmlns="http:/...</button>

  (selector "#nys-universal-navigation > div:nth-child(3) > div:nth-child(5) > button:nth-child(1)")

• Error: This button element does not have a name available to an accessibility API. Valid names are: title undefined, element content, aria-label undefined, aria-labelledby undefined.

  htmlcs: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.Button.Name

  <button type="button" class="nys-search-icon__closebutton el-is-hidden" aria-label="" data-id="closeSearchButton"> <svg xmlns="http:/...</button>

  (selector "#nys-universal-navigation > div:nth-child(3) > div:nth-child(6) > button")

• Warning: This form control has an "aria-label" attribute that is empty or contains only spaces. It will be ignored for labelling test purposes.

  htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.ARIA6

  <button type="button" class="nys-search-icon__closebutton el-is-hidden" aria-label="" data-id="closeSearchButton"> <svg xmlns="http:/...</button>

  (selector "#nys-universal-navigation > div:nth-child(3) > div:nth-child(6) > button")

• Error: This form does not contain a submit button, which creates issues for those who cannot submit the form using the keyboard. Submit buttons are INPUT elements with type attribute "submit" or "image", or BUTTON elements with type "submit" or omitted/invalid.

  htmlcs: WCAG2AA.Principle3.Guideline3_2.3_2_2.H32.2

  <form class="nys-search__form" id="nys-search__form" role="search"> <label class="el-...</form>

  (selector "#nys-search__form")

• Error: This form does not contain a submit button, which creates issues for those who cannot submit the form using the keyboard. Submit buttons are INPUT elements with type attribute "submit" or "image", or BUTTON elements with type "submit" or omitted/invalid.

  htmlcs: WCAG2AA.Principle3.Guideline3_2.3_2_2.H32.2

  <form class="nys-search__form nys-search__form-narrow" id="nys-search__form-narrow" role="search"> <label class="nys-se...</form>

  (selector "#nys-search__form-narrow")

• Warning: This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.

  htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage

  <button id="webny-menu-control">Navigation Menu Toggle</button>

  (selector "#webny-menu-control")

• Warning: Anchor element found with an ID but without a href or link text. Consider moving its ID to a parent or nearby element.

  htmlcs: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.Empty

  <a id="main-content" tabindex="-1"></a>

  (selector "#main-content")

• Warning: The heading structure is not logically nested. This h6 element should be an h2 to be properly nested.

  htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1_A.G141

  <h6><span><strong>Mission</strong><...</h6>

  (selector "html > body > div:nth-child(4) > div > main > div > div > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(1) > div > div:nth-child(3) > h6:nth-child(3)")

• Warning: The heading structure is not logically nested. This h4 element should be an h3 to be properly nested.

  htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1_A.G141

  <h4 class="bioframe-pro-subtitle">View Our Upcoming Projects</h4>

  (selector "html > body > div:nth-child(4) > div > main > div > div > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(2) > div > div > div > article > div:nth-child(2) > div:nth-child(1) > h4")

• Warning: Accessible name for this element does not contain the visible label text. Check that for user interface components with labels that include text or images of text, the name contains the text that is presented visually.

  htmlcs: WCAG2AA.Principle2.Guideline2_5.2_5_3.F96

  <a href="/contractors" aria-label="Construction Contractors"> <span class="sr-on...</a>

  (selector "html > body > div:nth-child(4) > div > main > div > div > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(3) > div > div > div:nth-child(1) > article > div:nth-child(1) > a")

• Warning: This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.

  htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs

  <span class="sr-only">card image</span>

  (selector "html > body > div:nth-child(4) > div > main > div > div > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(3) > div > div > div:nth-child(1) > article > div:nth-child(1) > a > span")

• Warning: Accessible name for this element does not contain the visible label text. Check that for user interface components with labels that include text or images of text, the name contains the text that is presented visually.

  htmlcs: WCAG2AA.Principle2.Guideline2_5.2_5_3.F96

  <a href="/design-construction/consultant-professionals" aria-label="Consultant Professionals"> <span class="sr-on...</a>

  (selector "html > body > div:nth-child(4) > div > main > div > div > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(3) > div > div > div:nth-child(2) > article > div:nth-child(1) > a")

• Warning: This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.

  htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs

  <span class="sr-only">card image</span>

  (selector "html > body > div:nth-child(4) > div > main > div > div > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(3) > div > div > div:nth-child(2) > article > div:nth-child(1) > a > span")

• Warning: Accessible name for this element does not contain the visible label text. Check that for user interface components with labels that include text or images of text, the name contains the text that is presented visually.

  htmlcs: WCAG2AA.Principle2.Guideline2_5.2_5_3.F96

  <a href="/design-construction/client-agency-information" aria-label="Client Agencies"> <span class="sr-on...</a>

  (selector "html > body > div:nth-child(4) > div > main > div > div > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(3) > div > div > div:nth-child(3) > article > div:nth-child(1) > a")

• Warning: This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.

  htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs

  <span class="sr-only">card image</span>

  (selector "html > body > div:nth-child(4) > div > main > div > div > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(3) > div > div > div:nth-child(3) > article > div:nth-child(1) > a > span")

• Warning: The heading structure is not logically nested. This h4 element should be an h3 to be properly nested.

  htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1_A.G141

  <h4 class="bioframe-pro-subtitle">Build With Us!</h4>

  (selector "html > body > div:nth-child(4) > div > main > div > div > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(4) > div > div > div > article > div:nth-child(2) > div:nth-child(1) > h4")

• Warning: This element has "position: fixed". This may require scrolling in two dimensions, which is considered a failure of this Success Criterion.

  htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_10.C32,C31,C33,C38,SCR34,G206

  <a href="#main-content" class="webny-back-to-top webny-back-to-top-hidden" title="Back to Top" aria-label="Back to Top"> <span class="fa fa-che...</a>

  (selector "html > body > div:nth-child(5) > a")

• Warning: This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.

  htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs

  <span class="visually-hidden">Facebook</span>

  (selector "#block-global-footer-social-menu > ul > li:nth-child(1) > a > span")

• Warning: This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.

  htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs

  <span class="visually-hidden">Instagram</span>

  (selector "#block-global-footer-social-menu > ul > li:nth-child(2) > a > span")

• Warning: This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.

  htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs

  <span class="visually-hidden">Linkedin</span>

  (selector "#block-global-footer-social-menu > ul > li:nth-child(3) > a > span")

• Warning: This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.

  htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs

  <span class="visually-hidden">Youtube</span>

  (selector "#block-global-footer-social-menu > ul > li:nth-child(4) > a > span")

• Warning: This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.

  htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs

  <span class="visually-hidden">X (formerly Twitter)</span>

  (selector "#block-global-footer-social-menu > ul > li:nth-child(5) > a > span")

• Warning: This form control contains an aria-labelledby attribute, however it includes an ID "nys_logo_header_svg" that does not exist on an element. The aria-labelledby attribute will be ignored for labelling test purposes.

  htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.ARIA16,ARIA9

  <button value="https://www.ny.gov/" type="button" class="nys-footer-nygov-link__button" aria-labelledby="nys_logo_header_svg"> <svg class="nys_footer...</button>

  (selector "#nys-footer-container > div > div:nth-child(1) > div > div > div > div > button")

• Error: Duplicate id attribute value "nys-languages__button-text" found on the web page.

  htmlcs: WCAG2AA.Principle4.Guideline4_1.4_1_1.F77

  <span class="nys-footer__button-text nys-footer-trans nys-footer-trans-text" id="nys-languages__button-text">Translate</span>

  (selector "#nys-languages__button-text")