Accessibility Health Check
https://americanexpress.com
Excellent
https://daylight.sonde.tech/usfin/americanexpress-com/
American Express
Excellent
Executive Summary
Top Findings
critical Insufficient color contrast: 1.06:1 (required: 3:1 for large text). Foreground: rgb(255, 255, 255), background: rgb(247, 248, 249). Text: "More to Savor. More to Explore. More with Gold." WCAG 1.4.3
<span class="hero-module__headingBreakLine___De3dl">More to Savor. More to <br>Explore. More with Gold. </span>
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
<!-- a11y: role="image" -->
high Focus jumps backward from "Site Map" to "Give Feedback" (visual distance: 1057px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<button>Give Feedback</button>
high Focus jumps backward from "Skip to main" to "#amex-logo-small" (visual distance: 557px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<a></a>
high Missing X-Content-Type-Options header
medium Focusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose. WCAG 4.1.2
<!-- a11y: role="generic" -->
medium Heading levels should only increase by one: Fix any of the following: Heading order invalid
<h3 class="css-1iryknl">US Hero Carousel</h3>
medium Document should have one main landmark: Fix all of the following: Document does not have a main landmark
<html lang="en-US" country="US" data-react-helmet="lang,country">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="servicing-tile-button"><a class="btn fluid" href="https://www.americanexpress.com/en-us/maps?intlink=us-en-hp-ico1-all-findplacestouseyourcard-250719" target="_self">Explore Now</a></div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="heading-3 margin-1-b">FICO® Score and Insights</div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="body-1 margin-2-b">Build Good Credit Habits with American Express® MyCredit Guide</div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="servicing-tile-button"><a class="btn fluid" href="https://www.americanexpress.com/us/credit-cards/features-benefits/free-credit-score/?intlink=us-en-hp-ico2-pr-freecreditscore" target="_se...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="heading-3 margin-1-b">Customer Service</div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="body-1 margin-2-b">Browse the Help Center for answers to your most frequently asked questions.</div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="servicing-tile-button"><a class="btn fluid" href="https://www.americanexpress.com/us/customer-service/?intlink=us-en-hp-ico3-all-helpcenter" target="_self">See all FAQs</a></div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="row hp-tabs-module__HpTabMenu___0ORaN pad-2-lr-md-up flex flex-reverse-wrap">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div role="tabpanel" aria-labelledby="personal" id="hp-tab-panel-personal" class="css-eg2txt">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="benefit-tile-module__benefitsContainerHeading___MgoEU col-md-12 margin-0-tb pad-3-t heading-5 pad-0-lr text-align-center" level="2">More to Explore</div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="pad card-content flex flex-column">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="pad card-content flex flex-column">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="pad card-content flex flex-column">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="heading-3 margin-1-b">Places to Use Your Card</div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="body-1 margin-2-b">Check out businesses that accept Amex</div>
medium Heading levels should only increase by one: Fix any of the following: Heading order invalid
<h4 class="heading-4 offer-header margin-b" style="height: 28px;"><p>Use your American Express Card<br> </p> </h4>
medium The skip-link target should exist and be focusable: Fix any of the following: No skip link target
<a href="#main">Skip to main content</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 111, 207), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="https://online.americanexpress.com/myca/gce/us/action/home?request_type=un_Register&inav=en_us_menu_my_account_card_accounts_create_your_online_account&Face=en_US#/splash" class="_sta
medium Link is distinguished from surrounding text only by color (link: rgb(0, 111, 207), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="https://global.americanexpress.com/dashboard?inav=en_us_menu_my_account_card_accounts_account_home" class="_standaloneLink_jcgeo_208 _padLr_14p6k_2933 _pad1Tb_14p6k_2995 _textWrap_14p6k_3111
medium Link is distinguished from surrounding text only by color (link: rgb(0, 111, 207), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="https://oce.americanexpress.com/myca/gce/us/action/home?request_type=un_Activation&inav=en_us_menu_my_account_card_accounts_confirm_your_card&Face=en_US#/splash" class="_standaloneLin
medium Link is distinguished from surrounding text only by color (link: rgb(0, 111, 207), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="https://global.americanexpress.com/activity?inav=en_us_menu_my_account_card_accounts_statements_activity" class="_standaloneLink_jcgeo_208 _padLr_14p6k_2933 _pad1Tb_14p6k_2995 _textWrap_14p6k
medium Link is distinguished from surrounding text only by color (link: rgb(0, 111, 207), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="https://global.americanexpress.com/account-management?inav=en_us_menu_my_account_card_accounts_account_services" class="_standaloneLink_jcgeo_208 _padLr_14p6k_2933 _pad1Tb_14p6k_2995 _textWra
medium Link is distinguished from surrounding text only by color (link: rgb(0, 111, 207), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="https://global.americanexpress.com/card-benefits/view-all?inav=en_us_menu_my_account_card_accounts_card_benefits" class="_standaloneLink_jcgeo_208 _padLr_14p6k_2933 _pad1Tb_14p6k_2995 _textWr
medium Link is distinguished from surrounding text only by color (link: rgb(0, 111, 207), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="https://global.americanexpress.com/dashboard?inav=en_us_menu_my_account_business_accounts_small_business" class="_standaloneLink_jcgeo_208 _padLr_14p6k_2933 _pad1Tb_14p6k_2995 _textWrap_14p6k
medium Link is distinguished from surrounding text only by color (link: rgb(0, 111, 207), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="https://www.americanexpress.com/us/merchant/merchant-home.html?inav=en_us_menu_my_account_business_accounts_merchant_home" class="_standaloneLink_jcgeo_208 _padLr_14p6k_2933 _pad1Tb_14p6k_299
medium Link is distinguished from surrounding text only by color (link: rgb(0, 111, 207), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="https://www.americanexpress.com/en-us/account/at-work/login/?TARGET=https%3A%2F%2Fwww.americanexpress.com%2Fen-us%2Fat-work%2F&inav=en_us_menu_my_account_business_accounts_american_expres
medium Link is distinguished from surrounding text only by color (link: rgb(0, 111, 207), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="https://www.americanexpress.com/en-us/banking/personal/savings/dashboard/?inav=en_us_menu_my_account_other_accounts_and_payments_savings_accounts" class="_standaloneLink_jcgeo_208 _padLr_14p6
medium Link is distinguished from surrounding text only by color (link: rgb(0, 111, 207), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="https://www.americanexpress.com/en-rw/network/" class="nav-link" aria-label="Home" data-sonde-contrast-state-id="sonde-contrast-state-1" data-sonde-contrast-state-owned="true">Home</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 111, 207), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="https://www.americanexpress.com/en-rw/network/merchant.html" class="nav-link" aria-label="Merchant" data-sonde-contrast-state-id="sonde-contrast-state-2" data-sonde-contrast-state-owned="true
medium Link is distinguished from surrounding text only by color (link: rgb(0, 111, 207), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a title="About American Express" href="https://www.americanexpress.com/en-rw/network/help/about-american-express.html">About American Express</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 111, 207), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a title="Trademarks" href="https://www.americanexpress.com/en-rw/network/legal/trademarks.html">Trademarks</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 111, 207), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a title="Website Rules & Regulations" href="https://www.americanexpress.com/en-rw/network/legal/website-rules-regulations.html">Website Rules & Regulations</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 111, 207), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a title="Privacy Statement" href="https://www.americanexpress.com/en-rw/network/legal/privacy-statement.html">Privacy Statement</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 111, 207), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a title="Get in Touch" href="https://www.americanexpress.com/en-rw/network/help/">Get in Touch</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 111, 207), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a title="Change Country" href="https://www.americanexpress.com/change-country/">Change Country</a>
medium Console warning: script-supplier: An exact version is configured for adobe. Because of this, critical security patches and bug fixes won't be applied. It's unlikely this is intentional. It's recommended to use a range like "^1.0.0".
https://www.aexp-static.com/cdaas/one/dxt-script-supplier-helper/1.4.7/dxt-script-supplier-helper.js:0mediummedium Interactive control "a" is only 17px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
<a>
medium Interactive control "a.nav-burger.btn-burger" is only 8px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
<a.nav-burger.btn-burger>
medium Content clipped by 89px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability. WCAG 1.4.12
<div id="skip-main"> <a href="#main">Skip to main content</a> </div>
low Link timeout: https://network.americanexpress.com/globalnetwork/v4/?inav=en_us_footer_about_global_network did not respond within 5000ms after 4 attempts
<a href="https://network.americanexpress.com/globalnetwork/v4/?inav=en_us_footer_about_global_network">Global Network</a>
low Link timeout: https://www.americanexpress.com/us/credit-cards/?inav=en_us_footer_products_services_credit_cards did not respond within 5000ms after 2 attempts
<a href="https://www.americanexpress.com/us/credit-cards/?inav=en_us_footer_products_services_credit_cards">Credit Cards</a>
low Link timeout: https://www.instagram.com/AmericanExpress did not respond within 5000ms after 2 attempts
<a href="https://www.instagram.com/AmericanExpress"></a>
low Link timeout: https://www.linkedin.com/company/american-express did not respond within 5000ms after 2 attempts
<a href="https://www.linkedin.com/company/american-express"></a>
low Link timeout: https://www.youtube.com/user/AmericanExpress did not respond within 5000ms after 2 attempts
<a href="https://www.youtube.com/user/AmericanExpress"></a>
Best Page Fix Opportunities
www.americanexpress.com37findings
critical Insufficient color contrast: 1.06:1 (required: 3:1 for large text). Foreground: rgb(255, 255, 255), background: rgb(247, 248, 249). Text: "More to Savor. More to Explore. More with Gold." WCAG 1.4.3
<span class="hero-module__headingBreakLine___De3dl">More to Savor. More to <br>Explore. More with Gold. </span>
high Focus jumps backward from "Site Map" to "Give Feedback" (visual distance: 1057px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<button>Give Feedback</button>
high Focus jumps backward from "Skip to main" to "#amex-logo-small" (visual distance: 557px). No explicit tabIndex — likely a DOM order issue. WCAG 2.4.3
<a></a>
medium Focusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose. WCAG 4.1.2
<!-- a11y: role="generic" -->
medium Heading levels should only increase by one: Fix any of the following: Heading order invalid
<h3 class="css-1iryknl">US Hero Carousel</h3>
medium Document should have one main landmark: Fix all of the following: Document does not have a main landmark
<html lang="en-US" country="US" data-react-helmet="lang,country">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="servicing-tile-button"><a class="btn fluid" href="https://www.americanexpress.com/en-us/maps?intlink=us-en-hp-ico1-all-findplacestouseyourcard-250719" target="_self">Explore Now</a></div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="heading-3 margin-1-b">FICO® Score and Insights</div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="body-1 margin-2-b">Build Good Credit Habits with American Express® MyCredit Guide</div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="servicing-tile-button"><a class="btn fluid" href="https://www.americanexpress.com/us/credit-cards/features-benefits/free-credit-score/?intlink=us-en-hp-ico2-pr-freecreditscore" target="_se...
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="heading-3 margin-1-b">Customer Service</div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="body-1 margin-2-b">Browse the Help Center for answers to your most frequently asked questions.</div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="servicing-tile-button"><a class="btn fluid" href="https://www.americanexpress.com/us/customer-service/?intlink=us-en-hp-ico3-all-helpcenter" target="_self">See all FAQs</a></div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="row hp-tabs-module__HpTabMenu___0ORaN pad-2-lr-md-up flex flex-reverse-wrap">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div role="tabpanel" aria-labelledby="personal" id="hp-tab-panel-personal" class="css-eg2txt">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="benefit-tile-module__benefitsContainerHeading___MgoEU col-md-12 margin-0-tb pad-3-t heading-5 pad-0-lr text-align-center" level="2">More to Explore</div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="pad card-content flex flex-column">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="pad card-content flex flex-column">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="pad card-content flex flex-column">
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="heading-3 margin-1-b">Places to Use Your Card</div>
medium All page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="body-1 margin-2-b">Check out businesses that accept Amex</div>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 111, 207), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="https://online.americanexpress.com/myca/gce/us/action/home?request_type=un_Register&inav=en_us_menu_my_account_card_accounts_create_your_online_account&Face=en_US#/splash" class="_sta
medium Link is distinguished from surrounding text only by color (link: rgb(0, 111, 207), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="https://global.americanexpress.com/dashboard?inav=en_us_menu_my_account_card_accounts_account_home" class="_standaloneLink_jcgeo_208 _padLr_14p6k_2933 _pad1Tb_14p6k_2995 _textWrap_14p6k_3111
medium Link is distinguished from surrounding text only by color (link: rgb(0, 111, 207), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="https://oce.americanexpress.com/myca/gce/us/action/home?request_type=un_Activation&inav=en_us_menu_my_account_card_accounts_confirm_your_card&Face=en_US#/splash" class="_standaloneLin
medium Link is distinguished from surrounding text only by color (link: rgb(0, 111, 207), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="https://global.americanexpress.com/activity?inav=en_us_menu_my_account_card_accounts_statements_activity" class="_standaloneLink_jcgeo_208 _padLr_14p6k_2933 _pad1Tb_14p6k_2995 _textWrap_14p6k
medium Link is distinguished from surrounding text only by color (link: rgb(0, 111, 207), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="https://global.americanexpress.com/account-management?inav=en_us_menu_my_account_card_accounts_account_services" class="_standaloneLink_jcgeo_208 _padLr_14p6k_2933 _pad1Tb_14p6k_2995 _textWra
medium Link is distinguished from surrounding text only by color (link: rgb(0, 111, 207), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="https://global.americanexpress.com/card-benefits/view-all?inav=en_us_menu_my_account_card_accounts_card_benefits" class="_standaloneLink_jcgeo_208 _padLr_14p6k_2933 _pad1Tb_14p6k_2995 _textWr
medium Link is distinguished from surrounding text only by color (link: rgb(0, 111, 207), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="https://global.americanexpress.com/dashboard?inav=en_us_menu_my_account_business_accounts_small_business" class="_standaloneLink_jcgeo_208 _padLr_14p6k_2933 _pad1Tb_14p6k_2995 _textWrap_14p6k
medium Link is distinguished from surrounding text only by color (link: rgb(0, 111, 207), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="https://www.americanexpress.com/us/merchant/merchant-home.html?inav=en_us_menu_my_account_business_accounts_merchant_home" class="_standaloneLink_jcgeo_208 _padLr_14p6k_2933 _pad1Tb_14p6k_299
medium Link is distinguished from surrounding text only by color (link: rgb(0, 111, 207), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="https://www.americanexpress.com/en-us/account/at-work/login/?TARGET=https%3A%2F%2Fwww.americanexpress.com%2Fen-us%2Fat-work%2F&inav=en_us_menu_my_account_business_accounts_american_expres
medium Link is distinguished from surrounding text only by color (link: rgb(0, 111, 207), text: rgb(0, 0, 0)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="https://www.americanexpress.com/en-us/banking/personal/savings/dashboard/?inav=en_us_menu_my_account_other_accounts_and_payments_savings_accounts" class="_standaloneLink_jcgeo_208 _padLr_14p6
medium Console warning: script-supplier: An exact version is configured for adobe. Because of this, critical security patches and bug fixes won't be applied. It's unlikely this is intentional. It's recommended to use a range like "^1.0.0".
https://www.aexp-static.com/cdaas/one/dxt-script-supplier-helper/1.4.7/dxt-script-supplier-helper.js:0mediumlow Link timeout: https://network.americanexpress.com/globalnetwork/v4/?inav=en_us_footer_about_global_network did not respond within 5000ms after 4 attempts
<a href="https://network.americanexpress.com/globalnetwork/v4/?inav=en_us_footer_about_global_network">Global Network</a>
low Link timeout: https://www.americanexpress.com/us/credit-cards/?inav=en_us_footer_products_services_credit_cards did not respond within 5000ms after 2 attempts
<a href="https://www.americanexpress.com/us/credit-cards/?inav=en_us_footer_products_services_credit_cards">Credit Cards</a>
low Link timeout: https://www.instagram.com/AmericanExpress did not respond within 5000ms after 2 attempts
<a href="https://www.instagram.com/AmericanExpress"></a>
low Link timeout: https://www.linkedin.com/company/american-express did not respond within 5000ms after 2 attempts
<a href="https://www.linkedin.com/company/american-express"></a>
low Link timeout: https://www.youtube.com/user/AmericanExpress did not respond within 5000ms after 2 attempts
<a href="https://www.youtube.com/user/AmericanExpress"></a>
/en-rw/network/15findings
high Image has no accessible name in the accessibility tree. Screen readers will skip or announce it generically. WCAG 1.1.1
<!-- a11y: role="image" -->
high Missing X-Content-Type-Options header
medium Heading levels should only increase by one: Fix any of the following: Heading order invalid
<h4 class="heading-4 offer-header margin-b" style="height: 28px;"><p>Use your American Express Card<br> </p> </h4>
medium The skip-link target should exist and be focusable: Fix any of the following: No skip link target
<a href="#main">Skip to main content</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 111, 207), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="https://www.americanexpress.com/en-rw/network/" class="nav-link" aria-label="Home" data-sonde-contrast-state-id="sonde-contrast-state-1" data-sonde-contrast-state-owned="true">Home</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 111, 207), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a href="https://www.americanexpress.com/en-rw/network/merchant.html" class="nav-link" aria-label="Merchant" data-sonde-contrast-state-id="sonde-contrast-state-2" data-sonde-contrast-state-owned="true
medium Link is distinguished from surrounding text only by color (link: rgb(0, 111, 207), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a title="About American Express" href="https://www.americanexpress.com/en-rw/network/help/about-american-express.html">About American Express</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 111, 207), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a title="Trademarks" href="https://www.americanexpress.com/en-rw/network/legal/trademarks.html">Trademarks</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 111, 207), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a title="Website Rules & Regulations" href="https://www.americanexpress.com/en-rw/network/legal/website-rules-regulations.html">Website Rules & Regulations</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 111, 207), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a title="Privacy Statement" href="https://www.americanexpress.com/en-rw/network/legal/privacy-statement.html">Privacy Statement</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 111, 207), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a title="Get in Touch" href="https://www.americanexpress.com/en-rw/network/help/">Get in Touch</a>
medium Link is distinguished from surrounding text only by color (link: rgb(0, 111, 207), text: rgb(51, 51, 51)). Users who cannot perceive color differences may not identify this as a link. WCAG 1.4.1
<a title="Change Country" href="https://www.americanexpress.com/change-country/">Change Country</a>
medium Interactive control "a" is only 17px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
<a>
medium Interactive control "a.nav-burger.btn-burger" is only 8px tall at Phone SE. Sonde responsive contract enforces `--sonde-target-size-min` (44px) on touch tiers. WCAG 2.5.8
<a.nav-burger.btn-burger>
medium Content clipped by 89px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability. WCAG 1.4.12
<div id="skip-main"> <a href="#main">Skip to main content</a> </div>
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 publish the methodology and invite public feedback because accessibility is too important for closed-door decisions. Your expertise makes it better.
Enter Mission Control
Review raw findings data, track changes between scans, and contribute to Sonde’s open methodology.
Nominate a Site for the Daylight Index
Know a public website that should be on the accessibility leaderboard? Nominate it — we’ll scan it and publish the results.