Sonde
Accessibility Health Check
https://capitalone.com
Sonde ScoreHigher is better
Getting Started0–349Needs Attention350–549Progressing550–749Strong750–899Excellent900–1000
Excellent
https://daylight.sonde.tech/usfin/capitalone-com/
Capital One
Sonde ScoreHigher is better
Getting Started0–349Needs Attention350–549Progressing550–749Strong750–899Excellent900–1000
Excellent
Executive Summary
Top Findings
critical Keyboard trap detected in dialog "Capital One Main Navigation". Focus cycles within 214 elements without escaping. 209 focusable elements in container. WCAG 2.1.2
Element:
<header role="dialog">Capital One Main Navigation</header>
critical Keyboard trap detected in nav "Cars for saleNew cars for saleUsed cars ". Focus cycles within 4 elements without escaping. 17 focusable elements in container. WCAG 2.1.2
Element:
<nav role="nav">Cars for saleNew cars for saleUsed cars </nav>
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Console warning: OneTag has encountered at least one warning. Please refer to the oneTag documentation on how to enable oneTag debug messages.
Source:
https://onetms.capitalone.com/ot/ot.js:6mediumhigh Console warning: Newrelic action queued -> setCustomAttribute: app-version 0.1.757 (2 occurrences)
Source:
https://www.capitalone.com/cars/ocb-ui/search-assets/logger.BmHwsxRQ.js:0mediummedium Focusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose. WCAG 4.1.2
Element:
<!-- a11y: role="generic" -->
medium Focusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose. WCAG 4.1.2
Element:
<!-- a11y: role="generic" -->
medium Focusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose. WCAG 4.1.2
Element:
<!-- a11y: role="generic" -->
medium Focusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose. WCAG 4.1.2
Element:
<!-- a11y: role="generic" -->
medium Focusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose. WCAG 4.1.2
Element:
<!-- a11y: role="generic" -->
medium Focusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose. WCAG 4.1.2
Element:
<!-- a11y: role="generic" -->
medium Focusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose. WCAG 4.1.2
Element:
<!-- a11y: role="generic" -->
medium Focusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose. WCAG 4.1.2
Element:
<!-- a11y: role="generic" -->
medium Page has 2 "contentinfo" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 2 contentinfo landmarks, 0 labeled -->
medium Page has 2 "navigation" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 2 navigation landmarks, 0 labeled -->
medium Document should have one main landmark: Fix all of the following: Document does not have a main landmark
Element:
<html lang="en">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<img _ngcontent-web-shell...="" alt="FDIC-Insured - Backe..." lang="en-US" src="data:image/png;base6..." class="gds-fdic-sign gds-fd...">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<h1 _ngcontent-web-shell-c1873906676="" tabindex="0" class="main-title visuallyhidden ng-star-inserted" aria-label="Explore Capital One’s Banking and Financial Services">Explore Capital One’s Banking ...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div _ngcontent-web-shell-c2667954597="" class="card-overlay">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div _ngcontent-web-shell-c553998024="" class="grv-shr-lib-row ng-tns-c553998024-0">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<shared-cms-base-shared-component id="meet-capital-one" tabindex="-1" style="scroll-margin-top: 68px; display: block;" class="legacy-component ng-star-inserted">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<shared-cms-base-shared-component id="meet-capital-one" tabindex="-1" style="scroll-margin-top: 68px; display: block;" class="legacy-component ng-star-inserted">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div _ngcontent-web-shell-c347514875="" class="grv-shr-lib-row"><div _ngcontent-web-shell-c347514875="" class="grv-shr-lib-col headline"><h2 _ngcontent-web-shell-c347514875="" class="grv-shr-lib-text_...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div _ngcontent-web-shell-c347514875="" role="tablist" class="interactive-features-tablist">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div _ngcontent-web-shell...="" role="tabpanel" class="feature-image active..." id="activeImage0" aria-labelledby="tab0" style="background-image: ur...">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div _ngcontent-web-shell-c347514875="" class="grv-shr-lib-row">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<shared-cms-base-shared-component id="meet-capital-one" tabindex="-1" style="scroll-margin-top: 68px; display: block;" class="legacy-component ng-star-inserted">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<label _ngcontent-web-shell-c2931505271="" for="ods-input-0" class="grv-shr-lib-textfield__label grv-shr-lib-text__body--tiny">Username</label>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<input _ngcontent-web-shell...="" type="text" id="ods-input-0" maxlength="50" name="ods-input-0" aria-label="Username" aria-describedby="us-login-auth-error-..." required="" class="login-username grv-...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<label _ngcontent-web-shell-c2931505271="" for="ods-input-1" class="grv-shr-lib-textfield__label grv-shr-lib-text__body--tiny">Password</label>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<input _ngcontent-web-shell...="" type="password" id="ods-input-1" maxlength="64" name="ods-input-1" aria-label="Password" aria-describedby="us-login-auth-error-..." required="" class="login-password ...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<input _ngcontent-web-shell-c2931505271="" type="checkbox" id="rememberMe" name="rememberMe" class="rem-checkbox ng-untouched ng-pristine ng-valid" data-initial-value="">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<label _ngcontent-web-shell-c2931505271="" for="rememberMe" class="grv-shr-lib-text__body--tiny">Remember me</label>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div _ngcontent-web-shell-c2931505271="" class="grv-shr-lib-col--sm-2 login-field ng-star-inserted">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<a _ngcontent-web-shell...="" id="setUpAccess" class="asset-link set-up-ac..." data-initial-value="Set up online access" href="https://verified.cap..." data-sonde-contrast-...="sonde-contrast-state......
medium The skip-link target should exist and be focusable: Fix any of the following: No skip link target
Element:
<a _ngcontent-web-shell-c1855419180="" href="#default-id" class="site-header__skip-nav"> Skip to main content </a>
medium Contentinfo landmark should not be contained in another landmark: Fix any of the following: The contentinfo landmark is contained in another landmark.
Element:
<footer class="bg-FsClrBrandPaletteMidnight font-sans text-white">
medium Document should not have more than one contentinfo landmark: Fix any of the following: Document has more than one contentinfo landmark
Element:
<footer>
medium Landmarks should have a unique role or role/label/title (i.e. accessible name) combination: Fix any of the following: The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
Element:
<nav class="hidden xl:flex order-2">
medium Link is distinguished from surrounding text only by color (link: rgb(20, 20, 20), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="site-L2__tabbable" href="/credit-cards/fair-and-building/" target="_self"><span class="heading">Credit Building</span></a>
medium Link is distinguished from surrounding text only by color (link: rgb(20, 20, 20), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="sub-heading-link" href="/credit-cards/fair-and-building/" target="_self" tabindex="-1"><span class="sub-heading">Credit Level: Fair to Rebuilding</span></a>
medium Link is distinguished from surrounding text only by color (link: rgb(20, 20, 20), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="site-L2__tabbable" href="/credit-cards/cash-back/" target="_self"><span class="heading">Cash Back Rewards</span></a>
medium Link is distinguished from surrounding text only by color (link: rgb(20, 20, 20), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="sub-heading-link" href="/credit-cards/cash-back/" target="_self" tabindex="-1"><span class="sub-heading">Credit Level: Excellent to Fair</span></a>
medium Link is distinguished from surrounding text only by color (link: rgb(20, 20, 20), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="site-L2__tabbable" href="/credit-cards/travel-and-miles/" target="_self"><span class="heading">Travel Rewards</span></a>
medium Link is distinguished from surrounding text only by color (link: rgb(20, 20, 20), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="sub-heading-link" href="/credit-cards/travel-and-miles/" target="_self" tabindex="-1"><span class="sub-heading">Credit Level: Excellent to Good</span></a>
medium Link is distinguished from surrounding text only by color (link: rgb(20, 20, 20), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="site-L2__tabbable" href="/credit-cards/students/" target="_self"><span class="heading">Student Rewards</span></a>
medium Link is distinguished from surrounding text only by color (link: rgb(20, 20, 20), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="sub-heading-link" href="/credit-cards/students/" target="_self" tabindex="-1"><span class="sub-heading">Credit Level: Fair</span></a>
medium Link is distinguished from surrounding text only by color (link: rgb(20, 20, 20), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="site-L2__tabbable" href="/small-business/credit-cards/" target="_self"><span class="heading">Business Rewards</span></a>
medium Link is distinguished from surrounding text only by color (link: rgb(20, 20, 20), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="sub-heading-link" href="/small-business/credit-cards/" target="_self" tabindex="-1"><span class="sub-heading">Credit Level: Excellent to Fair</span></a>
medium The same link functionality is identified as "Car Research & Reviews" on https://www.capitalone.com/ and "All articles" on https://www.capitalone.com/cars/calculator. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a data-hk="s0000414212" href="/cars/learn" data-analytics-tag-key="BASE_HEADER_VIEW_ALL_ARTICLES" data-analytics-track-on="click" class="block focus:bg-FsClrBgBase1Hover hover:bg-FsClrBgBase1Hover active:bg-FsClrBgNeutEmphNonePress py-2 rounded-[8px] px-2 text-FsFontSize0_875x" data-testid="view-all-articles-button" data-analytics-has-listener="true">All articles</a>
medium The same link functionality is identified as "Shop for a Car" on https://www.capitalone.com/ and "Capital One Auto Navigator homepage" on https://www.capitalone.com/cars/calculator. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="/cars" class="w-40" title="Auto Navigator homepage" aria-label="Capital One Auto Navigator homepage" data-analytics-track-on="click" data-testid="link-to-auto-navigator-homepage"><svg data-hk="s000030" width="165" height="26" viewBox="0 0 165 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M83.7483 21.157L83.4624 18.781H79.6513L78.4347 21.157H77.1089L82.1912 11.593H83.7067L85.0456 21.157H83.7483ZM80.1531 17.7983H83.335L82.7345 12.7706L80.1531 17.7983Z" fill="#013D5B" shape-r
medium The same link functionality is identified as "Car Dealers Near You" on https://www.capitalone.com/ and "Car dealers" on https://www.capitalone.com/cars/calculator. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a data-hk="s0000410212" href="/cars/dealers-near/" data-analytics-tag-key="BASE_HEADER_FIND_MY_DEALER" data-analytics-track-on="click" class="block focus:bg-FsClrBgBase1Hover hover:bg-FsClrBgBase1Hover active:bg-FsClrBgNeutEmphNonePress py-2 rounded-[8px] px-2 text-FsFontSize0_875x" data-testid="car-dealers-dropdown-desktop" data-analytics-has-listener="true">Car dealers</a>
medium The same link functionality is identified as "Car Financing Resources" on https://www.capitalone.com/ and "Managing your money" on https://www.capitalone.com/cars/calculator. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a data-hk="s0000411211" href="/cars/learn/managing-your-money-wisely" data-analytics-tag-key="BASE_HEADER_MANAGING_YOUR_MONEY" data-analytics-track-on="click" class="block focus:bg-FsClrBgBase1Hover hover:bg-FsClrBgBase1Hover active:bg-FsClrBgNeutEmphNonePress py-2 rounded-[8px] px-2 text-FsFontSize0_875x" data-testid="managing-your-money-dropdown" data-analytics-has-listener="true">Managing your money</a>
medium The same link functionality is identified as "Pre-Qualify for an Auto Loan" on https://www.capitalone.com/ and "Get pre-qualified" on https://www.capitalone.com/cars/calculator. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a data-hk="s00004112210" data-analytics-tag-key="BASE_HEADER_FINANCE_GET_PREQUALIFIED" data-analytics-track-on="click" data-testid="financing-get-prequalified-button" class="flex xl:h-8 h-12 w-full xl:text-FsFontSize0_875x text-FsFontSize1x text-FsClrContentInteract xl:bg-FsClrBgInteractEmphHigh xl:text-FsClrWhite1000 outline-offset-4 rounded-[8px] items-center justify-center px-4 py-[6px] font-FsFontWeightSemibold leading-FsTypeLabelLineHeightSmall border-solid border border-FsClrContentIntera
medium Navigation region "Credit Cards" is present on https://www.capitalone.com/ but missing on https://www.capitalone.com/cars/calculator. Navigation should appear consistently across pages in the same site set. WCAG 3.2.3
Element:
<!-- missing: nav#card-menu-container -->
medium Navigation "Cars for saleNew cars for saleUsed cars for saleCar dealersAll cars for saleFinancingCar payment calculatorManaging your moneyGetting a good dealAuto refinanceGet pre-qualifiedSell my carCar valueCar researchEV hubHow Auto Navigator worksAll articles" changes relative order between https://www.capitalone.com/ and https://www.capitalone.com/cars/calculator. Shared links appear as [Car dealers, Managing your money, Get pre-qualified, Car value, All articles] vs baseline [/cars/prequalify/, /cars/prequalify/, /cars/prequalify/, /cars/my-garage, /cars/my-garage, /cars/my-garage, Car Research & Reviews, Car Financing Resources, Car Dealers Near You, Car Dealers Near You]. WCAG 3.2.3
Element:
<nav aria-label="Cars for saleNew cars for saleUsed cars for saleCar dealersAll cars for saleFinancingCar payment calculatorManaging your moneyGetting a good dealAuto refinanceGet pre-qualifiedSell my carCar valueCar researchEV hubHow Auto Navigator worksAll articles"><!-- site-set order mismatch --></nav>
medium Primary content surface "homepage-smart-banner" is only 0px wide at Large monitor (2560px viewport). Sonde responsive contract expects ≥ 1152px on this tier. WCAG Sonde responsive contract
Element:
<homepage-smart-banner>
medium Element overflows viewport by 265px at Modern phone (390px width). WCAG Sonde responsive contract
Element:
<div _ngcontent-web-shell-c347514875="" role="tabpanel" class="mobileAnimation mobile-feature-image" id="mobileActiveImage1" aria-label="" style="background-image: url("https://ecm.capitalone.com
medium Element overflows viewport by 273px at Modern phone (390px width). WCAG Sonde responsive contract
Element:
<div style="position: relative;"><span></span></div>
medium Element overflows viewport by 273px at Modern phone (390px width). WCAG Sonde responsive contract
Element:
<div _ngcontent-web-shell-c347514875="" tabindex="0" class="mobile-feature ng-star-inserted" index="1"><bre-cms-edit-button _ngcontent-web-shell-c347514875="" class="ng-star-inserted"><div style="posi
medium Element overflows viewport by 265px at Modern phone (390px width). WCAG Sonde responsive contract
Element:
<div _ngcontent-web-shell-c347514875="" class="mobile-image"><div _ngcontent-web-shell-c347514875="" role="tabpanel" class="mobileAnimation mobile-feature-image" id="mobileActiveImage1" aria-label=""
medium Element overflows viewport by 265px at Modern phone (390px width). WCAG Sonde responsive contract
Element:
<div _ngcontent-web-shell-c347514875="" class="mobile-image-container"><div _ngcontent-web-shell-c347514875="" class="mobile-image"><div _ngcontent-web-shell-c347514875="" role="tabpanel" class="mobil
medium Element overflows viewport by 226px at Modern phone (390px width). WCAG Sonde responsive contract
Element:
<p _ngcontent-web-shell-c347514875="" class="feature-description">Explore and redeem your Capital One credit card rewards.</p>
medium Element overflows viewport by 273px at Modern phone (390px width). WCAG Sonde responsive contract
Element:
<p _ngcontent-web-shell-c347514875="" class="feature-headline" aria-label="Redeem your rewards."> Redeem your rewards </p>
medium Element overflows viewport by 216px at Phone SE (320px width). WCAG 1.4.10
Element:
<div _ngcontent-web-shell-c347514875="" role="tabpanel" class="mobileAnimation mobile-feature-image" id="mobileActiveImage1" aria-label="" style="background-image: url("https://ecm.capitalone.com
medium Element overflows viewport by 224px at Phone SE (320px width). WCAG 1.4.10
Element:
<div style="position: relative;"><span></span></div>
medium Element overflows viewport by 224px at Phone SE (320px width). WCAG 1.4.10
Element:
<div _ngcontent-web-shell-c347514875="" tabindex="0" class="mobile-feature ng-star-inserted" index="1"><bre-cms-edit-button _ngcontent-web-shell-c347514875="" class="ng-star-inserted"><div style="posi
medium Element overflows viewport by 216px at Phone SE (320px width). WCAG 1.4.10
Element:
<div _ngcontent-web-shell-c347514875="" class="mobile-image"><div _ngcontent-web-shell-c347514875="" role="tabpanel" class="mobileAnimation mobile-feature-image" id="mobileActiveImage1" aria-label=""
medium Element overflows viewport by 216px at Phone SE (320px width). WCAG 1.4.10
Element:
<div _ngcontent-web-shell-c347514875="" class="mobile-image-container"><div _ngcontent-web-shell-c347514875="" class="mobile-image"><div _ngcontent-web-shell-c347514875="" role="tabpanel" class="mobil
medium Element overflows viewport by 186px at Phone SE (320px width). WCAG 1.4.10
Element:
<p _ngcontent-web-shell-c347514875="" class="feature-description">Explore and redeem your Capital One credit card rewards.</p>
medium Element overflows viewport by 224px at Phone SE (320px width). WCAG 1.4.10
Element:
<p _ngcontent-web-shell-c347514875="" class="feature-headline" aria-label="Redeem your rewards."> Redeem your rewards </p>
medium Interactive control "#unav-l1-logo" is only 22px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#unav-l1-logo>
medium Interactive control "a.grv-shr-lib-button--text-directional-right.grv-shr-lib-text--normal" is only 21px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.grv-shr-lib-button--text-directional-right.grv-shr-lib-text--normal>
medium Interactive control "a.grv-shr-lib-card__link--expand.featured-card__link" is only 36px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.grv-shr-lib-card__link--expand.featured-card__link>
medium Interactive control "a.tile-content-button.grv-shr-lib-button--text-directional-right" is only 32px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.tile-content-button.grv-shr-lib-button--text-directional-right>
medium Page requires horizontal scrolling at Tablet (768px width, 15px overflow). Content should reflow without horizontal scrolling. WCAG Sonde responsive contract
Element:
<html lang="und">
medium Interactive control "#forgotUnpw" is only 15px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#forgotUnpw>
medium Interactive control "#noAcctSubmit" is only 32px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#noAcctSubmit>
medium Interactive control "#ods-input-0" is only 32px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#ods-input-0>
medium Interactive control "#ods-input-1" is only 32px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#ods-input-1>
medium Interactive control "#rememberMe" is only 14px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#rememberMe>
medium Interactive control "#setUpAccess" is only 18px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#setUpAccess>
medium Interactive control "a.remember-info" is only 15px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.remember-info>
medium Content clipped by 335px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability. WCAG 1.4.12
Element:
<h1 _ngcontent-web-shell-c1873906676="" tabindex="0" class="main-title visuallyhidden ng-star-inserted" aria-label="Explore Capital One’s Banking and Financial Services">Explore Capital One’s Banking
medium Page requires horizontal scrolling at Phone SE (320px width, 21px overflow). Content should reflow without horizontal scrolling. WCAG 1.4.10
Element:
<html lang="und">
medium Interactive control "#estimatedAPR" is only 24px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#estimatedAPR>
medium Interactive control "#loanAmount" is only 24px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#loanAmount>
medium Interactive control "a.group.flex" is only 40px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.group.flex>
medium Interactive control "a.underline.text-FsClrBgInteractEmphMedium" is only 21px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.underline.text-FsClrBgInteractEmphMedium>
medium Interactive control "a.w-40" is only 26px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.w-40>
medium Interactive control "button.cursor-pointer" is only 24px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<button.cursor-pointer>
medium Stuck loading state: aria-busy="true" on <button> persists after page readiness
Element:
<button data-hk="s5000020010010000" type="button" aria-expanded="false" data-closed="" class="group inline-flex w-full items-center justify-between border-2 border-transparent font-fsFontWeightSemibol
medium Stuck loading state: aria-busy="true" on <button> persists after page readiness
Element:
<button data-hk="s5000021010010000" type="button" aria-expanded="false" data-closed="" class="group inline-flex w-full items-center justify-between border-2 border-transparent font-fsFontWeightSemibol
medium Stuck loading state: aria-busy="true" on <button> persists after page readiness
Element:
<button data-hk="s5000022010010000" type="button" aria-expanded="false" data-closed="" class="group inline-flex w-full items-center justify-between border-2 border-transparent font-fsFontWeightSemibol
low Broken link: https://verified.capitalone.com/auth/signin returned status 404 Not Found after 1 attempts
Element:
<a href="https://verified.capitalone.com/auth/signin">Sign In</a>
low Broken link: https://verified.capitalone.com/enroll/pii returned status 404 Not Found after 1 attempts
Element:
<a href="https://verified.capitalone.com/enroll/pii">Activate Your Account</a>
low Broken link: https://verified.capitalone.com/sign-in-help/ returned status 404 Not Found after 1 attempts
Element:
<a href="https://verified.capitalone.com/sign-in-help/">Forgot username or password?</a>
low Broken link: https://www.x.com/askcapitalone returned status 403 Forbidden after 1 attempts
Element:
<a href="https://www.x.com/askcapitalone">Reach @AskCapitalOne</a>
low Broken link: https://x.com/capitalone/ returned status 403 Forbidden after 1 attempts
Element:
<a href="https://x.com/capitalone/">X</a>
low Link timeout: unsafe:javascript:void(0); did not respond within 5000ms after 8 attempts
Element:
<a href="unsafe:javascript:void(0);">Benefits & Tools</a>
low Unreachable link: https://smart.link/qpqs440wc5g68?cp_0=c1lp&cp_1=card_menu_control&cp_2=header&cp_4=usa&creative_id=card_header_control (Unknown error) after 2 attempts
Element:
<a href="https://smart.link/qpqs440wc5g68?cp_0=c1lp&cp_1=card_menu_control&cp_2=header&cp_4=usa&creative_id=card_header_control">Capital One Shopping</a>
low Link timeout: https://www.capitalone.com/cars/learn/getting-a-good-deal/simpleinterest-car-loans-what-you-need-to-know/2509 did not respond within 5000ms after 2 attempts
Element:
<a href="https://www.capitalone.com/cars/learn/getting-a-good-deal/simpleinterest-car-loans-what-you-need-to-know/2509">simple interest</a>
Best Page Fix Opportunities
www.capitalone.com47findings
high Console warning: OneTag has encountered at least one warning. Please refer to the oneTag documentation on how to enable oneTag debug messages.
Source:
https://onetms.capitalone.com/ot/ot.js:6mediummedium Focusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose. WCAG 4.1.2
Element:
<!-- a11y: role="generic" -->
medium Focusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose. WCAG 4.1.2
Element:
<!-- a11y: role="generic" -->
medium Focusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose. WCAG 4.1.2
Element:
<!-- a11y: role="generic" -->
medium Focusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose. WCAG 4.1.2
Element:
<!-- a11y: role="generic" -->
medium Focusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose. WCAG 4.1.2
Element:
<!-- a11y: role="generic" -->
medium Focusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose. WCAG 4.1.2
Element:
<!-- a11y: role="generic" -->
medium Focusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose. WCAG 4.1.2
Element:
<!-- a11y: role="generic" -->
medium Focusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose. WCAG 4.1.2
Element:
<!-- a11y: role="generic" -->
medium Document should have one main landmark: Fix all of the following: Document does not have a main landmark
Element:
<html lang="en">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<img _ngcontent-web-shell...="" alt="FDIC-Insured - Backe..." lang="en-US" src="data:image/png;base6..." class="gds-fdic-sign gds-fd...">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<h1 _ngcontent-web-shell-c1873906676="" tabindex="0" class="main-title visuallyhidden ng-star-inserted" aria-label="Explore Capital One’s Banking and Financial Services">Explore Capital One’s Banking ...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div _ngcontent-web-shell-c2667954597="" class="card-overlay">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div _ngcontent-web-shell-c553998024="" class="grv-shr-lib-row ng-tns-c553998024-0">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<shared-cms-base-shared-component id="meet-capital-one" tabindex="-1" style="scroll-margin-top: 68px; display: block;" class="legacy-component ng-star-inserted">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<shared-cms-base-shared-component id="meet-capital-one" tabindex="-1" style="scroll-margin-top: 68px; display: block;" class="legacy-component ng-star-inserted">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div _ngcontent-web-shell-c347514875="" class="grv-shr-lib-row"><div _ngcontent-web-shell-c347514875="" class="grv-shr-lib-col headline"><h2 _ngcontent-web-shell-c347514875="" class="grv-shr-lib-text_...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div _ngcontent-web-shell-c347514875="" role="tablist" class="interactive-features-tablist">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div _ngcontent-web-shell...="" role="tabpanel" class="feature-image active..." id="activeImage0" aria-labelledby="tab0" style="background-image: ur...">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div _ngcontent-web-shell-c347514875="" class="grv-shr-lib-row">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<shared-cms-base-shared-component id="meet-capital-one" tabindex="-1" style="scroll-margin-top: 68px; display: block;" class="legacy-component ng-star-inserted">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<label _ngcontent-web-shell-c2931505271="" for="ods-input-0" class="grv-shr-lib-textfield__label grv-shr-lib-text__body--tiny">Username</label>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<input _ngcontent-web-shell...="" type="text" id="ods-input-0" maxlength="50" name="ods-input-0" aria-label="Username" aria-describedby="us-login-auth-error-..." required="" class="login-username grv-...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<label _ngcontent-web-shell-c2931505271="" for="ods-input-1" class="grv-shr-lib-textfield__label grv-shr-lib-text__body--tiny">Password</label>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<input _ngcontent-web-shell...="" type="password" id="ods-input-1" maxlength="64" name="ods-input-1" aria-label="Password" aria-describedby="us-login-auth-error-..." required="" class="login-password ...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<input _ngcontent-web-shell-c2931505271="" type="checkbox" id="rememberMe" name="rememberMe" class="rem-checkbox ng-untouched ng-pristine ng-valid" data-initial-value="">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<label _ngcontent-web-shell-c2931505271="" for="rememberMe" class="grv-shr-lib-text__body--tiny">Remember me</label>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<div _ngcontent-web-shell-c2931505271="" class="grv-shr-lib-col--sm-2 login-field ng-star-inserted">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
Element:
<a _ngcontent-web-shell...="" id="setUpAccess" class="asset-link set-up-ac..." data-initial-value="Set up online access" href="https://verified.cap..." data-sonde-contrast-...="sonde-contrast-state......
medium The skip-link target should exist and be focusable: Fix any of the following: No skip link target
Element:
<a _ngcontent-web-shell-c1855419180="" href="#default-id" class="site-header__skip-nav"> Skip to main content </a>
medium Link is distinguished from surrounding text only by color (link: rgb(20, 20, 20), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="site-L2__tabbable" href="/credit-cards/fair-and-building/" target="_self"><span class="heading">Credit Building</span></a>
medium Link is distinguished from surrounding text only by color (link: rgb(20, 20, 20), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="sub-heading-link" href="/credit-cards/fair-and-building/" target="_self" tabindex="-1"><span class="sub-heading">Credit Level: Fair to Rebuilding</span></a>
medium Link is distinguished from surrounding text only by color (link: rgb(20, 20, 20), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="site-L2__tabbable" href="/credit-cards/cash-back/" target="_self"><span class="heading">Cash Back Rewards</span></a>
medium Link is distinguished from surrounding text only by color (link: rgb(20, 20, 20), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="sub-heading-link" href="/credit-cards/cash-back/" target="_self" tabindex="-1"><span class="sub-heading">Credit Level: Excellent to Fair</span></a>
medium Link is distinguished from surrounding text only by color (link: rgb(20, 20, 20), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="site-L2__tabbable" href="/credit-cards/travel-and-miles/" target="_self"><span class="heading">Travel Rewards</span></a>
medium Link is distinguished from surrounding text only by color (link: rgb(20, 20, 20), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="sub-heading-link" href="/credit-cards/travel-and-miles/" target="_self" tabindex="-1"><span class="sub-heading">Credit Level: Excellent to Good</span></a>
medium Link is distinguished from surrounding text only by color (link: rgb(20, 20, 20), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="site-L2__tabbable" href="/credit-cards/students/" target="_self"><span class="heading">Student Rewards</span></a>
medium Link is distinguished from surrounding text only by color (link: rgb(20, 20, 20), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="sub-heading-link" href="/credit-cards/students/" target="_self" tabindex="-1"><span class="sub-heading">Credit Level: Fair</span></a>
medium Link is distinguished from surrounding text only by color (link: rgb(20, 20, 20), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="site-L2__tabbable" href="/small-business/credit-cards/" target="_self"><span class="heading">Business Rewards</span></a>
medium Link is distinguished from surrounding text only by color (link: rgb(20, 20, 20), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
Element:
<a class="sub-heading-link" href="/small-business/credit-cards/" target="_self" tabindex="-1"><span class="sub-heading">Credit Level: Excellent to Fair</span></a>
low Broken link: https://verified.capitalone.com/auth/signin returned status 404 Not Found after 1 attempts
Element:
<a href="https://verified.capitalone.com/auth/signin">Sign In</a>
low Broken link: https://verified.capitalone.com/enroll/pii returned status 404 Not Found after 1 attempts
Element:
<a href="https://verified.capitalone.com/enroll/pii">Activate Your Account</a>
low Broken link: https://verified.capitalone.com/sign-in-help/ returned status 404 Not Found after 1 attempts
Element:
<a href="https://verified.capitalone.com/sign-in-help/">Forgot username or password?</a>
low Broken link: https://www.x.com/askcapitalone returned status 403 Forbidden after 1 attempts
Element:
<a href="https://www.x.com/askcapitalone">Reach @AskCapitalOne</a>
low Broken link: https://x.com/capitalone/ returned status 403 Forbidden after 1 attempts
Element:
<a href="https://x.com/capitalone/">X</a>
low Link timeout: unsafe:javascript:void(0); did not respond within 5000ms after 8 attempts
Element:
<a href="unsafe:javascript:void(0);">Benefits & Tools</a>
low Unreachable link: https://smart.link/qpqs440wc5g68?cp_0=c1lp&cp_1=card_menu_control&cp_2=header&cp_4=usa&creative_id=card_header_control (Unknown error) after 2 attempts
Element:
<a href="https://smart.link/qpqs440wc5g68?cp_0=c1lp&cp_1=card_menu_control&cp_2=header&cp_4=usa&creative_id=card_header_control">Capital One Shopping</a>
/cars/calculator38findings
critical Keyboard trap detected in nav "Cars for saleNew cars for saleUsed cars ". Focus cycles within 4 elements without escaping. 17 focusable elements in container. WCAG 2.1.2
Element:
<nav role="nav">Cars for saleNew cars for saleUsed cars </nav>
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
Element:
<!-- a11y: role="image" -->
high Console warning: Newrelic action queued -> setCustomAttribute: app-version 0.1.757 (2 occurrences)
Source:
https://www.capitalone.com/cars/ocb-ui/search-assets/logger.BmHwsxRQ.js:0mediummedium Page has 2 "contentinfo" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 2 contentinfo landmarks, 0 labeled -->
medium Page has 2 "navigation" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them. WCAG 1.3.1
Element:
<!-- 2 navigation landmarks, 0 labeled -->
medium Contentinfo landmark should not be contained in another landmark: Fix any of the following: The contentinfo landmark is contained in another landmark.
Element:
<footer class="bg-FsClrBrandPaletteMidnight font-sans text-white">
medium Document should not have more than one contentinfo landmark: Fix any of the following: Document has more than one contentinfo landmark
Element:
<footer>
medium Landmarks should have a unique role or role/label/title (i.e. accessible name) combination: Fix any of the following: The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
Element:
<nav class="hidden xl:flex order-2">
medium The same link functionality is identified as "Car Research & Reviews" on https://www.capitalone.com/ and "All articles" on https://www.capitalone.com/cars/calculator. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a data-hk="s0000414212" href="/cars/learn" data-analytics-tag-key="BASE_HEADER_VIEW_ALL_ARTICLES" data-analytics-track-on="click" class="block focus:bg-FsClrBgBase1Hover hover:bg-FsClrBgBase1Hover active:bg-FsClrBgNeutEmphNonePress py-2 rounded-[8px] px-2 text-FsFontSize0_875x" data-testid="view-all-articles-button" data-analytics-has-listener="true">All articles</a>
medium The same link functionality is identified as "Shop for a Car" on https://www.capitalone.com/ and "Capital One Auto Navigator homepage" on https://www.capitalone.com/cars/calculator. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a href="/cars" class="w-40" title="Auto Navigator homepage" aria-label="Capital One Auto Navigator homepage" data-analytics-track-on="click" data-testid="link-to-auto-navigator-homepage"><svg data-hk="s000030" width="165" height="26" viewBox="0 0 165 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M83.7483 21.157L83.4624 18.781H79.6513L78.4347 21.157H77.1089L82.1912 11.593H83.7067L85.0456 21.157H83.7483ZM80.1531 17.7983H83.335L82.7345 12.7706L80.1531 17.7983Z" fill="#013D5B" shape-r
medium The same link functionality is identified as "Car Dealers Near You" on https://www.capitalone.com/ and "Car dealers" on https://www.capitalone.com/cars/calculator. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a data-hk="s0000410212" href="/cars/dealers-near/" data-analytics-tag-key="BASE_HEADER_FIND_MY_DEALER" data-analytics-track-on="click" class="block focus:bg-FsClrBgBase1Hover hover:bg-FsClrBgBase1Hover active:bg-FsClrBgNeutEmphNonePress py-2 rounded-[8px] px-2 text-FsFontSize0_875x" data-testid="car-dealers-dropdown-desktop" data-analytics-has-listener="true">Car dealers</a>
medium The same link functionality is identified as "Car Financing Resources" on https://www.capitalone.com/ and "Managing your money" on https://www.capitalone.com/cars/calculator. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a data-hk="s0000411211" href="/cars/learn/managing-your-money-wisely" data-analytics-tag-key="BASE_HEADER_MANAGING_YOUR_MONEY" data-analytics-track-on="click" class="block focus:bg-FsClrBgBase1Hover hover:bg-FsClrBgBase1Hover active:bg-FsClrBgNeutEmphNonePress py-2 rounded-[8px] px-2 text-FsFontSize0_875x" data-testid="managing-your-money-dropdown" data-analytics-has-listener="true">Managing your money</a>
medium The same link functionality is identified as "Pre-Qualify for an Auto Loan" on https://www.capitalone.com/ and "Get pre-qualified" on https://www.capitalone.com/cars/calculator. Components with the same function should use consistent names within the same locale. WCAG 3.2.4
Element:
<a data-hk="s00004112210" data-analytics-tag-key="BASE_HEADER_FINANCE_GET_PREQUALIFIED" data-analytics-track-on="click" data-testid="financing-get-prequalified-button" class="flex xl:h-8 h-12 w-full xl:text-FsFontSize0_875x text-FsFontSize1x text-FsClrContentInteract xl:bg-FsClrBgInteractEmphHigh xl:text-FsClrWhite1000 outline-offset-4 rounded-[8px] items-center justify-center px-4 py-[6px] font-FsFontWeightSemibold leading-FsTypeLabelLineHeightSmall border-solid border border-FsClrContentIntera
medium Navigation region "Credit Cards" is present on https://www.capitalone.com/ but missing on https://www.capitalone.com/cars/calculator. Navigation should appear consistently across pages in the same site set. WCAG 3.2.3
Element:
<!-- missing: nav#card-menu-container -->
medium Navigation "Cars for saleNew cars for saleUsed cars for saleCar dealersAll cars for saleFinancingCar payment calculatorManaging your moneyGetting a good dealAuto refinanceGet pre-qualifiedSell my carCar valueCar researchEV hubHow Auto Navigator worksAll articles" changes relative order between https://www.capitalone.com/ and https://www.capitalone.com/cars/calculator. Shared links appear as [Car dealers, Managing your money, Get pre-qualified, Car value, All articles] vs baseline [/cars/prequalify/, /cars/prequalify/, /cars/prequalify/, /cars/my-garage, /cars/my-garage, /cars/my-garage, Car Research & Reviews, Car Financing Resources, Car Dealers Near You, Car Dealers Near You]. WCAG 3.2.3
Element:
<nav aria-label="Cars for saleNew cars for saleUsed cars for saleCar dealersAll cars for saleFinancingCar payment calculatorManaging your moneyGetting a good dealAuto refinanceGet pre-qualifiedSell my carCar valueCar researchEV hubHow Auto Navigator worksAll articles"><!-- site-set order mismatch --></nav>
medium Page requires horizontal scrolling at Phone SE (320px width, 21px overflow). Content should reflow without horizontal scrolling. WCAG 1.4.10
Element:
<html lang="und">
medium Interactive control "#estimatedAPR" is only 24px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#estimatedAPR>
medium Interactive control "#loanAmount" is only 24px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#loanAmount>
medium Interactive control "a.group.flex" is only 40px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.group.flex>
medium Interactive control "a.underline.text-FsClrBgInteractEmphMedium" is only 21px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.underline.text-FsClrBgInteractEmphMedium>
medium Interactive control "a.w-40" is only 26px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.w-40>
medium Interactive control "button.cursor-pointer" is only 24px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<button.cursor-pointer>
medium Stuck loading state: aria-busy="true" on <button> persists after page readiness
Element:
<button data-hk="s5000020010010000" type="button" aria-expanded="false" data-closed="" class="group inline-flex w-full items-center justify-between border-2 border-transparent font-fsFontWeightSemibol
medium Stuck loading state: aria-busy="true" on <button> persists after page readiness
Element:
<button data-hk="s5000021010010000" type="button" aria-expanded="false" data-closed="" class="group inline-flex w-full items-center justify-between border-2 border-transparent font-fsFontWeightSemibol
medium Stuck loading state: aria-busy="true" on <button> persists after page readiness
Element:
<button data-hk="s5000022010010000" type="button" aria-expanded="false" data-closed="" class="group inline-flex w-full items-center justify-between border-2 border-transparent font-fsFontWeightSemibol
low Link timeout: https://www.capitalone.com/cars/learn/getting-a-good-deal/simpleinterest-car-loans-what-you-need-to-know/2509 did not respond within 5000ms after 2 attempts
Element:
<a href="https://www.capitalone.com/cars/learn/getting-a-good-deal/simpleinterest-car-loans-what-you-need-to-know/2509">simple interest</a>
29findings
critical Keyboard trap detected in dialog "Capital One Main Navigation". Focus cycles within 214 elements without escaping. 209 focusable elements in container. WCAG 2.1.2
Element:
<header role="dialog">Capital One Main Navigation</header>
medium Primary content surface "homepage-smart-banner" is only 0px wide at Large monitor (2560px viewport). Sonde responsive contract expects ≥ 1152px on this tier. WCAG Sonde responsive contract
Element:
<homepage-smart-banner>
medium Element overflows viewport by 265px at Modern phone (390px width). WCAG Sonde responsive contract
Element:
<div _ngcontent-web-shell-c347514875="" role="tabpanel" class="mobileAnimation mobile-feature-image" id="mobileActiveImage1" aria-label="" style="background-image: url("https://ecm.capitalone.com
medium Element overflows viewport by 273px at Modern phone (390px width). WCAG Sonde responsive contract
Element:
<div style="position: relative;"><span></span></div>
medium Element overflows viewport by 273px at Modern phone (390px width). WCAG Sonde responsive contract
Element:
<div _ngcontent-web-shell-c347514875="" tabindex="0" class="mobile-feature ng-star-inserted" index="1"><bre-cms-edit-button _ngcontent-web-shell-c347514875="" class="ng-star-inserted"><div style="posi
medium Element overflows viewport by 265px at Modern phone (390px width). WCAG Sonde responsive contract
Element:
<div _ngcontent-web-shell-c347514875="" class="mobile-image"><div _ngcontent-web-shell-c347514875="" role="tabpanel" class="mobileAnimation mobile-feature-image" id="mobileActiveImage1" aria-label=""
medium Element overflows viewport by 265px at Modern phone (390px width). WCAG Sonde responsive contract
Element:
<div _ngcontent-web-shell-c347514875="" class="mobile-image-container"><div _ngcontent-web-shell-c347514875="" class="mobile-image"><div _ngcontent-web-shell-c347514875="" role="tabpanel" class="mobil
medium Element overflows viewport by 226px at Modern phone (390px width). WCAG Sonde responsive contract
Element:
<p _ngcontent-web-shell-c347514875="" class="feature-description">Explore and redeem your Capital One credit card rewards.</p>
medium Element overflows viewport by 273px at Modern phone (390px width). WCAG Sonde responsive contract
Element:
<p _ngcontent-web-shell-c347514875="" class="feature-headline" aria-label="Redeem your rewards."> Redeem your rewards </p>
medium Element overflows viewport by 216px at Phone SE (320px width). WCAG 1.4.10
Element:
<div _ngcontent-web-shell-c347514875="" role="tabpanel" class="mobileAnimation mobile-feature-image" id="mobileActiveImage1" aria-label="" style="background-image: url("https://ecm.capitalone.com
medium Element overflows viewport by 224px at Phone SE (320px width). WCAG 1.4.10
Element:
<div style="position: relative;"><span></span></div>
medium Element overflows viewport by 224px at Phone SE (320px width). WCAG 1.4.10
Element:
<div _ngcontent-web-shell-c347514875="" tabindex="0" class="mobile-feature ng-star-inserted" index="1"><bre-cms-edit-button _ngcontent-web-shell-c347514875="" class="ng-star-inserted"><div style="posi
medium Element overflows viewport by 216px at Phone SE (320px width). WCAG 1.4.10
Element:
<div _ngcontent-web-shell-c347514875="" class="mobile-image"><div _ngcontent-web-shell-c347514875="" role="tabpanel" class="mobileAnimation mobile-feature-image" id="mobileActiveImage1" aria-label=""
medium Element overflows viewport by 216px at Phone SE (320px width). WCAG 1.4.10
Element:
<div _ngcontent-web-shell-c347514875="" class="mobile-image-container"><div _ngcontent-web-shell-c347514875="" class="mobile-image"><div _ngcontent-web-shell-c347514875="" role="tabpanel" class="mobil
medium Element overflows viewport by 186px at Phone SE (320px width). WCAG 1.4.10
Element:
<p _ngcontent-web-shell-c347514875="" class="feature-description">Explore and redeem your Capital One credit card rewards.</p>
medium Element overflows viewport by 224px at Phone SE (320px width). WCAG 1.4.10
Element:
<p _ngcontent-web-shell-c347514875="" class="feature-headline" aria-label="Redeem your rewards."> Redeem your rewards </p>
medium Interactive control "#unav-l1-logo" is only 22px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#unav-l1-logo>
medium Interactive control "a.grv-shr-lib-button--text-directional-right.grv-shr-lib-text--normal" is only 21px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.grv-shr-lib-button--text-directional-right.grv-shr-lib-text--normal>
medium Interactive control "a.grv-shr-lib-card__link--expand.featured-card__link" is only 36px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.grv-shr-lib-card__link--expand.featured-card__link>
medium Interactive control "a.tile-content-button.grv-shr-lib-button--text-directional-right" is only 32px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.tile-content-button.grv-shr-lib-button--text-directional-right>
medium Page requires horizontal scrolling at Tablet (768px width, 15px overflow). Content should reflow without horizontal scrolling. WCAG Sonde responsive contract
Element:
<html lang="und">
medium Interactive control "#forgotUnpw" is only 15px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#forgotUnpw>
medium Interactive control "#noAcctSubmit" is only 32px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#noAcctSubmit>
medium Interactive control "#ods-input-0" is only 32px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#ods-input-0>
medium Interactive control "#ods-input-1" is only 32px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#ods-input-1>
medium Interactive control "#rememberMe" is only 14px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#rememberMe>
medium Interactive control "#setUpAccess" is only 18px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<#setUpAccess>
medium Interactive control "a.remember-info" is only 15px tall at Tablet. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
Element:
<a.remember-info>
medium Content clipped by 335px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability. WCAG 1.4.12
Element:
<h1 _ngcontent-web-shell-c1873906676="" tabindex="0" class="main-title visuallyhidden ng-star-inserted" aria-label="Explore Capital One’s Banking and Financial Services">Explore Capital One’s Banking
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.
Score = round(1000 × S / (S + P/N))
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 publish the methodology and invite public feedback 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.