reachpageSample monthly report

Sample · reachpage monitoring

www.hubspot.com — 1 October 2026

This is the report a monitoring subscriber gets each month, built from real scans of a public homepage: the scan of https://www.hubspot.com we stored on 23 June 2026 and a fresh scan on 1 October 2026. A subscriber's report compares one month with the month before and covers their page plus up to nine same-site pages it links to; this sample covers one homepage.

Monitor your site — $29/month

Automated axe-core 4.11.4 scan of 1 page of https://www.hubspot.com on 1 October 2026, compared with the scan from 23 June 2026. An issue counts as the same from one scan to the next when it is on the same page, under the same rule, with the same element selector or the same failing HTML.

New

5

Fixed

2

Unchanged

7

Found this month

12

New since 23 June 2026

  • SeriousElements must meet minimum color contrast ratio thresholds

    Page / · rule color-contrast · WCAG wcag2aa, wcag143

    .-right[aria-label="1 of 3"][inert=""]:nth-child(4) > .wf-animated-carousel-slide.cl-card[data-cl-theme="light"] > .wf-animated-carousel-slide-description
    <p class="wf-animated-carousel-slide-description ">Resolve inquiries, take action in your CRM, and hand off with full context.</p>

  • SeriousElements must meet minimum color contrast ratio thresholds

    Page / · rule color-contrast · WCAG wcag2aa, wcag143

    .-active[aria-label="3 of 3"][aria-hidden="false"] > .wf-animated-carousel-slide.cl-card[data-cl-theme="light"] > .wf-animated-carousel-slide-description
    <p class="wf-animated-carousel-slide-description ">Know which accounts are ready to buy and why.</p>

  • SeriousInteractive controls must not be nested

    Page / · rule nested-interactive · WCAG wcag2a, wcag412

    .wtm-evfc__desktop-track > .wtm-evfc__card[data-index="0"][data-card-count="3"]
    <div class="cl-card wtm-evfc__card -container-01" data-cl-theme="dark" data-index="0" data-card-count="3" tabindex="0" role="button" aria-label="All your customer data, right at your fingertips.. Press Enter to watch video.">

  • SeriousInteractive controls must not be nested

    Page / · rule nested-interactive · WCAG wcag2a, wcag412

    .wtm-evfc__desktop-track > .wtm-evfc__card[data-index="1"][data-card-count="3"]
    <div class="cl-card wtm-evfc__card -container-01" data-cl-theme="dark" data-index="1" data-card-count="3" tabindex="0" role="button" aria-label="Marketing, sales, and service, finally on the same page.. Press Enter to watch video.">

  • SeriousInteractive controls must not be nested

    Page / · rule nested-interactive · WCAG wcag2a, wcag412

    .wtm-evfc__desktop-track > .wtm-evfc__card[data-index="2"][data-card-count="3"]
    <div class="cl-card wtm-evfc__card -container-01" data-cl-theme="dark" data-index="2" data-card-count="3" tabindex="0" role="button" aria-label="AI you control. Results you can trust. . Press Enter to watch video.">

Fixed since 23 June 2026

  • SeriousElements must meet minimum color contrast ratio thresholds

    Page / · rule color-contrast · WCAG wcag2aa, wcag143

    .-right.-clone[aria-label="1 of 3"]:nth-child(7) > .wf-animated-carousel-slide.cl-card.-container-01 > .wf-animated-carousel-slide-description
    <p class="wf-animated-carousel-slide-description ">Resolve 65% of your customer inquiries automatically.</p>

  • SeriousFrames must have an accessible name

    Page / · rule frame-title · WCAG wcag2a, wcag412

    iframe:nth-child(72)
    <iframe style="width: 1px; height: 1px; border: 0px !important; position: absolute !important; top: -10000px !important; left: -10000px !important;"></iframe>

Automated testing detects roughly 30–50% of WCAG issues. Many barriers — keyboard traps, screen-reader flow, focus order, meaningful alt text — need manual review by a person. A clean automated scan is not the same as an accessible site.

A clean automated scan is not a determination of ADA compliance, legal compliance, or full accessibility. These results describe only what an automated scan found on the listed pages on the listed date.

Every page, in full

Each failing element with its HTML, a plain-English explanation and a suggested fix.

/ · 12 issues
D

Scanned https://www.hubspot.com

12 issues found

Impact-weighted score: 60 · critical 0 · serious 12 · moderate 0 · minor 0

This is an automated scan. Automated testing detects only part of all accessibility barriers — manual review by a person is still needed for full coverage. This report does not determine legal or ADA compliance.

Elements must meet minimum color contrast ratio thresholds

Serious · 9 elements

WCAG: wcag2aa, wcag143 · rule: color-contrast

What's wrong

Some text on the page doesn't stand out clearly enough from its background, making it hard to read.

Who it hurts

This mainly affects people with low vision, color blindness, or anyone trying to read the screen in bright light or on a lower-quality display.

The fix

A developer should darken or lighten the text or background colors involved so the words clearly stand out from what's behind them.

Failing elements

