Pa11y results for "https://988-ny.netlify.app/what-is-988/"
Generated at: Wed Aug 21 2024 13:37:51 GMT-0400 (Eastern Daylight Time)
Runners (with issues): axe, htmlcs
Toggle by type 13 errors 27 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">What is 988?</h2>
(selector "html > body > div:nth-child(8) > section:nth-child(2) > 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">988 is More than a Number – it’...</p>
(selector "html > body > div:nth-child(8) > section:nth-child(2) > 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:nth-child(2) > div > ul > li > a")
-
Warning/Moderate: All page content should be contained by landmarks
Ensures all page content is contained by landmarks
<section class="nysds-page"> <h2> About </h2> <...</section>
(selector "html > body > div:nth-child(8) > section:nth-child(3)")
-
Warning/Moderate: All page content should be contained by landmarks
Ensures all page content is contained by landmarks
<h2 class="accordion-headline">Frequently Asked Questions</h2>
(selector "html > body > div:nth-child(8) > h2")
-
Warning/Moderate: All page content should be contained by landmarks
Ensures all page content is contained by landmarks
<button class="accordion-button" data-toggle="collapse" data-target="#q1"> <span class="a...</button>
(selector "html > body > div:nth-child(8) > div > button:nth-child(1)")
-
Warning/Moderate: All page content should be contained by landmarks
Ensures all page content is contained by landmarks
<button class="accordion-button" data-toggle="collapse" data-target="#q2"> <span class="a...</button>
(selector "html > body > div:nth-child(8) > div > button:nth-child(3)")
-
Warning/Moderate: All page content should be contained by landmarks
Ensures all page content is contained by landmarks
<button class="accordion-button" data-toggle="collapse" data-target="#q3"> <span class="a...</button>
(selector "html > body > div:nth-child(8) > div > button:nth-child(5)")
-
Warning/Moderate: All page content should be contained by landmarks
Ensures all page content is contained by landmarks
<button class="accordion-button" data-toggle="collapse" data-target="#q4"> <span class="a...</button>
(selector "html > body > div:nth-child(8) > div > button:nth-child(7)")
-
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")