Accessibility scan

Framer

https://www.framer.com

21 automated issues detected

Impact-weighted score: 125 · critical 4 · serious 17 · moderate 0 · minor 0

Automated axe-core 4.11.4 scan of the homepage only, run on June 23, 2026. Results are reproducible: the same engine, the same page.

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 one page on one date.

Detected issues

Buttons must have discernible text

Critical · 4 elements

WCAG: wcag2a, wcag412 · rule: button-name

#YwMNhliaq

<button borderradius="0" bottomleftradius="0" bottomrightradius="0" height="100%" id="YwMNhliaq" padding="0" paddingbottom="0" paddingleft="0" paddingright="0" paddingtop="0" topleftradius="0" toprightradius="0" width="100%" style="border-width: medium...">

.framer-1kuinok

<button class="framer-1kuinok" data-border="true" data-framer-name="Left" data-reset="button" style="--border-bottom-widt...">

.framer-6ip2tt

<button class="framer-6ip2tt" data-border="true" data-framer-name="Right" data-reset="button" style="--border-bottom-widt...">

.framer-4n13sg

<button class="framer-4n13sg" data-border="true" data-framer-name="Pagination" data-reset="button" style="--border-bottom-widt...">

Elements must meet minimum color contrast ratio thresholds

Serious · 15 elements

WCAG: wcag2aa, wcag143 · rule: color-contrast

.framer-jf3srl > p

<p dir="auto" style="--font-selector:SW50..." class="framer-text">

Contrast ratio: 1.2:1text: #001f33bg: #050505use #667985 (passes AA on this background)

.framer-zm6pn5 > p

<p dir="auto" style="--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-open-type-features:'cv01' on, 'cv09' on, 'cv11' on, 'cv05' on;--framer-font-size:12px;--framer-font-weight:600;--framer-text-alignment:left;--framer-text-color:rgba(255, 255, 255, 0.5)" class="framer-text">

Contrast ratio: 1.17:1text: #1a1a1abg: #050505use #777777 (passes AA on this background)

.framer-8eeyss > p

<p dir="auto" style="--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-open-type-features:'cv01' on, 'cv09' on, 'cv11' on, 'cv05' on;--framer-font-size:12px;--framer-font-weight:600;--framer-text-alignment:left;--framer-text-color:rgba(255, 255, 255, 0.5)" class="framer-text">

Contrast ratio: 1.17:1text: #1a1a1abg: #050505use #777777 (passes AA on this background)

.framer-3b84xa > .framer-styles-preset-ojsfn5[data-styles-preset="VQBQVu8qk"]

<h6 class="framer-text framer-styles-preset-ojsfn5" data-styles-preset="VQBQVu8qk" dir="auto">Design with an agent</h6>

Contrast ratio: 1.66:1text: #333333bg: #000000use #757575 (passes AA on this background)

.framer-xfpz0v > .framer-styles-preset-vn6u90[data-styles-preset="kuibWYBoM"]

<p class="framer-text framer-styles-preset-vn6u90" data-styles-preset="kuibWYBoM" dir="auto" style="--framer-text-color:var(--token-8f5eb515-7a13-452b-a4ab-f35e2208a3f3, rgba(255, 255, 255, 0.6))">

Contrast ratio: 1.27:1text: #1f1f1fbg: #000000use #757575 (passes AA on this background)

mark

<mark style="--framer-text-background-corner-shape-fallback:0.752;--framer-text-background-corner-shape:superellipse(1.5);--framer-text-background-radius:calc(12px*var(--one-if-corner-shape-supported,var(--framer-text-background-corner-shape-fallback,1)))" class="framer-text">design agent</mark>

Contrast ratio: 1.27:1text: #1f1f1fbg: #000000use #757575 (passes AA on this background)

.framer-1soq69x > p

<p dir="auto" style="--font-selector:SW50ZXItTWVkaXVt;--framer-font-open-type-features:'tnum' on, 'cv01' on, 'cv09' on;--framer-font-size:10px;--framer-font-weight:500;--framer-text-alignment:left;--framer-text-color:rgb(102, 102, 102)" class="framer-text">256</p>

