Pa11y results for "https://988-ny.netlify.app/"
Generated at: Wed Aug 21 2024 13:37:51 GMT-0400 (Eastern Daylight Time)
Runners (with issues): axe, htmlcs
Toggle by type 13 errors 35 warnings 0 notices
-
Error/Serious: Elements must have sufficient color contrast
Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds
<html><head> <!-- Google tag ...</html>
(selector "html")
-
Error/Serious: Elements must have sufficient color contrast
Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds
<a href="https://988lifeline.org/chat/">chat online</a>
(selector "#secondary-navigation > div > p > strong > a:nth-child(2)")
-
Error/Critical: IDs used in ARIA and labels must be unique
Ensures every id attribute value used in ARIA and in labels is unique
<span class="smt-lang" id="langnav">Translate</span>
(selector "#langnav")
-
Error/Serious: <html> element must have a lang attribute
Ensures every HTML document has a lang attribute
<html><head> <!-- Google tag ...</html>
(selector "html")
-
Warning/Moderate: Document should have one main landmark
Ensures the document has a main landmark
<html><head> <!-- Google tag ...</html>
(selector "html")
-
Warning/Moderate: Ensures landmarks are unique
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
<nav aria-labelledby="langnav"> <ul class="smt...</nav>
(selector "#translate-wrap > div > div > nav")
-
Warning/Moderate: All page content should be contained by landmarks
Ensures all page content is contained by landmarks
<div id="skip_main_menu"> <a href="#main">Skip to ...</div>
(selector "#skip_main_menu")
-
Warning/Moderate: All page content should be contained by landmarks
Ensures all page content is contained by landmarks
<h1><a href="https://www.omh.ny.gov...</h1>
(selector "html > body > div:nth-child(4) > h1")
-
Warning/Moderate: All page content should be contained by landmarks
Ensures all page content is contained by landmarks
<ul id="nys-global-nav"> <li> <a href="/omhweb/abo...</ul>
(selector "#nys-global-nav")
-
Warning/Moderate: All page content should be contained by landmarks
Ensures all page content is contained by landmarks
<h2 class="nysds-hero-title">988: We Hear You</h2>
(selector "html > body > div:nth-child(8) > section > div > h2")
-
Warning/Moderate: All page content should be contained by landmarks
Ensures all page content is contained by landmarks
<p class="nysds-hero-description">If you or someone you know need...</p>
(selector "html > body > div:nth-child(8) > section > div > p")
-
Warning/Moderate: All page content should be contained by landmarks
Ensures all page content is contained by landmarks
<a class="nysds-hero-link" href="https://988lifeline.org/chat/">Start a Chat</a>
(selector "html > body > div:nth-child(8) > section > div > ul > li > a")
-
Warning/Moderate: All page content should be contained by landmarks
Ensures all page content is contained by landmarks
<h2 class="cards-heading">New York 988</h2>
(selector "html > body > div:nth-child(8) > div:nth-child(3) > h2")
-
Warning/Moderate: All page content should be contained by landmarks
Ensures all page content is contained by landmarks
<p class="cards-intro">The 988 Suicide & Crisis Li...</p>
(selector "html > body > div:nth-child(8) > div:nth-child(3) > p")
-
Warning/Moderate: All page content should be contained by landmarks
Ensures all page content is contained by landmarks
<div class="card-content"> <h3 class=...</div>
(selector "html > body > div:nth-child(8) > div:nth-child(3) > div > div:nth-child(1) > div:nth-child(2)")
-
Warning/Moderate: All page content should be contained by landmarks
Ensures all page content is contained by landmarks
<div class="card-content"> <h3 class=...</div>
(selector "html > body > div:nth-child(8) > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(2)")
-
Warning/Moderate: All page content should be contained by landmarks
Ensures all page content is contained by landmarks
<h2 class="stats-heading "> 988 By the Numbers</h2>
(selector "html > body > div:nth-child(8) > div:nth-child(4) > h2")
-
Warning/Moderate: All page content should be contained by landmarks
Ensures all page content is contained by landmarks
<p class="stats-intro">New York State has dedicated 98...</p>
(selector "html > body > div:nth-child(8) > div:nth-child(4) > p")
-
Warning/Moderate: All page content should be contained by landmarks
Ensures all page content is contained by landmarks
<h3 class="stats-the stats-the-blue "> 15 ...</h3>
(selector "html > body > div:nth-child(8) > div:nth-child(4) > ul > li:nth-child(1) > h3")
-
Warning/Moderate: All page content should be contained by landmarks
Ensures all page content is contained by landmarks
<p class="stats-description"> NYS 988 Co...</p>
(selector "html > body > div:nth-child(8) > div:nth-child(4) > ul > li:nth-child(1) > p")
-
Warning/Moderate: All page content should be contained by landmarks
Ensures all page content is contained by landmarks
<h3 class="stats-the stats-the-blue "> 420,123 ...</h3>
(selector "html > body > div:nth-child(8) > div:nth-child(4) > ul > li:nth-child(2) > h3")
-
Warning/Moderate: All page content should be contained by landmarks
Ensures all page content is contained by landmarks
<p class="stats-description"> Calls Answ...</p>
(selector "html > body > div:nth-child(8) > div:nth-child(4) > ul > li:nth-child(2) > p")
-
Warning/Moderate: All page content should be contained by landmarks
Ensures all page content is contained by landmarks
<h3 class="stats-the stats-the-blue "> 58,660 ...</h3>
(selector "html > body > div:nth-child(8) > div:nth-child(4) > ul > li:nth-child(3) > h3")
-
Warning/Moderate: All page content should be contained by landmarks
Ensures all page content is contained by landmarks
<p class="stats-description"> Texts and ...</p>
(selector "html > body > div:nth-child(8) > div:nth-child(4) > ul > li:nth-child(3) > p")
-
Warning/Moderate: All page content should be contained by landmarks
Ensures all page content is contained by landmarks
<div class="nysds-page"> <p> <em>Based on call, text an...</div>
(selector "html > body > div:nth-child(8) > div:nth-child(5)")
-
Warning/Moderate: All page content should be contained by landmarks
Ensures all page content is contained by landmarks
<div class="highlight-container"> <h2 class="highli...</div>
(selector "html > body > div:nth-child(8) > div:nth-child(6)")
-
Warning/Moderate: All page content should be contained by landmarks
Ensures all page content is contained by landmarks
<div class="nys-global-footer"> <div class="footer-container"...</div>
(selector "html > body > div:nth-child(9)")
-
Warning/Moderate: All page content should be contained by landmarks
Ensures all page content is contained by landmarks
<h3><a href="https://www.ny.gov/web...</h3>
(selector "#footer-translate > div > h3")
-
Warning/Moderate: All page content should be contained by landmarks
Ensures all page content is contained by landmarks
<p>This page is available in other...</p>
(selector "#footer-translate > div > p")
-
Error/Serious: Elements must only use allowed ARIA attributes
Ensures ARIA attributes are allowed for an element's role
<div class="secnav-secone secnav-equal-space" aria-label="Secondary Navigation - Information Section One"> <p><strong>Need Help Now? D...</div>
(selector "#secondary-navigation > div")
-
Error/Serious: Elements must have sufficient color contrast
Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds
<span class="smt-lang" id="langnav">Translate</span>
(selector "#langnav")
-
Error/Serious: Elements must have sufficient color contrast
Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds
<a href="#main">Skip to Main Content</a>
(selector "#skip_main_menu > a")
-
Error/Serious: Elements must have sufficient color contrast
Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds
<button type="submit" class="submit-search">Submit</button>
(selector "#nav-meta > form > button")
-
Error/Serious: Elements must have sufficient color contrast
Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds
<a href="https://www.omh.ny.gov/omhweb/about/omh-orgchart.pdf">Organization Chart</a>
(selector "html > body > div:nth-child(9) > div > div:nth-child(2) > ul > li:nth-child(4) > a")
-
Error: The html element should have a lang or xml:lang attribute which describes the language of the document.
htmlcs: WCAG2AA.Principle3.Guideline3_1.3_1_1.H57.2
<html><head> <!-- Google tag ...</html>
(selector "html")
-
Warning: Anchor element found with link content, but no href, ID or name attribute has been supplied.
htmlcs: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.Placeholder
<a class="smt-trigger-link" tabindex="0"> <s...</a>
(selector "#translate-wrap > div > div > nav > ul > li > 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
<a href="#main">Skip to Main Content</a>
(selector "#skip_main_menu > a")
-
Warning: The heading structure is not logically nested. This h2 element appears to be the primary document heading, so should be an h1 element.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1_A.G141
<h2 class="mobile-title">Services</h2>
(selector "#ny-drop-menu-services > h2")
-
Warning: The heading structure is not logically nested. This h2 element should be an h1 to be properly nested.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1_A.G141
<h2 class="mobile-title">Services</h2>
(selector "#ny-drop-menu-services > h2")
-
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" name="main"></a>
(selector "#main")
-
Warning: Heading markup should be used if this content is intended as a heading.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.H42
<p><strong>Need Help Now? Dial or ...</p>
(selector "#secondary-navigation > div > p")
-
Error: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.12:1. Recommendation: change text colour to #185f9c.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
<a href="tel: 988">988</a>
(selector "#secondary-navigation > div > p > strong > a:nth-child(1)")
-
Error: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.12:1. Recommendation: change text colour to #185f9c.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
<a href="https://988lifeline.org/chat/">chat online</a>
(selector "#secondary-navigation > div > p > strong > a:nth-child(2)")
-
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
<a href="https://www.omh.ny.gov/omhweb/about/omh-orgchart.pdf">Organization Chart</a>
(selector "html > body > div:nth-child(9) > div > div:nth-child(2) > ul > li:nth-child(4) > a")
-
Warning: Anchor element found with link content, but no href, ID or name attribute has been supplied.
htmlcs: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.Placeholder
<a class="smt-trigger-link" tabindex="0"> <s...</a>
(selector "#translation-menu > div > div > nav > ul > li > a")
-
Error: Duplicate id attribute value "langnav" found on the web page.
htmlcs: WCAG2AA.Principle4.Guideline4_1.4_1_1.F77
<span class="smt-lang" id="langnav">Translate</span>
(selector "#langnav")
-
Warning: This select element does not have a value available to an accessibility API.
htmlcs: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.Select.Value
<select id="footertranslate" name="footertranslate"><option value="" disabled="" hi...</select>
(selector "#footertranslate")
-
Warning: If this selection list contains groups of related options, they should be grouped with optgroup.
htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.H85.2
<select id="footertranslate" name="footertranslate"><option value="" disabled="" hi...</select>
(selector "#footertranslate")