Accessibility Health Check
https://wellsfargo.com
Excellent
https://daylight.sonde.life/usfin/wellsfargo-com/
Excellent
Executive Summary
Top Findings
criticalCertain ARIA roles must be contained by particular parents: Fix any of the following: Required ARIA parent role not present: rowWCAG 1.3.1
<div role="rowheader" class="section-header" test-id="table-section-header" aria-colspan="4">Find a bank account</div>
Ensure elements with an ARIA role that require parent roles are contained by them. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
criticalCertain ARIA roles must contain particular children: Fix any of the following: Element has children which are not allowed: [role=rowheader]WCAG 1.3.1
<div role="rowgroup">
<div class="row">
<div role="rowheader" class="section-header" test-id="table-section-header" aria-colspan="4">Find a bank account</di...Ensure elements with an ARIA role that require child roles contain them. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
criticalCertain ARIA roles must contain particular children: Fix any of the following: Element has children which are not allowed: h2[tabindex], [role=rowheader]WCAG 1.3.1
<div class="table" role="table" aria-label="At a glance" aria-describedby="header-checkingalt">
Ensure elements with an ARIA role that require child roles contain them. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
criticalInsufficient color contrast: 1.27:1 (required: 4.5:1 for normal text). Foreground: rgb(85, 85, 85), background: rgb(56, 96, 190). Text: "Filter Icon"WCAG 1.4.3
<title>Filter Icon</title>
Current ratio: 1.27:1 (need 4.5:1). Change foreground from #555555 to #e2e2e1 (ratio: 4.5:1). Or change background from #3860be to #000000.
criticalInsufficient color contrast: 1.27:1 (required: 4.5:1 for normal text). Foreground: rgb(85, 85, 85), background: rgb(56, 96, 190). Text: "Filter Icon"WCAG 1.4.3
<title>Filter Icon</title>
Current ratio: 1.27:1 (need 4.5:1). Change foreground from #555555 to #e2e2e1 (ratio: 4.5:1). Or change background from #3860be to #000000.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (303px by 22px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 20px instead of at least 24px.WCAG 2.5.8
<a href="https://connect.secure.wellsfargo.com/auth/login/present?passkey=Y">Sign on with a passkey</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (303px by 22px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 20px instead of at least 24px.WCAG 2.5.8
<a href="https://oam.wellsfargo.com/oamo/identity/help/passwordhelp/">Forgot username or password?</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (303px by 22px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 20px instead of at least 24px.WCAG 2.5.8
<a href="/privacy-security/?linkLoc=signon">Privacy, Cookies, and Legal</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: [role=presentation]WCAG 1.3.1
<ul>
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highInteractive controls must not be nested: Fix any of the following: Using a negative tabindex on an element inside an interactive control does not prevent assistive technologies from focusing the element (even with aria-hidden="true")WCAG 4.1.2
<summary class="show-hide-content-title" aria-expanded="true" role="button">
Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highInteractive controls must not be nested: Fix any of the following: Using a negative tabindex on an element inside an interactive control does not prevent assistive technologies from focusing the element (even with aria-hidden="true")WCAG 4.1.2
<summary class="show-hide-content-title" aria-expanded="false" role="button">
Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highInteractive controls must not be nested: Fix any of the following: Using a negative tabindex on an element inside an interactive control does not prevent assistive technologies from focusing the element (even with aria-hidden="true")WCAG 4.1.2
<summary class="show-hide-content-title" aria-expanded="false" role="button">
Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highInteractive controls must not be nested: Fix any of the following: Using a negative tabindex on an element inside an interactive control does not prevent assistive technologies from focusing the element (even with aria-hidden="true")WCAG 4.1.2
<summary class="show-hide-content-title" aria-expanded="false" role="button">
Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (303px by 22px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 20px instead of at least 24px.WCAG 2.5.8
<a href="https://connect.secure.wellsfargo.com/auth/login/present?passkey=Y">Sign on with a passkey</a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (303px by 22px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 20px instead of at least 24px.WCAG 2.5.8
<a href="/privacy-security/?linkLoc=signon">
Privacy, Cookies, and Legal
</a>Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (303px by 22px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 20px instead of at least 24px.WCAG 2.5.8
<a href="https://oam.wellsfargo.com/oamo/identity/help/passwordhelp/">
Forgot username or password?
</a>Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highInteractive controls must not be nested: Fix any of the following: Using a negative tabindex on an element inside an interactive control does not prevent assistive technologies from focusing the element (even with aria-hidden="true")WCAG 4.1.2
<summary class="show-hide-content-title" aria-expanded="false" role="button">
Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highInteractive controls must not be nested: Fix any of the following: Using a negative tabindex on an element inside an interactive control does not prevent assistive technologies from focusing the element (even with aria-hidden="true")WCAG 4.1.2
<summary class="show-hide-content-title" aria-expanded="false" role="button">
Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highInteractive controls must not be nested: Fix any of the following: Using a negative tabindex on an element inside an interactive control does not prevent assistive technologies from focusing the element (even with aria-hidden="true")WCAG 4.1.2
<summary class="show-hide-content-title" aria-expanded="false" role="button">
Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highInteractive controls must not be nested: Fix any of the following: Using a negative tabindex on an element inside an interactive control does not prevent assistive technologies from focusing the element (even with aria-hidden="true")WCAG 4.1.2
<summary class="show-hide-content-title" aria-expanded="false" role="button">
Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highInteractive controls must not be nested: Fix any of the following: Using a negative tabindex on an element inside an interactive control does not prevent assistive technologies from focusing the element (even with aria-hidden="true")WCAG 4.1.2
<summary class="show-hide-content-title" aria-expanded="false" role="button">
Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highInteractive controls must not be nested: Fix any of the following: Using a negative tabindex on an element inside an interactive control does not prevent assistive technologies from focusing the element (even with aria-hidden="true")WCAG 4.1.2
<summary class="show-hide-content-title" aria-expanded="false" role="button">
Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highInteractive controls must not be nested: Fix any of the following: Using a negative tabindex on an element inside an interactive control does not prevent assistive technologies from focusing the element (even with aria-hidden="true")WCAG 4.1.2
<summary class="show-hide-content-title" aria-expanded="false" role="button">
Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highInteractive controls must not be nested: Fix any of the following: Using a negative tabindex on an element inside an interactive control does not prevent assistive technologies from focusing the element (even with aria-hidden="true")WCAG 4.1.2
<summary class="show-hide-content-title" aria-expanded="false" role="button">
Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highFocus jumps backward from "Compare all" to "Everyday Checking" (visual distance: 932px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Everyday Checking</a>
Reorder elements in the DOM to match the visual layout.
highPage requires horizontal scrolling at 320px width (650px overflow). Content should reflow without horizontal scrolling at this width.WCAG 1.4.10
<html>
Use responsive CSS (max-width, flex-wrap, media queries) to ensure content reflows at narrow widths.
highstrict-transport-security header has invalid or weak value: max-age=21600
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
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 2 "complementary" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 2 complementary landmarks, 0 labeled -->
Add unique aria-label or aria-labelledby to each "complementary" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 4 "navigation" landmarks but only 3 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 4 navigation landmarks, 3 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">.
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">.
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div id="title"> <h1 class="c11" id="skip" tabindex="-1"> Wells Fargo ATM Banking </h1> <div class="headerLocation"> </div> </div>
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
<a class="c52twitter twitter c28aLink" href="/exit/social?site=twitter" target="_blank" rel="noopener noreferrer" data-mrkt-tracking-id="415a27d6-dd26-4063-8081-5196399dc4dd" aria-label="Share this pa...
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumDocument should have one main landmark: Fix all of the following: Document does not have a main landmark
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
Ensure the document has a main landmark. 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 id="contentBody">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLandmarks 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
<div class="c20" role="complementary">
Ensure landmarks are unique. 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
<li> <a href="#" class="printLink"> Print </a> </li>
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 id="contentTop">
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="c52noLink" id="NID1_5_3_1_2_2">Share</div>
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
<a class="c52fb facebook c28aLink" href="/exit/social?site=facebook" target="_blank" rel="noopener noreferrer" data-mrkt-tracking-id="3b21794e-c658-46f4-900f-297d992ea6f9" aria-label="Share this page ...
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(255, 255, 255), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="#" class="ps-masthead-help" role="button" aria-expanded="false">Help</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(20, 20, 20), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/help/routing-number/">How do I find my routing and account numbers?</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(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/locator/">ATMs/Locations</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(59, 51, 49), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/checking/" class="">Checking</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(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/es/" xml:lang="es" id="langPrefToggle" class="spTogglePersonal" name="langPrefToggle" lang="es">Español</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(20, 20, 20), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/help/online-banking/zelle-faqs/#isthereafeeforzelle">Is there a fee for Zelle<sup>®</sup>?</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(20, 20, 20), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/help/">See more FAQs</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(59, 51, 49), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/savings-cds/" class="">Savings & CDs</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(59, 51, 49), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://creditcards.wellsfargo.com/?sub_channel=WEB&vendor_code=WF&linkLoc=FNMC&lang=en" data-platform="creditCardsWF">Credit Cards</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(20, 20, 20), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/privacy-security/fraud/report/">How do I report suspected fraud?</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(20, 20, 20), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/help/routing-number/">How do I find my routing and account numbers?</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(59, 51, 49), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/about/corporate/governance/">Leadership & Governance</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(20, 20, 20), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/help/">See more FAQs</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(20, 20, 20), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/privacy-security/fraud/report/">How do I report suspected fraud?</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(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="#" class="ps-masthead-help" role="button" aria-expanded="false">Help</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(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/es/" xml:lang="es" id="langPrefToggle" class="spTogglePersonal" name="langPrefToggle" lang="es">Español</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(59, 51, 49), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/about/diversity/">Inclusion & Accessibility</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(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/locator/">ATMs/Locations</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(59, 51, 49), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/investor-relations/">Investor Relations </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(20, 20, 20), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/help/online-banking/zelle-faqs/#isthereafeeforzelle">Is there a fee for Zelle<sup>®</sup>?</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(59, 51, 49), text: rgb(67, 67, 67)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/com/" class="tabNavLink" id="tabNavCommercial" name="tabNavCommercial">Commercial Banking</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(59, 51, 49), text: rgb(67, 67, 67)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/biz/" class="tabNavLink" id="tabNavSmallBusiness" name="tabNavSmallBusiness">Business</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(67, 67, 67)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/locator/">ATMs/Locations</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(67, 67, 67)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/spanish/" id="langPrefToggle" class="spTogglePersonal" xml:lang="es" name="langPrefToggle" lang="es">Español</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(82, 117, 189), text: rgb(67, 67, 67)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="ShareLink c52linkedin" href="http://www.linkedin.com/shareArticle?mini=true&ro=false&url=https%3A%2F%2Fwww.wellsfargo.com%2Fatm%2F&summary=ATM%20Banking%20-%20Wells%20Fargo&t
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(67, 67, 67)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/help/">Customer Service</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(59, 51, 49), text: rgb(67, 67, 67)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/cib/" class="tabNavLink" id="tabNavCorporateBanking" name="tabNavCorporateBanking">Corporate & Investment Banking</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(82, 117, 189), text: rgb(67, 67, 67)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="ShareLink c52email" href="mailto:?body=Hi%2C%0A%0AI%20thought%20you'd%20be%20interested%20in%20this%20page%20I%20found%20on%20wellsfargo.com%3A%20%0A%0AWells%20Fargo%20ATM%20Banking%0AWells%
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(59, 51, 49), text: rgb(67, 67, 67)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/investing-wealth/" class="tabNavLink" id="tabInvestingWealth" name="tabInvestingWealth">Investing & Wealth Management</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(90, 93, 98), text: rgb(67, 67, 67)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/">Personal</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(20, 20, 20), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/privacy-security/fraud/report/">How do I report suspected fraud?</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(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/locator/">ATMs/Locations</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(20, 20, 20), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/help/online-banking/zelle-faqs/#isthereafeeforzelle">Is there a fee for Zelle<sup>®</sup>?</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(20, 20, 20), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/help/">See more FAQs</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(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/es/" xml:lang="es" id="langPrefToggle" class="spTogglePersonal" name="langPrefToggle" lang="es">Español</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(59, 51, 49), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/locator/">ATMs/Locations</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(90, 70, 155), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="https://sites.wf.com/fargo/" enrollmentid="5208">Meet Fargo</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(20, 20, 20), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/help/routing-number/">How do I find my routing and account numbers?</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(59, 51, 49), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/help/">Customer Service and FAQs</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(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="#" class="ps-masthead-help" role="button" aria-expanded="false">Help</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(59, 51, 49), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/biz/checking/">Checking</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(59, 51, 49), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/biz/savings/">Savings & CDs</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(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="#" class="ps-masthead-help" role="button" aria-expanded="false">Help </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(20, 20, 20), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/help/online-banking/wires-faqs/">How do I set up a wire transfer?</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(59, 51, 49), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/biz/business-credit/credit-cards/">Credit Cards</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(20, 20, 20), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/help/online-banking/activity-faqs/#whyaremyavailableandpostedbalancesdifferent">Why are my available balance and posted balances different?</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(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/locator/">ATMs/Locations</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(20, 20, 20), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/biz/help/faqs/">See more FAQs</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(20, 20, 20), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/help/checking-savings/deposits-faqs/#whenwillmydepositbecreditedtomyaccount">When will my deposit be credited to my account?</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(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/es/" xml:lang="es" id="langPrefToggle" class="spTogglePersonal" name="langPrefToggle" lang="es">Español</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(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/es/" xml:lang="es" id="langPrefToggle" class="spTogglePersonal" name="langPrefToggle" lang="es">Español</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(20, 20, 20), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/privacy-security/fraud/report/">How do I report suspected fraud?</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(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/locator/">ATMs/Locations</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(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="#" class="ps-masthead-help" role="button" aria-expanded="false">Help</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(20, 20, 20), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/help/">See more FAQs</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(59, 51, 49), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/locator/">ATMs/Locations</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(59, 51, 49), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/help/">Customer Service and FAQs</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(20, 20, 20), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/help/online-banking/zelle-faqs/#isthereafeeforzelle">Is there a fee for Zelle<sup>®</sup>?</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(90, 70, 155), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a title=" Learn more about mobile and online banking" type="componentlink" data-page-uri="tcm:702-352491-64" data-component-uri="tcm:702-267348" href="/mobile-online-banking/">Learn more</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(20, 20, 20), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/help/routing-number/">How do I find my routing and account numbers?</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.
mediumInsufficient color contrast: 4.11:1 (required: 4.5:1 for normal text). Foreground: rgb(0, 0, 0), background: rgb(215, 30, 40). Text: "MENU"WCAG 1.4.3
<span>MENU</span>
Current ratio: 4.11:1 (need 4.5:1). Change foreground from #000000 to #f1f1f1 (ratio: 4.5:1).
mediumNavigation region "Footer Navigation" (present on www.wellsfargo.com) is missing on this page. Navigation should appear consistently across pages.WCAG 3.2.3
<!-- missing: nav[aria-label="Footer Navigation"] -->
Ensure the "Footer Navigation" navigation region appears on all pages in the site. Consistent navigation helps users predict where to find content.
mediumNavigation region "Header Navigation" (present on www.wellsfargo.com) is missing on this page. Navigation should appear consistently across pages.WCAG 3.2.3
<!-- missing: nav[aria-label="Header Navigation"] -->
Ensure the "Header Navigation" navigation region appears on all pages in the site. Consistent navigation helps users predict where to find content. Ensure the "Main Navigation" navigation region appears on all pages in the site. Consistent navigation helps users predict where to find content. Ensure the "Footer Navigation" navigation region appears on all pages in the site. Consistent navigation helps users predict where to find content.
mediumNavigation region "Footer Navigation" (present on www.wellsfargo.com) is missing on this page. Navigation should appear consistently across pages.WCAG 3.2.3
<!-- missing: nav[aria-label="Footer Navigation"] -->
Ensure the "Footer Navigation" navigation region appears on all pages in the site. Consistent navigation helps users predict where to find content.
mediumNavigation "Main Navigation" has links in a different order than on www.wellsfargo.com. Shared links appear as [Investing & Wealth Management, Business, Checking, Savings & CDs, Credit Cards, Commercial Banking, Corporate & Investment Banking, About Wells Fargo, ATMs/Locations, Customer service and FAQs, Español] vs baseline [Checking, Savings & CDs, Credit Cards, Investing & Wealth Management, Business, Commercial Banking, Corporate & Investment Banking, About Wells Fargo, ATMs/Locations, Customer service and FAQs, Español].WCAG 3.2.3
<nav aria-label="Main Navigation"><!-- 16 links --></nav>
Keep navigation links in the same relative order across all pages. Adding or removing links is fine, but shared links should maintain consistent ordering.
mediumNavigation region "Footer Navigation" (present on www.wellsfargo.com) is missing on this page. Navigation should appear consistently across pages.WCAG 3.2.3
<!-- missing: nav[aria-label="Footer Navigation"] -->
Ensure the "Footer Navigation" navigation region appears on all pages in the site. Consistent navigation helps users predict where to find content.
mediumNavigation region "Footer Navigation" (present on www.wellsfargo.com) is missing on this page. Navigation should appear consistently across pages.WCAG 3.2.3
<!-- missing: nav[aria-label="Footer Navigation"] -->
Ensure the "Footer Navigation" navigation region appears on all pages in the site. Consistent navigation helps users predict where to find content.
mediumClicking "Contactless SymbolOpens Dialog" inserts 5 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<a tabindex="0" role="button" id="7f74e3c7-7384-4abc-8dc6-93416b82cd53" data-content-id="tcm:84-184177-16" data-cid="tcm:222-184177" data-ctid="tcm:222-2806-32" class="c29link" type="balloonhelp">Cont
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "Search Opens a dialog." inserts 1 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button id="nxgSearchButton"> <span class="nxgSearchText">Search</span> <span class="nxgVisuallyHidden" id="nxgSearchDescription">Opens a dialog.</span> <span class="nxgS
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "Share this page" inserts 9 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<a href="#" class="c52Link PopupOpener" aria-expanded="false" aria-labelledby="c52_socialshare" role="button"><span class="hidden" id="c52_socialshare">Share this page</span> </a>
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.wellsfargo.com/investor-relations/ returned status 404 Not Found after 1 attempts
<a href="https://www.wellsfargo.com/investor-relations/">Investor Relations</a>
mediumContent clipped by 54px 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="hidden" id="c52_socialshare">Share this page</span>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 143px 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="jaws_hidden">Share this page on Facebook, opens a dialog</span>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 53px 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="nxgVisuallyHidden" id="nxgSearchDescription">Opens a dialog.</span>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 99px 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="hidden" data-translation-text="footnote-dialog-announcement">Opens a modal dialog for footnote </span>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 102px 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="#skip" class="hidden">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 459px 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="hidden" id="skip">Wells Fargo business online banking login & business services</h1>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 125px at 320px width.WCAG 1.4.10
<a href="/checking/prime/">Prime Checking</a>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 280px at 320px width.WCAG 1.4.10
<span role="columnheader" test-id="table-theme" class="table-column wim_gold column4 column-hidden" aria-hidden="false"> <p><a href="/checking/premier/">Premier Checki
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 132px at 320px width.WCAG 1.4.10
<span role="cell" class="header-desc-text column3 column-hidden">Elevated experience with rewards</span>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 132px at 320px width.WCAG 1.4.10
<span role="columnheader" test-id="table-theme" class="table-column periwinkle column3 column-hidden" aria-hidden="false"> <p><a href="/checking/prime/">Prime Checking
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 132px at 320px width.WCAG 1.4.10
<span class="color-theme"></span>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 125px at 320px width.WCAG 1.4.10
<p><a href="/checking/prime/">Prime Checking</a></p>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 280px at 320px width.WCAG 1.4.10
<span role="cell" class="header-desc-text column4 column-hidden">Exclusive benefits, priority service</span>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumMissing X-Frame-Options header
Add X-Frame-Options: DENY or SAMEORIGIN
lowDeep focus region: navigation "corporate, legal, security" has 11 tab stops before focus escapes. Consider adding skip navigation or grouping with arrow keys.WCAG 2.4.1
<nav role="navigation">corporate, legal, security</nav>
Add a "skip to content" link or use roving tabindex to reduce the number of Tab stops.
lowDeep focus region: navigation "Privacy, Cookies, Security & Legal " has 11 tab stops before focus escapes. Consider adding skip navigation or grouping with arrow keys.WCAG 2.4.1
<nav role="navigation">Privacy, Cookies, Security & Legal </nav>
Add a "skip to content" link or use roving tabindex to reduce the number of Tab stops.
lowBroken link: https://www.twitter.com/wellsfargo/ returned status 403 Forbidden after 1 attempts
<a href="https://www.twitter.com/wellsfargo/">Continue</a>
lowBroken link: https://www.wellsfargojobs.com/en/life-at-wells-fargo/benefits/ returned status 403 Forbidden after 1 attempts
<a href="https://www.wellsfargojobs.com/en/life-at-wells-fargo/benefits/">Benefits</a>
lowLink timeout: https://www-us.computershare.com/Investor/ did not respond within 5000ms after 2 attempts
<a href="https://www-us.computershare.com/Investor/">Computershare Trust Co.</a>
lowBroken link: https://www.wellsfargojobs.com/ returned status 403 Forbidden after 1 attempts
<a href="https://www.wellsfargojobs.com/">Search jobs</a>
lowBroken link: https://www.wellsfargojobs.com/en/inclusion/ returned status 403 Forbidden after 1 attempts
<a href="https://www.wellsfargojobs.com/en/inclusion/">Inclusion</a>
lowBroken link: https://newsroom.wf.com/ returned status 403 Forbidden after 1 attempts
<a href="https://newsroom.wf.com/">Newsroom</a>
lowBroken link: https://www.wellsfargojobs.com/en/diversity/ returned status 403 Forbidden after 1 attempts
<a href="https://www.wellsfargojobs.com/en/diversity/">Job seekers</a>
lowBroken link: https://www.wellsfargojobs.com/en/frequently-asked-questions returned status 403 Forbidden after 1 attempts
<a href="https://www.wellsfargojobs.com/en/frequently-asked-questions">FAQs</a>
lowBroken link: https://newsroom.wf.com/English/news-releases/ returned status 403 Forbidden after 1 attempts
<a href="https://newsroom.wf.com/English/news-releases/">Press Releases</a>
lowBroken link: https://www.wellsfargojobs.com/en/early-careers/ returned status 403 Forbidden after 1 attempts
<a href="https://www.wellsfargojobs.com/en/early-careers/">Early careers</a>
lowBroken link: https://www.wellsfargojobs.com/en/resources/ returned status 403 Forbidden after 1 attempts
<a href="https://www.wellsfargojobs.com/en/resources/">Hiring resources</a>
lowBroken link: https://newsroom.wf.com/English/home/default.aspx returned status 403 Forbidden after 1 attempts
<a href="https://newsroom.wf.com/English/home/default.aspx">Learn more</a>
lowBroken link: https://www.wellsfargojobs.com/en/ returned status 403 Forbidden after 1 attempts
<a href="https://www.wellsfargojobs.com/en/">Join us</a>
lowBroken link: https://www.wellsfargojobs.com/en/well-life returned status 403 Forbidden after 1 attempts
<a href="https://www.wellsfargojobs.com/en/well-life">Well Life</a>
lowBroken link: https://newsroom.wf.com/English/press-room/ returned status 403 Forbidden after 1 attempts
<a href="https://newsroom.wf.com/English/press-room/">Media resources</a>
lowLink timeout: https://www.wellsfargo.com/biz/savings/platinum/ did not respond within 5000ms after 2 attempts
<a href="https://www.wellsfargo.com/biz/savings/platinum/">Business Platinum Savings </a>
lowLink timeout: https://smallbusinessproductselector.wellsfargo.com/customer/checking did not respond within 5000ms after 2 attempts
<a href="https://smallbusinessproductselector.wellsfargo.com/customer/checking">Product Selector Tell us</a>
lowBroken link: https://www.businesstrack.com/ returned status 403 Forbidden after 1 attempts
<a href="https://www.businesstrack.com/">Continue</a>
lowMissing Referrer-Policy header
Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
lowMissing Referrer-Policy header
Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
lowMissing Referrer-Policy header
Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
lowMissing Referrer-Policy header
Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
Best Page Fix Opportunities
/atm/37findings
criticalInsufficient color contrast: 1.27:1 (required: 4.5:1 for normal text). Foreground: rgb(85, 85, 85), background: rgb(56, 96, 190). Text: "Filter Icon"WCAG 1.4.3
<title>Filter Icon</title>
Current ratio: 1.27:1 (need 4.5:1). Change foreground from #555555 to #e2e2e1 (ratio: 4.5:1). Or change background from #3860be to #000000.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
high<ul> and <ol> must only directly contain <li>, <script> or <template> elements: Fix all of the following: List element has direct children that are not allowed: [role=presentation]WCAG 1.3.1
<ul>
Ensure that lists are structured correctly. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highPage requires horizontal scrolling at 320px width (650px overflow). Content should reflow without horizontal scrolling at this width.WCAG 1.4.10
<html>
Use responsive CSS (max-width, flex-wrap, media queries) to ensure content reflows at narrow widths.
mediumPage has 2 "complementary" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 2 complementary landmarks, 0 labeled -->
Add unique aria-label or aria-labelledby to each "complementary" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div id="title"> <h1 class="c11" id="skip" tabindex="-1"> Wells Fargo ATM Banking </h1> <div class="headerLocation"> </div> </div>
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
<a class="c52twitter twitter c28aLink" href="/exit/social?site=twitter" target="_blank" rel="noopener noreferrer" data-mrkt-tracking-id="415a27d6-dd26-4063-8081-5196399dc4dd" aria-label="Share this pa...
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumDocument should have one main landmark: Fix all of the following: Document does not have a main landmark
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
Ensure the document has a main landmark. 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 id="contentBody">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLandmarks 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
<div class="c20" role="complementary">
Ensure landmarks are unique. 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
<li> <a href="#" class="printLink"> Print </a> </li>
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 id="contentTop">
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="c52noLink" id="NID1_5_3_1_2_2">Share</div>
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
<a class="c52fb facebook c28aLink" href="/exit/social?site=facebook" target="_blank" rel="noopener noreferrer" data-mrkt-tracking-id="3b21794e-c658-46f4-900f-297d992ea6f9" aria-label="Share this page ...
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(59, 51, 49), text: rgb(67, 67, 67)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/com/" class="tabNavLink" id="tabNavCommercial" name="tabNavCommercial">Commercial Banking</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(59, 51, 49), text: rgb(67, 67, 67)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/biz/" class="tabNavLink" id="tabNavSmallBusiness" name="tabNavSmallBusiness">Business</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(67, 67, 67)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/locator/">ATMs/Locations</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(67, 67, 67)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/spanish/" id="langPrefToggle" class="spTogglePersonal" xml:lang="es" name="langPrefToggle" lang="es">Español</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(82, 117, 189), text: rgb(67, 67, 67)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="ShareLink c52linkedin" href="http://www.linkedin.com/shareArticle?mini=true&ro=false&url=https%3A%2F%2Fwww.wellsfargo.com%2Fatm%2F&summary=ATM%20Banking%20-%20Wells%20Fargo&t
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(67, 67, 67)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/help/">Customer Service</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(59, 51, 49), text: rgb(67, 67, 67)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/cib/" class="tabNavLink" id="tabNavCorporateBanking" name="tabNavCorporateBanking">Corporate & Investment Banking</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(82, 117, 189), text: rgb(67, 67, 67)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a class="ShareLink c52email" href="mailto:?body=Hi%2C%0A%0AI%20thought%20you'd%20be%20interested%20in%20this%20page%20I%20found%20on%20wellsfargo.com%3A%20%0A%0AWells%20Fargo%20ATM%20Banking%0AWells%
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(59, 51, 49), text: rgb(67, 67, 67)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/investing-wealth/" class="tabNavLink" id="tabInvestingWealth" name="tabInvestingWealth">Investing & Wealth Management</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(90, 93, 98), text: rgb(67, 67, 67)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/">Personal</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 "Header Navigation" (present on www.wellsfargo.com) is missing on this page. Navigation should appear consistently across pages.WCAG 3.2.3
<!-- missing: nav[aria-label="Header Navigation"] -->
Ensure the "Header Navigation" navigation region appears on all pages in the site. Consistent navigation helps users predict where to find content. Ensure the "Main Navigation" navigation region appears on all pages in the site. Consistent navigation helps users predict where to find content. Ensure the "Footer Navigation" navigation region appears on all pages in the site. Consistent navigation helps users predict where to find content.
mediumClicking "Contactless SymbolOpens Dialog" inserts 5 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<a tabindex="0" role="button" id="7f74e3c7-7384-4abc-8dc6-93416b82cd53" data-content-id="tcm:84-184177-16" data-cid="tcm:222-184177" data-ctid="tcm:222-2806-32" class="c29link" type="balloonhelp">Cont
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "Search Opens a dialog." inserts 1 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<button id="nxgSearchButton"> <span class="nxgSearchText">Search</span> <span class="nxgVisuallyHidden" id="nxgSearchDescription">Opens a dialog.</span> <span class="nxgS
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumClicking "Share this page" inserts 9 element(s) without ARIA live region. Screen readers will not announce this dynamic content.WCAG 4.1.3
<a href="#" class="c52Link PopupOpener" aria-expanded="false" aria-labelledby="c52_socialshare" role="button"><span class="hidden" id="c52_socialshare">Share this page</span> </a>
Wrap dynamically inserted content in an element with aria-live="polite" (or role="status"/"alert") so assistive technologies announce the change.
mediumContent clipped by 54px 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="hidden" id="c52_socialshare">Share this page</span>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 143px 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="jaws_hidden">Share this page on Facebook, opens a dialog</span>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 53px 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="nxgVisuallyHidden" id="nxgSearchDescription">Opens a dialog.</span>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
lowDeep focus region: navigation "corporate, legal, security" has 11 tab stops before focus escapes. Consider adding skip navigation or grouping with arrow keys.WCAG 2.4.1
<nav role="navigation">corporate, legal, security</nav>
Add a "skip to content" link or use roving tabindex to reduce the number of Tab stops.
lowMissing Referrer-Policy header
Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
/checking/alt/32findings
criticalCertain ARIA roles must be contained by particular parents: Fix any of the following: Required ARIA parent role not present: rowWCAG 1.3.1
<div role="rowheader" class="section-header" test-id="table-section-header" aria-colspan="4">Find a bank account</div>
Ensure elements with an ARIA role that require parent roles are contained by them. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
criticalCertain ARIA roles must contain particular children: Fix any of the following: Element has children which are not allowed: [role=rowheader]WCAG 1.3.1
<div role="rowgroup">
<div class="row">
<div role="rowheader" class="section-header" test-id="table-section-header" aria-colspan="4">Find a bank account</di...Ensure elements with an ARIA role that require child roles contain them. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
criticalCertain ARIA roles must contain particular children: Fix any of the following: Element has children which are not allowed: h2[tabindex], [role=rowheader]WCAG 1.3.1
<div class="table" role="table" aria-label="At a glance" aria-describedby="header-checkingalt">
Ensure elements with an ARIA role that require child roles contain them. See: https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships
highInteractive controls must not be nested: Fix any of the following: Using a negative tabindex on an element inside an interactive control does not prevent assistive technologies from focusing the element (even with aria-hidden="true")WCAG 4.1.2
<summary class="show-hide-content-title" aria-expanded="false" role="button">
Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highInteractive controls must not be nested: Fix any of the following: Using a negative tabindex on an element inside an interactive control does not prevent assistive technologies from focusing the element (even with aria-hidden="true")WCAG 4.1.2
<summary class="show-hide-content-title" aria-expanded="false" role="button">
Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highInteractive controls must not be nested: Fix any of the following: Using a negative tabindex on an element inside an interactive control does not prevent assistive technologies from focusing the element (even with aria-hidden="true")WCAG 4.1.2
<summary class="show-hide-content-title" aria-expanded="false" role="button">
Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highInteractive controls must not be nested: Fix any of the following: Using a negative tabindex on an element inside an interactive control does not prevent assistive technologies from focusing the element (even with aria-hidden="true")WCAG 4.1.2
<summary class="show-hide-content-title" aria-expanded="false" role="button">
Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highInteractive controls must not be nested: Fix any of the following: Using a negative tabindex on an element inside an interactive control does not prevent assistive technologies from focusing the element (even with aria-hidden="true")WCAG 4.1.2
<summary class="show-hide-content-title" aria-expanded="false" role="button">
Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highInteractive controls must not be nested: Fix any of the following: Using a negative tabindex on an element inside an interactive control does not prevent assistive technologies from focusing the element (even with aria-hidden="true")WCAG 4.1.2
<summary class="show-hide-content-title" aria-expanded="false" role="button">
Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highInteractive controls must not be nested: Fix any of the following: Using a negative tabindex on an element inside an interactive control does not prevent assistive technologies from focusing the element (even with aria-hidden="true")WCAG 4.1.2
<summary class="show-hide-content-title" aria-expanded="false" role="button">
Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highInteractive controls must not be nested: Fix any of the following: Using a negative tabindex on an element inside an interactive control does not prevent assistive technologies from focusing the element (even with aria-hidden="true")WCAG 4.1.2
<summary class="show-hide-content-title" aria-expanded="false" role="button">
Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies. See: https://www.w3.org/WAI/WCAG22/Understanding/name-role-value
highFocus jumps backward from "Compare all" to "Everyday Checking" (visual distance: 932px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>Everyday Checking</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">.
mediumLink is distinguished from surrounding text only by color (link: rgb(255, 255, 255), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/es/" xml:lang="es" id="langPrefToggle" class="spTogglePersonal" name="langPrefToggle" lang="es">Español</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(20, 20, 20), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/privacy-security/fraud/report/">How do I report suspected fraud?</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(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/locator/">ATMs/Locations</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(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="#" class="ps-masthead-help" role="button" aria-expanded="false">Help</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(20, 20, 20), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/help/">See more FAQs</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(59, 51, 49), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/locator/">ATMs/Locations</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(59, 51, 49), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/help/">Customer Service and FAQs</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(20, 20, 20), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/help/online-banking/zelle-faqs/#isthereafeeforzelle">Is there a fee for Zelle<sup>®</sup>?</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(90, 70, 155), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a title=" Learn more about mobile and online banking" type="componentlink" data-page-uri="tcm:702-352491-64" data-component-uri="tcm:702-267348" href="/mobile-online-banking/">Learn more</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(20, 20, 20), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/help/routing-number/">How do I find my routing and account numbers?</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 "Footer Navigation" (present on www.wellsfargo.com) is missing on this page. Navigation should appear consistently across pages.WCAG 3.2.3
<!-- missing: nav[aria-label="Footer Navigation"] -->
Ensure the "Footer Navigation" navigation region appears on all pages in the site. Consistent navigation helps users predict where to find content.
mediumElement overflows viewport by 125px at 320px width.WCAG 1.4.10
<a href="/checking/prime/">Prime Checking</a>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 280px at 320px width.WCAG 1.4.10
<span role="columnheader" test-id="table-theme" class="table-column wim_gold column4 column-hidden" aria-hidden="false"> <p><a href="/checking/premier/">Premier Checki
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 132px at 320px width.WCAG 1.4.10
<span role="cell" class="header-desc-text column3 column-hidden">Elevated experience with rewards</span>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 132px at 320px width.WCAG 1.4.10
<span role="columnheader" test-id="table-theme" class="table-column periwinkle column3 column-hidden" aria-hidden="false"> <p><a href="/checking/prime/">Prime Checking
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 132px at 320px width.WCAG 1.4.10
<span class="color-theme"></span>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 125px at 320px width.WCAG 1.4.10
<p><a href="/checking/prime/">Prime Checking</a></p>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 280px at 320px width.WCAG 1.4.10
<span role="cell" class="header-desc-text column4 column-hidden">Exclusive benefits, priority service</span>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
lowMissing Referrer-Policy header
Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
/about/28findings
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(20, 20, 20), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/help/routing-number/">How do I find my routing and account numbers?</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(59, 51, 49), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/about/corporate/governance/">Leadership & Governance</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(20, 20, 20), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/help/">See more FAQs</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(20, 20, 20), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/privacy-security/fraud/report/">How do I report suspected fraud?</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(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="#" class="ps-masthead-help" role="button" aria-expanded="false">Help</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(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/es/" xml:lang="es" id="langPrefToggle" class="spTogglePersonal" name="langPrefToggle" lang="es">Español</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(59, 51, 49), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/about/diversity/">Inclusion & Accessibility</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(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/locator/">ATMs/Locations</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(59, 51, 49), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/investor-relations/">Investor Relations </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(20, 20, 20), text: rgb(120, 112, 112)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/help/online-banking/zelle-faqs/#isthereafeeforzelle">Is there a fee for Zelle<sup>®</sup>?</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 "Footer Navigation" (present on www.wellsfargo.com) is missing on this page. Navigation should appear consistently across pages.WCAG 3.2.3
<!-- missing: nav[aria-label="Footer Navigation"] -->
Ensure the "Footer Navigation" navigation region appears on all pages in the site. Consistent navigation helps users predict where to find content.
mediumBroken link: https://www.wellsfargo.com/investor-relations/ returned status 404 Not Found after 1 attempts
<a href="https://www.wellsfargo.com/investor-relations/">Investor Relations</a>
lowBroken link: https://www.wellsfargojobs.com/en/life-at-wells-fargo/benefits/ returned status 403 Forbidden after 1 attempts
<a href="https://www.wellsfargojobs.com/en/life-at-wells-fargo/benefits/">Benefits</a>
lowLink timeout: https://www-us.computershare.com/Investor/ did not respond within 5000ms after 2 attempts
<a href="https://www-us.computershare.com/Investor/">Computershare Trust Co.</a>
lowBroken link: https://www.wellsfargojobs.com/ returned status 403 Forbidden after 1 attempts
<a href="https://www.wellsfargojobs.com/">Search jobs</a>
lowBroken link: https://www.wellsfargojobs.com/en/inclusion/ returned status 403 Forbidden after 1 attempts
<a href="https://www.wellsfargojobs.com/en/inclusion/">Inclusion</a>
lowBroken link: https://newsroom.wf.com/ returned status 403 Forbidden after 1 attempts
<a href="https://newsroom.wf.com/">Newsroom</a>
lowBroken link: https://www.wellsfargojobs.com/en/diversity/ returned status 403 Forbidden after 1 attempts
<a href="https://www.wellsfargojobs.com/en/diversity/">Job seekers</a>
lowBroken link: https://www.wellsfargojobs.com/en/frequently-asked-questions returned status 403 Forbidden after 1 attempts
<a href="https://www.wellsfargojobs.com/en/frequently-asked-questions">FAQs</a>
lowBroken link: https://newsroom.wf.com/English/news-releases/ returned status 403 Forbidden after 1 attempts
<a href="https://newsroom.wf.com/English/news-releases/">Press Releases</a>
lowBroken link: https://www.wellsfargojobs.com/en/early-careers/ returned status 403 Forbidden after 1 attempts
<a href="https://www.wellsfargojobs.com/en/early-careers/">Early careers</a>
lowBroken link: https://www.wellsfargojobs.com/en/resources/ returned status 403 Forbidden after 1 attempts
<a href="https://www.wellsfargojobs.com/en/resources/">Hiring resources</a>
lowBroken link: https://newsroom.wf.com/English/home/default.aspx returned status 403 Forbidden after 1 attempts
<a href="https://newsroom.wf.com/English/home/default.aspx">Learn more</a>
lowBroken link: https://www.wellsfargojobs.com/en/ returned status 403 Forbidden after 1 attempts
<a href="https://www.wellsfargojobs.com/en/">Join us</a>
lowBroken link: https://www.wellsfargojobs.com/en/well-life returned status 403 Forbidden after 1 attempts
<a href="https://www.wellsfargojobs.com/en/well-life">Well Life</a>
lowBroken link: https://newsroom.wf.com/English/press-room/ returned status 403 Forbidden after 1 attempts
<a href="https://newsroom.wf.com/English/press-room/">Media resources</a>
lowMissing Referrer-Policy header
Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
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.