Pa11y results for "https://nysds.dev/components/"

Generated at: Mon Jan 23 2023 15:38:09 GMT-0500 (Eastern Standard Time)

Runners (with issues): axe, htmlcs

Toggle by type 4 errors 13 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
axe: color-contrast
<h2 class="font-extrabold nysds-text-36 mb-4 text-white">This is the hero title</h2>
(selector "#main-site-content-for-skiplink > section:nth-child(2) > div:nth-child(2) > div > section > h2")
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="mb-8"> A paragraph of text up to what...</p>
(selector "#main-site-content-for-skiplink > section:nth-child(2) > div:nth-child(2) > div > section > p")
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
<a class="no-underline text-white mr-1 uppercase text-sm visited:text-white font-bold border-b border-white focus:nysds-border-b-3 hover:nysds-border-b-3 hover:border-white" href="google.com">First Button</a>
(selector "#main-site-content-for-skiplink > section:nth-child(2) > div:nth-child(2) > div > section > div > div:nth-child(1) > a")
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
<a class="no-underline text-white mr-1 uppercase text-sm visited:text-white font-bold border-b border-white focus:nysds-border-b-3 hover:nysds-border-b-3 hover:border-white" href="apple.com">Second Button</a>
(selector "#main-site-content-for-skiplink > section:nth-child(2) > div:nth-child(2) > div > section > div > div:nth-child(2) > 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-site-content-for-skiplink" class="sr-only focus:not-sr-only text-blue-700 underline">Skip to Main Content</a>
(selector "html > body > a")
Warning: This element's text or background contains transparency. Ensure the contrast ratio between the text and background are at least 3:1.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G145.Alpha
<h2 class="font-extrabold nysds-text-36 mb-4 text-white">This is the hero title</h2>
(selector "#main-site-content-for-skiplink > section:nth-child(2) > div:nth-child(2) > div > section > h2")
Warning: This element's text or background contains transparency. Ensure the contrast ratio between the text and background are at least 4.5:1.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Alpha
<p class="mb-8"> A paragraph of text up to what...</p>
(selector "#main-site-content-for-skiplink > section:nth-child(2) > div:nth-child(2) > div > section > p")
Warning: This element's text or background contains transparency. Ensure the contrast ratio between the text and background are at least 4.5:1.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Alpha
<a class="no-underline text-white mr-1 uppercase text-sm visited:text-white font-bold border-b border-white focus:nysds-border-b-3 hover:nysds-border-b-3 hover:border-white" href="google.com">First Button</a>
(selector "#main-site-content-for-skiplink > section:nth-child(2) > div:nth-child(2) > div > section > div > div:nth-child(1) > a")
Warning: This element's text or background contains transparency. Ensure the contrast ratio between the text and background are at least 4.5:1.
htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Alpha
<a class="no-underline text-white mr-1 uppercase text-sm visited:text-white font-bold border-b border-white focus:nysds-border-b-3 hover:nysds-border-b-3 hover:border-white" href="apple.com">Second Button</a>
(selector "#main-site-content-for-skiplink > section:nth-child(2) > div:nth-child(2) > div > section > div > div:nth-child(2) > a")
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 class="bg-admin-first text-white visited:text-white uppercase no-underline hover:bg-black hover:underline focus:bg-black focus:underline mb-8 p-4 rounded-xl font-bold text-center m-auto lg:m-0 w-1/2 md:w-1/3 lg:w-1/4" href="https://budget.ny.gov"...
(selector "#main-site-content-for-skiplink > article:nth-child(3) > div > section > a")
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 class="bg-admin-first text-white visited:text-white uppercase no-underline hover:bg-black hover:underline focus:bg-black focus:underline mb-8 p-4 rounded-xl font-bold text-center m-auto lg:m-0 w-1/2 md:w-1/3 lg:w-1/4" href="https://budget.ny.gov"...
(selector "#main-site-content-for-skiplink > article:nth-child(4) > div > section > 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="nysds-exclude uppercase bg-admin-first visited:!text-white !no-underline hover:bg-black hover:!underline focus:bg-black focus:!underline my-4 p-4 rounded-xl !text-white text-center w-2/3 md:w-1/3 lg:w-1/4" href="">Button in the text area</...
(selector "#main-site-content-for-skiplink > section:nth-child(5) > section > 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"> Play a Youtube video about <sp...</span>
(selector "#main-site-content-for-skiplink > section:nth-child(5) > section > article > div > div:nth-child(2) > button > 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="nysds-video-description">OGS Lunar New Year Celebration</span>
(selector "#main-site-content-for-skiplink > section:nth-child(5) > section > article > div > div:nth-child(2) > button > span > 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="sr-only"> An arrow pointing to the right...</span>
(selector "#main-site-content-for-skiplink > section:nth-child(6) > div:nth-child(3) > div: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
<span class="sr-only"> An arrow pointing to the right...</span>
(selector "#main-site-content-for-skiplink > section:nth-child(6) > div:nth-child(3) > div:nth-child(4) > 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="sr-only"> An arrow pointing to the right...</span>
(selector "#main-site-content-for-skiplink > section:nth-child(6) > div:nth-child(3) > div:nth-child(6) > span")

Pa11y results for "https://nysds.dev/components/"

Generated at: Mon Jan 23 2023 15:38:09 GMT-0500 (Eastern Standard Time)

Runners (with issues): axe, htmlcs

Error/Serious: Elements must have sufficient color contrast

Error/Serious: Elements must have sufficient color contrast

Error/Serious: Elements must have sufficient color contrast

Error/Serious: Elements must have sufficient color contrast

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.

Warning: This element's text or background contains transparency. Ensure the contrast ratio between the text and background are at least 3:1.

Warning: This element's text or background contains transparency. Ensure the contrast ratio between the text and background are at least 4.5:1.

Warning: This element's text or background contains transparency. Ensure the contrast ratio between the text and background are at least 4.5:1.

Warning: This element's text or background contains transparency. Ensure the contrast ratio between the text and background are at least 4.5:1.

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.

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.

Warning: Anchor element found with link content, but no href, ID or name attribute has been supplied.

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.

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.

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.

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.

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.