.global-nav-main-group-cta > .header-nav__ctas > .homepage-hp-nav.-primary[data-ga_nav_tree_text="Get a demo"]
<a class="cl-button -primary -small -light ga_nav_link homepage-hp-nav " href="https://offers.hubspot.com/crm-platform-demo?hubs_signup-url=www.hubspot.com/&hubs_signup-cta=homepage-hp-nav" data-ga_nav_type="header_nav" data-ga_nav_tree_text="Get a demo">
Contrast ratio: 3.39:1text: #ffffffbg: #ff4800use #252525 (passes AA on this background)
.global-nav-main-group-cta > .header-nav__ctas > .homepage-hp-nav2[data-ga_nav_tree_text="Get started free"][data-hs-event-96027165="1"]
<a class="cl-button -secondary..." href="https://app.hubspot...." data-ga_nav_type="header_nav" data-ga_nav_tree_tex...="Get started free" data-hs-event-960271...="1">
Contrast ratio: 3.39:1text: #ff4800bg: #ffffffuse #da3d00 (passes AA on this background)
.homepage-hero
<a class="cl-button -primary -large wf-page-header_content-ctas-cta homepage-hero " data-cl-theme="light" href="https://offers.hubspot.com/crm-platform-demo?hubs_signup-url=www.hubspot.com/&hubs_signup-cta=homepage-hero">
Contrast ratio: 3.39:1text: #ffffffbg: #ff4800use #252525 (passes AA on this background)
.homepage-hero2
<a class="cl-button -secondary -large wf-page-header_content-ctas-cta homepage-hero2 " data-cl-theme="light" href="https://app.hubspot.com/signup-hubspot/crm?hubs_signup-url=www.hubspot.com%2F&hubs_signup-cta=homepage-hero2&uuid=anonaba5bd013e956df7e8033837b1ab" data-hs-event-96027165="1">
Contrast ratio: 3.39:1text: #ff4800bg: #ffffffuse #da3d00 (passes AA on this background)
.homepage-products
<a class="cl-button -primary -medium wf-flexible-section-header_content-cta homepage-products" href="https://offers.hubspot.com/crm-platform-demo?hubs_signup-url=www.hubspot.com/&hubs_signup-cta=homepage-products">
Contrast ratio: 3.39:1text: #ffffffbg: #ff4800use #252525 (passes AA on this background)
.homepage-products2
<a class="cl-button -secondary -medium wf-flexible-section-header_content-cta homepage-products2" href="https://app.hubspot.com/signup-hubspot/crm?hubs_signup-url=www.hubspot.com%2F&hubs_signup-cta=homepage-products2&uuid=anonaba5bd013e956df7e8033837b1ab" data-hs-event-96027165="1">
Contrast ratio: 3.39:1text: #ff4800bg: #ffffffuse #da3d00 (passes AA on this background)
.-right[aria-label="1 of 3"][inert=""]:nth-child(4) > .wf-animated-carousel-slide.cl-card[data-cl-theme="light"] > .wf-animated-carousel-slide-description
<p class="wf-animated-carousel-slide-description ">Resolve inquiries, take action in your CRM, and hand off with full context.</p>
Contrast ratio: 3.43:1text: #8e7f79bg: #feefe9use #796c67 (passes AA on this background)
.-active[aria-label="3 of 3"][aria-hidden="false"] > .wf-animated-carousel-slide.cl-card[data-cl-theme="light"] > .wf-animated-carousel-slide-description
<p class="wf-animated-carousel-slide-description ">Know which accounts are ready to buy and why.</p>
Contrast ratio: 3.43:1text: #8e7f79bg: #feefe9use #796c67 (passes AA on this background)
.homepage-bottom
<a class="cl-button -primary -medium homepage-bottom" data-cl-theme="dark" href="https://offers.hubspot.com/crm-platform-demo?hubs_signup-url=www.hubspot.com/&amp;hubs_signup-cta=homepage-bottom">
      Get a demo
      <span class="visually-hidden">of HubSpot's premium software</span>
    </a>
Contrast ratio: 3.39:1text: #ffffffbg: #ff4800use #252525 (passes AA on this background)

Interactive controls must not be nested

Serious · 3 elements

WCAG: wcag2a, wcag412 · rule: nested-interactive

What's wrong

One clickable or interactive element has been placed inside another clickable or interactive element, creating a confusing, overlapping control.

Who it hurts

This confuses screen-reader and keyboard users the most, since assistive technology struggles to announce or operate controls that overlap each other, but it can also cause unpredictable clicks for everyone.

The fix

A developer should restructure the markup so each interactive element stands on its own rather than being nested inside another one.

Failing elements

.wtm-evfc__desktop-track > .wtm-evfc__card[data-index="0"][data-card-count="3"]
<div class="cl-card wtm-evfc__card -container-01" data-cl-theme="dark" data-index="0" data-card-count="3" tabindex="0" role="button" aria-label="All your customer data, right at your fingertips.. Press Enter to watch video.">
.wtm-evfc__desktop-track > .wtm-evfc__card[data-index="1"][data-card-count="3"]
<div class="cl-card wtm-evfc__card -container-01" data-cl-theme="dark" data-index="1" data-card-count="3" tabindex="0" role="button" aria-label="Marketing, sales, and service, finally on the same page.. Press Enter to watch video.">
.wtm-evfc__desktop-track > .wtm-evfc__card[data-index="2"][data-card-count="3"]
<div class="cl-card wtm-evfc__card -container-01" data-cl-theme="dark" data-index="2" data-card-count="3" tabindex="0" role="button" aria-label="AI you control. Results you can trust. . Press Enter to watch video.">