← Back to summary

https://www.welch.senate.gov/news/ FAIL

Score: 88/100 • Errors: 2 • Warnings: 2 • Notices: 0
Tests Passed: 24/28 • Response Time: 3069ms
Target: WCAG 2.2 Level AA • Settle Delay: 2000ms • Audit Profile: wcag • Run Profile: desktop
Tags Used: wcag2a, wcag2aa, wcag21a, wcag21aa, wcag22a, wcag22aa
Excluded Rules: none

Errors (2)

color-contrast serious
Elements must meet minimum color contrast ratio thresholds
nodes: 7
target #\31 2320 > .postTag.bg-green.after\:border-b-green > span
Fix any of the following: Element has insufficient color contrast of 3.62 (foreground color: #f7f3f3, background color: #548c54, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<span>Press Release</span>
target #\31 2317 > .postTag.bg-green.after\:border-b-green > span
Fix any of the following: Element has insufficient color contrast of 3.62 (foreground color: #f7f3f3, background color: #548c54, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<span>Press Release</span>
target #\31 2312 > .postTag.bg-green.after\:border-b-green > span
Fix any of the following: Element has insufficient color contrast of 3.62 (foreground color: #f7f3f3, background color: #548c54, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<span>Press Release</span>
target #\31 2305 > .postTag.bg-green.after\:border-b-green > span
Fix any of the following: Element has insufficient color contrast of 3.62 (foreground color: #f7f3f3, background color: #548c54, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<span>Press Release</span>
target #\31 2307 > .postTag.bg-green.after\:border-b-green > span
Fix any of the following: Element has insufficient color contrast of 3.62 (foreground color: #f7f3f3, background color: #548c54, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<span>Press Release</span>
target #\31 2301 > .postTag.bg-green.after\:border-b-green > span
Fix any of the following: Element has insufficient color contrast of 3.62 (foreground color: #f7f3f3, background color: #548c54, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<span>Press Release</span>
target #\31 2290 > .postTag.bg-green.after\:border-b-green > span
Fix any of the following: Element has insufficient color contrast of 3.62 (foreground color: #f7f3f3, background color: #548c54, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<span>Press Release</span>
link-name serious
Links must have discernible text
nodes: 1
target a[href$="welch.senate.gov/"]
Fix all of the following: Element is in tab order and does not have accessible text Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute
HTML snippet
<a href="https://www.welch.senate.gov/">

Warnings (1)

meta-viewport moderate
Zooming and scaling must not be disabled
nodes: 1
target meta[name="viewport"]
Fix any of the following: user-scalable on <meta> tag disables zooming on mobile devices
HTML snippet
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

Incomplete (manual review) (1)

color-contrast serious
Elements must meet minimum color contrast ratio thresholds
Manual review required to confirm this issue.
nodes: 16
target #menu-main-manu > .menu-item-134.et_pb_menu_page_id-58.menu-item-has-children > a
Fix any of the following: Element's background color could not be determined due to a background gradient
HTML snippet
<a href="https://www.welch.senate.gov/about/">About</a>
target #menu-main-manu > .menu-item-484.et_pb_menu_page_id-248.menu-item-type-post_type > a
Fix any of the following: Element's background color could not be determined due to a background gradient
HTML snippet
<a href="https://www.welch.senate.gov/issues/">Issues</a>
target #menu-main-manu > .menu-item-485.et_pb_menu_page_id-417.current-menu-item > a[aria-current="page"]
Fix any of the following: Element's background color could not be determined due to a background gradient
HTML snippet
<a href="https://www.welch.senate.gov/news/" aria-current="page">News</a>
target #menu-main-manu > .menu-item-486.et_pb_menu_page_id-96.menu-item-has-children > a
Fix any of the following: Element's background color could not be determined due to a background gradient
HTML snippet
<a href="https://www.welch.senate.gov/services/">Services</a>
target #menu-main-manu > .menu-item-496.et_pb_menu_page_id-244.menu-item-has-children > a
Fix any of the following: Element's background color could not be determined due to a background gradient
HTML snippet
<a href="https://www.welch.senate.gov/email-peter/">Contact</a>
target h1
Fix any of the following: Element's contrast could not be determined because it uses complex text shadows
HTML snippet
<h1>News</h1>
target .current
Fix any of the following: Element content is too short to determine if it is actual text content
HTML snippet
<span class="page-number page-numbers current">1</span>
target .desktop\:opacity-50.hover\:opacity-100.text-\[1\.5rem\]:nth-child(2) > .page-number.page-numbers
Fix any of the following: Element content is too short to determine if it is actual text content
HTML snippet
<a href="https://www.welch.senate.gov/news/page/2/" class="page-number page-numbers">2</a>
target .desktop\:opacity-50.hover\:opacity-100.text-\[1\.5rem\]:nth-child(3) > .page-number.page-numbers
Fix any of the following: Element content is too short to determine if it is actual text content
HTML snippet
<a href="https://www.welch.senate.gov/news/page/3/" class="page-number page-numbers">3</a>
target .desktop\:opacity-50.hover\:opacity-100.text-\[1\.5rem\]:nth-child(4) > .page-number.page-numbers
Fix any of the following: Element content is too short to determine if it is actual text content
HTML snippet
<a href="https://www.welch.senate.gov/news/page/4/" class="page-number page-numbers">4</a>
target .desktop\:opacity-50.hover\:opacity-100.text-\[1\.5rem\]:nth-child(5) > .page-number.page-numbers
Fix any of the following: Element content is too short to determine if it is actual text content
HTML snippet
<a href="https://www.welch.senate.gov/news/page/5/" class="page-number page-numbers">5</a>
target .desktop\:opacity-50.hover\:opacity-100.text-\[1\.5rem\]:nth-child(6) > .page-number.page-numbers
Fix any of the following: Element content is too short to determine if it is actual text content
HTML snippet
<a href="https://www.welch.senate.gov/news/page/6/" class="page-number page-numbers">6</a>
target .desktop\:opacity-50.hover\:opacity-100.text-\[1\.5rem\]:nth-child(7) > .page-number.page-numbers
Fix any of the following: Element content is too short to determine if it is actual text content
HTML snippet
<a href="https://www.welch.senate.gov/news/page/7/" class="page-number page-numbers">7</a>
target .desktop\:opacity-50.hover\:opacity-100.text-\[1\.5rem\]:nth-child(8) > .page-number.page-numbers
Fix any of the following: Element content is too short to determine if it is actual text content
HTML snippet
<a href="https://www.welch.senate.gov/news/page/8/" class="page-number page-numbers">8</a>
target .desktop\:opacity-50.hover\:opacity-100.text-\[1\.5rem\]:nth-child(9) > .page-number.page-numbers
Fix any of the following: Element content is too short to determine if it is actual text content
HTML snippet
<a href="https://www.welch.senate.gov/news/page/9/" class="page-number page-numbers">9</a>
target .desktop\:opacity-50.hover\:opacity-100.text-\[1\.5rem\]:nth-child(11) > .page-number.page-numbers
Fix any of the following: Element's background color could not be determined because it is overlapped by another element
HTML snippet
<a href="https://www.welch.senate.gov/news/page/219/" class="page-number page-numbers">219</a>