Contrast ratio: 3.28:1text: #666666bg: #111111use #7c7c7c (passes AA on this background)

.framer-1onmf98 > p

<p dir="auto" style="--font-selector:SW50ZXItTWVkaXVt;--framer-font-open-type-features:'tnum' on, 'cv01' on, 'cv09' on;--framer-font-size:10px;--framer-font-weight:500;--framer-text-alignment:left;--framer-text-color:rgb(102, 102, 102)" class="framer-text">18</p>

Contrast ratio: 3.28:1text: #666666bg: #111111use #7c7c7c (passes AA on this background)

.framer-16qklfp-container > .framer-QZCa2.framer-19rvhpv.framer-v-eugimi > .framer-1n9df3h > .framer-ow0ymd[data-framer-component-type="RichTextContainer"] > p

<p dir="auto" class="framer-text" style="--font-selector:SW50...">

Contrast ratio: 3.28:1text: #666666bg: #111111use #7c7c7c (passes AA on this background)

.framer-jl5jfx > p

<p dir="auto" style="--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-size:12px;--framer-font-weight:600;--framer-text-color:rgb(136, 86, 255)" class="framer-text">ImageWheel</p>

Contrast ratio: 1.17:1text: #1b1133bg: #000000use #777286 (passes AA on this background)

.framer-1tf2q4b > .framer-styles-preset-ojsfn5[data-styles-preset="VQBQVu8qk"]

<h6 class="framer-text framer-styles-preset-ojsfn5" data-styles-preset="VQBQVu8qk" dir="auto">Code with an agent</h6>

Contrast ratio: 1.66:1text: #333333bg: #000000use #757575 (passes AA on this background)

.framer-85a1qq > .framer-styles-preset-vn6u90[data-styles-preset="kuibWYBoM"]

<p class="framer-text framer-styles-preset-vn6u90" data-styles-preset="kuibWYBoM" dir="auto" style="--framer-text-color:var(--token-8f5eb515-7a13-452b-a4ab-f35e2208a3f3, rgba(255, 255, 255, 0.6))">

Contrast ratio: 1.27:1text: #1f1f1fbg: #000000use #757575 (passes AA on this background)

.framer-epllvj > p

<p dir="auto" style="--font-selector:SW50..." class="framer-text">

Contrast ratio: 3.28:1text: #666666bg: #111111use #7c7c7c (passes AA on this background)

.framer-1phfeml > p

<p dir="auto" style="--font-selector:SW50..." class="framer-text">

Contrast ratio: 3.28:1text: #666666bg: #111111use #7c7c7c (passes AA on this background)

.framer-11nhx5t > p

<p dir="auto" class="framer-text" style="--font-selector:SW50...">

Contrast ratio: 2.99:1text: #ffffffbg: #0099ffuse #2e2e2e (passes AA on this background)

Links must have discernible text

Serious · 2 elements

WCAG: wcag2a, wcag244, wcag412 · rule: link-name

.framer-1e61pkd-container > .framer-rm6zU.framer-qdeek2.framer-v-qdeek2

<a class="framer-rm6zU framer-qdeek2 framer-v-qdeek2 framer-4n26gx" data-framer-name="On" data-highlight="true" href="./" data-framer-page-link-current="true" tabindex="0" style="height: 100%; opacity: 1;">

.framer-1gmkxuw-container > .framer-rm6zU.framer-qdeek2.framer-v-qdeek2

<a class="framer-rm6zU framer-qdeek2 framer-v-qdeek2 framer-4n26gx" data-framer-name="On" data-highlight="true" href="./" data-framer-page-link-current="true" tabindex="0" style="height: 100%; opacity: 1;">

Are you Framer?

This is a free, automated, homepage-only snapshot. Re-scan framer.com live, get the full element-level worklist across every page, or set up monitoring that re-checks on a schedule and alerts only on new issues.

Re-scan or fix these Scan any URL free