Accessibility Health Check
https://chase.com
Excellent
https://daylight.sonde.life/usfin/chase-com/
Excellent
Executive Summary
Top Findings
criticalInsufficient color contrast: 1.00:1 (required: 4.5:1 for normal text). Foreground: rgb(0, 94, 184), background: rgb(0, 94, 184). Text: "Slide 1"WCAG 1.4.3
<span class="bh3abbp14ff9w40">Slide 1</span>
Current ratio: 1.00:1 (need 4.5:1). Change foreground from #005eb8 to #c0dcff (ratio: 4.5:1). Or change background from #005eb8 to #000000.
criticalInsufficient color contrast: 1.08:1 (required: 4.5:1 for normal text). Foreground: rgb(16, 24, 32), background: rgb(4, 30, 66). Text: "Loading"WCAG 1.4.3
<span class="accessible-text">Loading</span>
Current ratio: 1.08:1 (need 4.5:1). Change foreground from #101820 to #7c8791 (ratio: 4.5:1). Or change background from #041e42 to #000000.
criticalInsufficient color contrast: 1.00:1 (required: 3:1 for large text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Chase logo links to Chase Home"WCAG 1.4.3
<span class="accessible-text" id="chase-header-logo-hat"> Chase logo links to Chase Home</span>
Current ratio: 1.00:1 (need 3:1). Change foreground from #ffffff to #959494 (ratio: 3.0:1).
criticalInsufficient color contrast: 1.00:1 (required: 4.5:1 for normal text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "ATM & branch"WCAG 1.4.3
<a href="https://locator.chase.com/?locale=en_US" class="chaseanalytics-track-link" data-pt-name="hd_atmbranch">ATM & branch</a>
Current ratio: 1.00:1 (need 4.5:1). Change foreground from #ffffff to #777676 (ratio: 4.5:1).
criticalInsufficient color contrast: 1.00:1 (required: 4.5:1 for normal text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Explore Products "WCAG 1.4.3
<a class="header__section--dropdown__title__link chaseanalytics-track-link" role="button" href="#" data-pt-name="hd_exploreproducts">Explore Products<span class="icon-down-expansion"></span>
Current ratio: 1.00:1 (need 4.5:1). Change foreground from #ffffff to #777676 (ratio: 4.5:1).
criticalInsufficient color contrast: 1.00:1 (required: 4.5:1 for normal text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Español"WCAG 1.4.3
<a href="/es/digital/banking" class="chaseanalytics-track-link language-toggle" lang="es" data-pt-name="hd_espanol">Español</a>
Current ratio: 1.00:1 (need 4.5:1). Change foreground from #ffffff to #777676 (ratio: 4.5:1).
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (52.3px by 21.2px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.2px instead of at least 24px.WCAG 2.5.8
<button type="button" id="show-hide-btn" tabindex="0" style="min-width:0;display:...">
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<div class="consent-banner" tabindex="1">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highInsufficient color contrast: 2.51:1 (required: 4.5:1 for normal text). Foreground: rgb(255, 255, 255), background: rgb(161, 164, 165). Text: "Explore solutions"WCAG 1.4.3
<span class="sc-73a9a8bc-0 hlNXhq btn-primary-button-text btn-not-inverse disabled">Explore solutions</span>
Current ratio: 2.51:1 (need 4.5:1). Change foreground from #ffffff to #3b3a3a (ratio: 4.5:1).
highConsole warning: [ Analytics-Lite ]: clearEventsQueue() is deprecated. You can safely remove this function call from your codebase.
https://asset.chase.com/web/library/digddsautomation/reportingjs/Reporting.js:0mediumAdd Referrer-Policy: strict-origin-when-cross-origin or no-referrer Add Strict-Transport-Security header with max-age of at least 31536000
highFocus jumps backward from "See details" to "KNOWLEDGE CENTER" (visual distance: 580px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>KNOWLEDGE CENTER</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "See details" to "PAYMENT SOLUTIONS" (visual distance: 580px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>PAYMENT SOLUTIONS</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "div:nth-of-type(1) > div:nth-of-type(2) > a" to "Skip to main content" (visual distance: 1388px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Skip to main content</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Learn more" to "SAPPHIRE RESERVE FOR BUSINESS℠" (visual distance: 580px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>SAPPHIRE RESERVE FOR BUSINESS℠</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Give feedback" to "Skip to main content" (visual distance: 4593px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Skip to main content</a>
Reorder elements in the DOM to match the visual layout. Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumPage has 3 "navigation" landmarks but only 2 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 3 navigation landmarks, 2 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 3 "navigation" landmarks but only 2 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 3 navigation landmarks, 2 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" name="Skip to main content" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<a href="#main" class="sc-f1d44d46-0 eSbDRK mds-body-large-heavier mds-pos-fixed mds-text-center mds-text-decoration-none">Skip to main content</a>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="consent-banner-section-wrapper" region="landmark" aria-label="Privacy Policy">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 96, 240), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="ceoa7cu1vfdbab1 hdh74911vfdbab0 sqb3ra71vfdbab5 jfv80461vfdbab3 y32955a1vfdbab7 w8tna1t1d6nc7e0 chaseanalytics-track-link regular-link " aria-disabled="false" href="/personal/mortgage" data-
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 96, 240), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="ceoa7cu1vfdbab1 hdh74911vfdbab0 sqb3ra71vfdbab5 jfv80461vfdbab3 y32955a1vfdbab7 w8tna1t1d6nc7e0 chaseanalytics-track-link regular-link " aria-disabled="false" href="https://creditcards.chase
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 96, 240), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="ceoa7cu1vfdbab1 hdh74911vfdbab0 sqb3ra71vfdbab5 jfv80461vfdbab3 y32955a1vfdbab7 w8tna1t1d6nc7e0 chaseanalytics-track-link regular-link " aria-disabled="false" href="/personal/savings/bank-cd
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 96, 240), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="ceoa7cu1vfdbab1 hdh74911vfdbab0 sqb3ra71vfdbab5 jfv80461vfdbab3 y32955a1vfdbab7 w8tna1t1d6nc7e0 chaseanalytics-track-link regular-link " aria-disabled="false" href="/personal/credit-cards/fr
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 96, 240), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="ceoa7cu1vfdbab1 hdh74911vfdbab0 sqb3ra71vfdbab5 jfv80461vfdbab3 y32955a1vfdbab7 w8tna1t1d6nc7e0 chaseanalytics-track-link regular-link " aria-disabled="false" href="https://personal.chase.co
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 96, 240), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="ceoa7cu1vfdbab1 hdh74911vfdbab0 sqb3ra71vfdbab5 jfv80461vfdbab3 y32955a1vfdbab7 w8tna1t1d6nc7e0 chaseanalytics-track-link regular-link " aria-disabled="false" href="/personal/offers/total-ch
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 96, 240), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="ceoa7cu1vfdbab1 hdh74911vfdbab0 sqb3ra71vfdbab5 jfv80461vfdbab3 y32955a1vfdbab7 w8tna1t1d6nc7e0 chaseanalytics-track-link regular-link " aria-disabled="false" href="https://creditcards.chase
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 96, 240), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="ceoa7cu1vfdbab1 hdh74911vfdbab0 sqb3ra71vfdbab5 jfv80461vfdbab3 y32955a1vfdbab7 w8tna1t1d6nc7e0 chaseanalytics-track-link regular-link " aria-disabled="false" href="https://creditcards.chase
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 96, 240), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="ceoa7cu1vfdbab1 hdh74911vfdbab0 sqb3ra71vfdbab5 jfv80461vfdbab3 y32955a1vfdbab7 w8tna1t1d6nc7e0 chaseanalytics-track-link regular-link " aria-disabled="false" href="https://personal.chase.co
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 96, 240), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="ceoa7cu1vfdbab1 hdh74911vfdbab0 sqb3ra71vfdbab5 jfv80461vfdbab3 y32955a1vfdbab7 w8tna1t1d6nc7e0 chaseanalytics-track-link regular-link " aria-disabled="false" href="https://creditcards.chase
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 94, 184), text: rgb(16, 24, 32)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://instagram.com/chase" role="link" title="Instagram" data-pt-name="ft_soc_instagram" rel="noreferrer" target="_blank" class="link btn-link btn-not-inverse btn-content-driven chaseanalyt
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 94, 184), text: rgb(16, 24, 32)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.youtube.com/chase" role="link" title="YouTube" data-pt-name="ft_soc_youtube" rel="noreferrer" target="_blank" class="link btn-link btn-not-inverse btn-content-driven chaseanalytic
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 94, 184), text: rgb(16, 24, 32)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://twitter.com/Chase" role="link" title="X, formerly Twitter" data-pt-name="ft_soc_x" rel="noreferrer" target="_blank" class="link btn-link btn-not-inverse btn-content-driven chaseanalyt
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 94, 184), text: rgb(16, 24, 32)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.pinterest.com/chase/" role="link" title="Pinterest" data-pt-name="ft_soc_pinterest" rel="noreferrer" target="_blank" class="link btn-link btn-not-inverse btn-content-driven chasea
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 94, 184), text: rgb(16, 24, 32)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.facebook.com/chase" role="link" title="Facebook" data-pt-name="ft_soc_facebook" rel="noreferrer" target="_blank" class="link btn-link btn-not-inverse btn-content-driven chaseanaly
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 94, 184), text: rgb(16, 24, 32)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.linkedin.com/company/chase?trk=company_logo" role="link" title="LinkedIn" data-pt-name="ft_soc_linkedin" rel="noreferrer" target="_blank" class="link btn-link btn-not-inverse btn-
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/es/digital/banking" class="chaseanalytics-track-link language-toggle" lang="es" data-pt-name="sm_espanol"> <p class="sidemenu__prim--title">Español</p></a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.chase.com/personal/education" class=" chaseanalytics-track-link category-sm_financial_education" data-pt-name="sm_financial_education"> <p class="sidemenu__prim--title">Fin
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(237, 237, 237), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://autofinance.chase.com/auto-finance/home?offercode=WDXDPXXX00" class=" chaseanalytics-track-link " data-pt-name="sm_fs_autoloans"> <div class="sidemenu__sec--container">
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(237, 237, 237), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://personal.chase.com/personal/savings" class=" chaseanalytics-track-link " data-pt-name="sm_fs_savings"> <div class="sidemenu__sec--container"> <span class="sidemenu__se
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.chase.com" class=" chaseanalytics-track-link category-home" data-pt-name="sm_home"> <p class="sidemenu__prim--title">Home</p> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.chase.com/personal/credit-cards/free-credit-score" class=" chaseanalytics-track-link " data-pt-name="sm_get_credit_score"> <p class="sidemenu__prim--title">Free credit scor
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(237, 237, 237), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.chase.com/personal/savings/bank-cd" class=" chaseanalytics-track-link " data-pt-name="sm_fs_cds"> <div class="sidemenu__sec--container"> <span class="sidemenu__sec
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(237, 237, 237), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://creditcards.chase.com/" class=" chaseanalytics-track-link " data-pt-name="sm_fs_credit-cards"> <div class="sidemenu__sec--container"> <span class="sidemenu__sec--icon
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(237, 237, 237), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://personal.chase.com/personal/checking" class=" chaseanalytics-track-link " data-pt-name="sm_fs_checking"> <div class="sidemenu__sec--container"> <span class="sidemenu__
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://secure.chase.com/web/auth/dashboard" class=" chaseanalytics-track-link signInBtn" data-pt-name="sm_signinclassic"> <p class="sidemenu__prim--title">Sign in</p> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumNavigation region "Customer service" (present on www.chase.com) is missing on this page. Navigation should appear consistently across pages.WCAG 3.2.3
<!-- missing: nav[aria-label="Customer service"] -->
Ensure the "Customer service" navigation region appears on all pages in the site. Consistent navigation helps users predict where to find content.
mediumNavigation region "Customer Type" (present on www.chase.com) is missing on this page. Navigation should appear consistently across pages.WCAG 3.2.3
<!-- missing: nav[aria-label="Customer Type"] -->
Ensure the "Customer Type" navigation region appears on all pages in the site. Consistent navigation helps users predict where to find content. Ensure the "Customer service" navigation region appears on all pages in the site. Consistent navigation helps users predict where to find content. Ensure the "nav" navigation region appears on all pages in the site. Consistent navigation helps users predict where to find content.
mediumConsole warning: [ Analytics-Lite ]: clearEventsQueue() is deprecated. You can safely remove this function call from your codebase.
https://asset.chase.com/web/library/digddsautomation/reportingjs/Reporting.js:0mediumAdd X-Content-Type-Options: nosniff Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
mediumClicking "Facebook (Opens Overlay)" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<a role="button" class=" regular-link chaseanalytics-opt-exlnk icon icon-facebook" target="_blank" rel="noopener" href="https://www.facebook.com/chase" data-pt-name="fm_share_fb">
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "Footnote1(Opens Overlay)" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<a role="button" href="#" class="scroll-top"><span class="disclosure" data-disclosure-url="/content/chase-ux/en/structured/module/disclosure/personal/mobile-online-banking/disc-mobile-app/_jcr_content
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "Footnote2(Opens Overlay)" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<a role="button" href="#" class="scroll-top"><span data-disclosure-url="/content/chase-ux/en/structured/module/disclosure/personal/checking/checking-quick-deposit-disc/_jcr_content/module/disclosureco
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "Footnote4(Opens Overlay)" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<a role="button" href="#" class="scroll-top"><span data-disclosure-url="/content/chase-ux/en/structured/module/disclosure/personal/checking/checking-online-bill-pay-disc/_jcr_content/module/disclosure
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "Footnote3(Opens Overlay)" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<a role="button" href="#" class="scroll-top"><span class="disclosure" data-disclosure-url="/content/chase-ux/en/structured/module/disclosure/personal/checking/checking-quickpay-disc/_jcr_content/modul
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "Footnote5(Opens Overlay)" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<a role="button" href="#" class="scroll-top"><span class="disclosure" data-disclosure-url="/content/chase-ux/en/structured/module/disclosure/commercial-banking/golden-source/CB000002-account-alerts/_j
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumBroken link: https://www.chase.com/content/dam/chaseux-fragments/en/chase-footnotes-and-disclosures/business/banking/ranked-1 returned status 404 Not Found after 1 attempts
<a href="https://www.chase.com/content/dam/chaseux-fragments/en/chase-footnotes-and-disclosures/business/banking/ranked-1">Footnote
1Opens overlay</a>mediumContent clipped by 71px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<span class="sc-5ed86311-0 bSfPPF accessible-text">Open side menu</span>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 95px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<a href="#main" class="sc-f1d44d46-0 eSbDRK mds-body-large-heavier mds-pos-fixed mds-text-center mds-text-decoration-none">Skip to main content</a>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 215px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<span id="nav-logo-link-text" class="sc-5ed86311-0 bSfPPF accessible-text">Chase for Business links to Chase for Business home</span>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 388px at 320px width.WCAG 1.4.10
<div aria-hidden="true" class="sc-93c77d2f-1 TKxeB mds-body-medium h-100 w-100 mds-pos-fixed mds-top-0" aria-label="Sign in panel" role="dialog"><div class="h-100 mds-d-none"></div></div>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 439px at 320px width.WCAG 1.4.10
<ul class="sub-header__nav util clearfix" aria-label="secondary navigation" role="menubar" style="width: 759px; opacity: 1; transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-dura
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 8px at 320px width.WCAG 1.4.10
<div class="footer__module-footer__section--tiles row">
<div class="seo-content parsys"><div class="seocontent section"><div class="footer__module-footer__section--tile col-xs-12 col-smSet max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumContent clipped by 47px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<h1 class="accessible-text">Digital Banking Features</h1>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 69px at 320px width.WCAG 1.4.10
<a class=" regular category-deposits" href="#deposits" role="menuitem">
Deposit checks</a>Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 373px at 320px width.WCAG 1.4.10
<a class=" category-Stay" href="#stay" role="menuitem">
Stay connected</a>Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumContent clipped by 37px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<span class="accessible-text"> Show Search</span>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 87px at 320px width.WCAG 1.4.10
<li class="sub-header__nav--item" role="none">
<a class=" regular category-deposits" href="#deposits" role="menuitem">
Deposit checks</a>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumContent clipped by 35px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<span class="accessible-text" id="chase-header-logo-hat"> Chase logo links to Chase Home</span>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 224px at 320px width.WCAG 1.4.10
<a class=" category-payments" href="#payments" role="menuitem">
Make payments</a>Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 8px at 320px width.WCAG 1.4.10
<div class="seo-content parsys"><div class="seocontent section"><div class="footer__module-footer__section--tile col-xs-12 col-sm-6 col-md-4 col-lg-2">
<div class="footer__module-footer__sectionSet max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 8px at 320px width.WCAG 1.4.10
<div class="seocontent section"><div class="footer__module-footer__section--tile col-xs-12 col-sm-6 col-md-4 col-lg-2">
<div class="footer__module-footer__section--tile__icon icon-checking-smallSet max-width: 100% or use overflow-wrap to prevent horizontal overflow.
lowConsole warning: [ Analytics-Lite ]: clearEventsQueue() is deprecated. You can safely remove this function call from your codebase. (2 occurrences)
https://asset.chase.com/web/library/digddsautomation/reportingjs/Reporting.js:0mediumAdd Referrer-Policy: strict-origin-when-cross-origin or no-referrer
lowBroken link: https://twitter.com/Chase returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/Chase">X, formerly Twitter</a>
lowLink timeout: https://optout.aboutads.info/?c=2&lang=EN did not respond within 5000ms after 8 attempts
<a href="https://optout.aboutads.info/?c=2&lang=EN">AdChoices</a>
lowBroken link: https://twitter.com/Chase returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/Chase">X, formerly Twitter, Opens overlay</a>
lowLink timeout: https://optout.aboutads.info/?c=2&lang=EN did not respond within 5000ms after 8 attempts
<a href="https://optout.aboutads.info/?c=2&lang=EN">AdChoices, Opens overlay</a>
lowBroken link: https://twitter.com/Chase returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/Chase">X, formerly Twitter
(Opens Overlay)</a>Best Page Fix Opportunities
/digital/banking36findings
criticalInsufficient color contrast: 1.00:1 (required: 3:1 for large text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Chase logo links to Chase Home"WCAG 1.4.3
<span class="accessible-text" id="chase-header-logo-hat"> Chase logo links to Chase Home</span>
Current ratio: 1.00:1 (need 3:1). Change foreground from #ffffff to #959494 (ratio: 3.0:1).
criticalInsufficient color contrast: 1.00:1 (required: 4.5:1 for normal text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "ATM & branch"WCAG 1.4.3
<a href="https://locator.chase.com/?locale=en_US" class="chaseanalytics-track-link" data-pt-name="hd_atmbranch">ATM & branch</a>
Current ratio: 1.00:1 (need 4.5:1). Change foreground from #ffffff to #777676 (ratio: 4.5:1).
criticalInsufficient color contrast: 1.00:1 (required: 4.5:1 for normal text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Explore Products "WCAG 1.4.3
<a class="header__section--dropdown__title__link chaseanalytics-track-link" role="button" href="#" data-pt-name="hd_exploreproducts">Explore Products<span class="icon-down-expansion"></span>
Current ratio: 1.00:1 (need 4.5:1). Change foreground from #ffffff to #777676 (ratio: 4.5:1).
criticalInsufficient color contrast: 1.00:1 (required: 4.5:1 for normal text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Español"WCAG 1.4.3
<a href="/es/digital/banking" class="chaseanalytics-track-link language-toggle" lang="es" data-pt-name="hd_espanol">Español</a>
Current ratio: 1.00:1 (need 4.5:1). Change foreground from #ffffff to #777676 (ratio: 4.5:1).
highFocus jumps backward from "Give feedback" to "Skip to main content" (visual distance: 4593px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Skip to main content</a>
Reorder elements in the DOM to match the visual layout. Align DOM order with visual presentation, or use tabIndex to match the visual sequence.
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" name="Skip to main content" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/es/digital/banking" class="chaseanalytics-track-link language-toggle" lang="es" data-pt-name="sm_espanol"> <p class="sidemenu__prim--title">Español</p></a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.chase.com/personal/education" class=" chaseanalytics-track-link category-sm_financial_education" data-pt-name="sm_financial_education"> <p class="sidemenu__prim--title">Fin
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(237, 237, 237), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://autofinance.chase.com/auto-finance/home?offercode=WDXDPXXX00" class=" chaseanalytics-track-link " data-pt-name="sm_fs_autoloans"> <div class="sidemenu__sec--container">
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(237, 237, 237), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://personal.chase.com/personal/savings" class=" chaseanalytics-track-link " data-pt-name="sm_fs_savings"> <div class="sidemenu__sec--container"> <span class="sidemenu__se
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.chase.com" class=" chaseanalytics-track-link category-home" data-pt-name="sm_home"> <p class="sidemenu__prim--title">Home</p> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.chase.com/personal/credit-cards/free-credit-score" class=" chaseanalytics-track-link " data-pt-name="sm_get_credit_score"> <p class="sidemenu__prim--title">Free credit scor
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(237, 237, 237), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.chase.com/personal/savings/bank-cd" class=" chaseanalytics-track-link " data-pt-name="sm_fs_cds"> <div class="sidemenu__sec--container"> <span class="sidemenu__sec
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(237, 237, 237), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://creditcards.chase.com/" class=" chaseanalytics-track-link " data-pt-name="sm_fs_credit-cards"> <div class="sidemenu__sec--container"> <span class="sidemenu__sec--icon
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(237, 237, 237), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://personal.chase.com/personal/checking" class=" chaseanalytics-track-link " data-pt-name="sm_fs_checking"> <div class="sidemenu__sec--container"> <span class="sidemenu__
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://secure.chase.com/web/auth/dashboard" class=" chaseanalytics-track-link signInBtn" data-pt-name="sm_signinclassic"> <p class="sidemenu__prim--title">Sign in</p> </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumNavigation region "Customer Type" (present on www.chase.com) is missing on this page. Navigation should appear consistently across pages.WCAG 3.2.3
<!-- missing: nav[aria-label="Customer Type"] -->
Ensure the "Customer Type" navigation region appears on all pages in the site. Consistent navigation helps users predict where to find content. Ensure the "Customer service" navigation region appears on all pages in the site. Consistent navigation helps users predict where to find content. Ensure the "nav" navigation region appears on all pages in the site. Consistent navigation helps users predict where to find content.
mediumClicking "Facebook (Opens Overlay)" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<a role="button" class=" regular-link chaseanalytics-opt-exlnk icon icon-facebook" target="_blank" rel="noopener" href="https://www.facebook.com/chase" data-pt-name="fm_share_fb">
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "Footnote1(Opens Overlay)" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<a role="button" href="#" class="scroll-top"><span class="disclosure" data-disclosure-url="/content/chase-ux/en/structured/module/disclosure/personal/mobile-online-banking/disc-mobile-app/_jcr_content
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "Footnote2(Opens Overlay)" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<a role="button" href="#" class="scroll-top"><span data-disclosure-url="/content/chase-ux/en/structured/module/disclosure/personal/checking/checking-quick-deposit-disc/_jcr_content/module/disclosureco
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "Footnote4(Opens Overlay)" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<a role="button" href="#" class="scroll-top"><span data-disclosure-url="/content/chase-ux/en/structured/module/disclosure/personal/checking/checking-online-bill-pay-disc/_jcr_content/module/disclosure
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "Footnote3(Opens Overlay)" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<a role="button" href="#" class="scroll-top"><span class="disclosure" data-disclosure-url="/content/chase-ux/en/structured/module/disclosure/personal/checking/checking-quickpay-disc/_jcr_content/modul
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "Footnote5(Opens Overlay)" inserts 2 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<a role="button" href="#" class="scroll-top"><span class="disclosure" data-disclosure-url="/content/chase-ux/en/structured/module/disclosure/commercial-banking/golden-source/CB000002-account-alerts/_j
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumElement overflows viewport by 439px at 320px width.WCAG 1.4.10
<ul class="sub-header__nav util clearfix" aria-label="secondary navigation" role="menubar" style="width: 759px; opacity: 1; transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-dura
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 8px at 320px width.WCAG 1.4.10
<div class="footer__module-footer__section--tiles row">
<div class="seo-content parsys"><div class="seocontent section"><div class="footer__module-footer__section--tile col-xs-12 col-smSet max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumContent clipped by 47px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<h1 class="accessible-text">Digital Banking Features</h1>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 69px at 320px width.WCAG 1.4.10
<a class=" regular category-deposits" href="#deposits" role="menuitem">
Deposit checks</a>Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 373px at 320px width.WCAG 1.4.10
<a class=" category-Stay" href="#stay" role="menuitem">
Stay connected</a>Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumContent clipped by 37px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<span class="accessible-text"> Show Search</span>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 87px at 320px width.WCAG 1.4.10
<li class="sub-header__nav--item" role="none">
<a class=" regular category-deposits" href="#deposits" role="menuitem">
Deposit checks</a>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumContent clipped by 35px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<span class="accessible-text" id="chase-header-logo-hat"> Chase logo links to Chase Home</span>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 224px at 320px width.WCAG 1.4.10
<a class=" category-payments" href="#payments" role="menuitem">
Make payments</a>Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 8px at 320px width.WCAG 1.4.10
<div class="seo-content parsys"><div class="seocontent section"><div class="footer__module-footer__section--tile col-xs-12 col-sm-6 col-md-4 col-lg-2">
<div class="footer__module-footer__sectionSet max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 8px at 320px width.WCAG 1.4.10
<div class="seocontent section"><div class="footer__module-footer__section--tile col-xs-12 col-sm-6 col-md-4 col-lg-2">
<div class="footer__module-footer__section--tile__icon icon-checking-smallSet max-width: 100% or use overflow-wrap to prevent horizontal overflow.
lowConsole warning: [ Analytics-Lite ]: clearEventsQueue() is deprecated. You can safely remove this function call from your codebase. (2 occurrences)
https://asset.chase.com/web/library/digddsautomation/reportingjs/Reporting.js:0mediumAdd Referrer-Policy: strict-origin-when-cross-origin or no-referrer
lowBroken link: https://twitter.com/Chase returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/Chase">X, formerly Twitter
(Opens Overlay)</a>/business28findings
criticalInsufficient color contrast: 1.08:1 (required: 4.5:1 for normal text). Foreground: rgb(16, 24, 32), background: rgb(4, 30, 66). Text: "Loading"WCAG 1.4.3
<span class="accessible-text">Loading</span>
Current ratio: 1.08:1 (need 4.5:1). Change foreground from #101820 to #7c8791 (ratio: 4.5:1). Or change background from #041e42 to #000000.
highElements should not have tabindex greater than zero: Fix any of the following: Element has a tabindex greater than 0
<div class="consent-banner" tabindex="1">
Ensure tabindex attribute values are not greater than 0. See: https://www.w3.org/WAI/WCAG22/quickref/
highInsufficient color contrast: 2.51:1 (required: 4.5:1 for normal text). Foreground: rgb(255, 255, 255), background: rgb(161, 164, 165). Text: "Explore solutions"WCAG 1.4.3
<span class="sc-73a9a8bc-0 hlNXhq btn-primary-button-text btn-not-inverse disabled">Explore solutions</span>
Current ratio: 2.51:1 (need 4.5:1). Change foreground from #ffffff to #3b3a3a (ratio: 4.5:1).
highConsole warning: [ Analytics-Lite ]: clearEventsQueue() is deprecated. You can safely remove this function call from your codebase.
https://asset.chase.com/web/library/digddsautomation/reportingjs/Reporting.js:0mediumAdd Referrer-Policy: strict-origin-when-cross-origin or no-referrer Add Strict-Transport-Security header with max-age of at least 31536000
highFocus jumps backward from "See details" to "KNOWLEDGE CENTER" (visual distance: 580px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>KNOWLEDGE CENTER</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "See details" to "PAYMENT SOLUTIONS" (visual distance: 580px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>PAYMENT SOLUTIONS</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "div:nth-of-type(1) > div:nth-of-type(2) > a" to "Skip to main content" (visual distance: 1388px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Skip to main content</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Learn more" to "SAPPHIRE RESERVE FOR BUSINESS℠" (visual distance: 580px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>SAPPHIRE RESERVE FOR BUSINESS℠</a>
Reorder elements in the DOM to match the visual layout.
mediumPage has 3 "navigation" landmarks but only 2 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 3 navigation landmarks, 2 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<a href="#main" class="sc-f1d44d46-0 eSbDRK mds-body-large-heavier mds-pos-fixed mds-text-center mds-text-decoration-none">Skip to main content</a>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="consent-banner-section-wrapper" region="landmark" aria-label="Privacy Policy">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 94, 184), text: rgb(16, 24, 32)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://instagram.com/chase" role="link" title="Instagram" data-pt-name="ft_soc_instagram" rel="noreferrer" target="_blank" class="link btn-link btn-not-inverse btn-content-driven chaseanalyt
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 94, 184), text: rgb(16, 24, 32)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.youtube.com/chase" role="link" title="YouTube" data-pt-name="ft_soc_youtube" rel="noreferrer" target="_blank" class="link btn-link btn-not-inverse btn-content-driven chaseanalytic
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 94, 184), text: rgb(16, 24, 32)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://twitter.com/Chase" role="link" title="X, formerly Twitter" data-pt-name="ft_soc_x" rel="noreferrer" target="_blank" class="link btn-link btn-not-inverse btn-content-driven chaseanalyt
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 94, 184), text: rgb(16, 24, 32)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.pinterest.com/chase/" role="link" title="Pinterest" data-pt-name="ft_soc_pinterest" rel="noreferrer" target="_blank" class="link btn-link btn-not-inverse btn-content-driven chasea
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 94, 184), text: rgb(16, 24, 32)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.facebook.com/chase" role="link" title="Facebook" data-pt-name="ft_soc_facebook" rel="noreferrer" target="_blank" class="link btn-link btn-not-inverse btn-content-driven chaseanaly
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 94, 184), text: rgb(16, 24, 32)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://www.linkedin.com/company/chase?trk=company_logo" role="link" title="LinkedIn" data-pt-name="ft_soc_linkedin" rel="noreferrer" target="_blank" class="link btn-link btn-not-inverse btn-
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumNavigation region "Customer service" (present on www.chase.com) is missing on this page. Navigation should appear consistently across pages.WCAG 3.2.3
<!-- missing: nav[aria-label="Customer service"] -->
Ensure the "Customer service" navigation region appears on all pages in the site. Consistent navigation helps users predict where to find content.
mediumBroken link: https://www.chase.com/content/dam/chaseux-fragments/en/chase-footnotes-and-disclosures/business/banking/ranked-1 returned status 404 Not Found after 1 attempts
<a href="https://www.chase.com/content/dam/chaseux-fragments/en/chase-footnotes-and-disclosures/business/banking/ranked-1">Footnote
1Opens overlay</a>mediumContent clipped by 71px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<span class="sc-5ed86311-0 bSfPPF accessible-text">Open side menu</span>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 95px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<a href="#main" class="sc-f1d44d46-0 eSbDRK mds-body-large-heavier mds-pos-fixed mds-text-center mds-text-decoration-none">Skip to main content</a>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 215px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<span id="nav-logo-link-text" class="sc-5ed86311-0 bSfPPF accessible-text">Chase for Business links to Chase for Business home</span>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 388px at 320px width.WCAG 1.4.10
<div aria-hidden="true" class="sc-93c77d2f-1 TKxeB mds-body-medium h-100 w-100 mds-pos-fixed mds-top-0" aria-label="Sign in panel" role="dialog"><div class="h-100 mds-d-none"></div></div>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
lowBroken link: https://twitter.com/Chase returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/Chase">X, formerly Twitter, Opens overlay</a>
lowLink timeout: https://optout.aboutads.info/?c=2&lang=EN did not respond within 5000ms after 8 attempts
<a href="https://optout.aboutads.info/?c=2&lang=EN">AdChoices, Opens overlay</a>
www.chase.com17findings
criticalInsufficient color contrast: 1.00:1 (required: 4.5:1 for normal text). Foreground: rgb(0, 94, 184), background: rgb(0, 94, 184). Text: "Slide 1"WCAG 1.4.3
<span class="bh3abbp14ff9w40">Slide 1</span>
Current ratio: 1.00:1 (need 4.5:1). Change foreground from #005eb8 to #c0dcff (ratio: 4.5:1). Or change background from #005eb8 to #000000.
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (52.3px by 21.2px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.2px instead of at least 24px.WCAG 2.5.8
<button type="button" id="show-hide-btn" tabindex="0" style="min-width:0;display:...">
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumPage has 3 "navigation" landmarks but only 2 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 3 navigation landmarks, 2 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 96, 240), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="ceoa7cu1vfdbab1 hdh74911vfdbab0 sqb3ra71vfdbab5 jfv80461vfdbab3 y32955a1vfdbab7 w8tna1t1d6nc7e0 chaseanalytics-track-link regular-link " aria-disabled="false" href="/personal/mortgage" data-
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 96, 240), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="ceoa7cu1vfdbab1 hdh74911vfdbab0 sqb3ra71vfdbab5 jfv80461vfdbab3 y32955a1vfdbab7 w8tna1t1d6nc7e0 chaseanalytics-track-link regular-link " aria-disabled="false" href="https://creditcards.chase
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 96, 240), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="ceoa7cu1vfdbab1 hdh74911vfdbab0 sqb3ra71vfdbab5 jfv80461vfdbab3 y32955a1vfdbab7 w8tna1t1d6nc7e0 chaseanalytics-track-link regular-link " aria-disabled="false" href="/personal/savings/bank-cd
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 96, 240), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="ceoa7cu1vfdbab1 hdh74911vfdbab0 sqb3ra71vfdbab5 jfv80461vfdbab3 y32955a1vfdbab7 w8tna1t1d6nc7e0 chaseanalytics-track-link regular-link " aria-disabled="false" href="/personal/credit-cards/fr
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 96, 240), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="ceoa7cu1vfdbab1 hdh74911vfdbab0 sqb3ra71vfdbab5 jfv80461vfdbab3 y32955a1vfdbab7 w8tna1t1d6nc7e0 chaseanalytics-track-link regular-link " aria-disabled="false" href="https://personal.chase.co
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 96, 240), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="ceoa7cu1vfdbab1 hdh74911vfdbab0 sqb3ra71vfdbab5 jfv80461vfdbab3 y32955a1vfdbab7 w8tna1t1d6nc7e0 chaseanalytics-track-link regular-link " aria-disabled="false" href="/personal/offers/total-ch
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 96, 240), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="ceoa7cu1vfdbab1 hdh74911vfdbab0 sqb3ra71vfdbab5 jfv80461vfdbab3 y32955a1vfdbab7 w8tna1t1d6nc7e0 chaseanalytics-track-link regular-link " aria-disabled="false" href="https://creditcards.chase
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 96, 240), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="ceoa7cu1vfdbab1 hdh74911vfdbab0 sqb3ra71vfdbab5 jfv80461vfdbab3 y32955a1vfdbab7 w8tna1t1d6nc7e0 chaseanalytics-track-link regular-link " aria-disabled="false" href="https://creditcards.chase
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 96, 240), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="ceoa7cu1vfdbab1 hdh74911vfdbab0 sqb3ra71vfdbab5 jfv80461vfdbab3 y32955a1vfdbab7 w8tna1t1d6nc7e0 chaseanalytics-track-link regular-link " aria-disabled="false" href="https://personal.chase.co
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(0, 96, 240), text: rgb(65, 64, 66)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="ceoa7cu1vfdbab1 hdh74911vfdbab0 sqb3ra71vfdbab5 jfv80461vfdbab3 y32955a1vfdbab7 w8tna1t1d6nc7e0 chaseanalytics-track-link regular-link " aria-disabled="false" href="https://creditcards.chase
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumConsole warning: [ Analytics-Lite ]: clearEventsQueue() is deprecated. You can safely remove this function call from your codebase.
https://asset.chase.com/web/library/digddsautomation/reportingjs/Reporting.js:0mediumAdd X-Content-Type-Options: nosniff Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
lowBroken link: https://twitter.com/Chase returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/Chase">X, formerly Twitter</a>
lowLink timeout: https://optout.aboutads.info/?c=2&lang=EN did not respond within 5000ms after 8 attempts
<a href="https://optout.aboutads.info/?c=2&lang=EN">AdChoices</a>
Methodology
The Sonde Score is a universal 0–1000 compliance index — think of it like a credit score for accessibility. Each finding is weighted by its impact on human access: a keyboard trap (critical) counts far more than a best-practice suggestion (low). The raw penalty is normalized per page so scores are comparable across sites of any size. A harmonic curve ensures every site gets a meaningful score — no zeros, no false perfection.
where S = sensitivity (750), P = Σ(weight × count), N = pages scanned
| Tier | Weight | Examples |
|---|---|---|
| Critical | 10 | Keyboard traps, missing page language |
| High | 3 | Missing alt text, insufficient contrast |
| Medium | 1 | Heading hierarchy, unclear link purpose |
| Low | 0.25 | Best-practice suggestions |
The Sonde Score is a living standard (v0.1). We’re building it in the open because accessibility is too important for closed-door decisions. Your expertise makes it better.
Enter Mission Control
Review raw findings data, track changes between scans, and contribute to Sonde’s open methodology.
Nominate a Site for the Daylight Index
Know a public website that should be on the accessibility leaderboard? Nominate it — we’ll scan it and publish the results.