Accessibility Report

Target: https://staging.fyper.cc · Generated 2026-06-01T21:38:49.263Z · axe-core 4.11.0 via @axe-core/puppeteer 4.11.3

Summary

This page publishes the results of automated axe-core scans against 10 pages of Avatar Animator. Our conformance target is WCAG 2.1 Level AA.

11 total violations across 10 pages — 0 critical / 1 serious / 10 moderate / 0 minor.

Download the raw JSON report →

Pages

/ navigation_error

Scanned 2026-06-01T21:36:51.767Z · No violations detected

Navigation timeout of 20000 ms exceeded

/login ok

Scanned 2026-06-01T21:37:12.604Z · 3 violations — 0 critical / 0 serious / 3 moderate / 0 minor

moderate

landmark-one-main — Document should have one main landmark

Ensure the document has a main landmark

Remediation: Ensure each page exposes exactly one <main> landmark.

axe-core docs →

1 affected element(s) — first 1 shown
  • html 
    <html lang="en" style="--vh: 8px;">
moderate

meta-viewport — Zooming and scaling must not be disabled

Ensure <meta name="viewport"> does not disable text scaling and zooming

WCAG: wcag2aa, wcag144

Remediation: Resolve violation by following axe-core guidance: Zooming and scaling must not be disabled

axe-core docs →

1 affected element(s) — first 1 shown
  • meta[name="viewport"] 
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
moderate

region — All page content should be contained by landmarks

Ensure all page content is contained by landmarks

Remediation: Wrap all top-level content in semantic landmark regions (main, nav, header, footer).

axe-core docs →

7 affected element(s) — first 3 shown
  • .max-w-\[420px\] > .text-center.space-y-2 
    <div class="text-center space-y-2">
  • .space-y-2:nth-child(1) > label 
    <label class="peer-disabled:cursor-not-allowed peer-disabled:opacity-70 motion-safe:transition-colors motion-safe:duration-150 text-foreground text-[14px] font-semibold"><span>Email</span></label>
  • input[type="email"] 
    <input type="email" class="flex w-full rounded-..." placeholder="your@email.com" autocomplete="email" value="">

/signup ok

Scanned 2026-06-01T21:37:29.664Z · 3 violations — 0 critical / 0 serious / 3 moderate / 0 minor

moderate

landmark-one-main — Document should have one main landmark

Ensure the document has a main landmark

Remediation: Ensure each page exposes exactly one <main> landmark.

axe-core docs →

1 affected element(s) — first 1 shown
  • html 
    <html lang="en" style="--vh: 8px;">
moderate

meta-viewport — Zooming and scaling must not be disabled

Ensure <meta name="viewport"> does not disable text scaling and zooming

WCAG: wcag2aa, wcag144

Remediation: Resolve violation by following axe-core guidance: Zooming and scaling must not be disabled

axe-core docs →

1 affected element(s) — first 1 shown
  • meta[name="viewport"] 
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
moderate

region — All page content should be contained by landmarks

Ensure all page content is contained by landmarks

Remediation: Wrap all top-level content in semantic landmark regions (main, nav, header, footer).

axe-core docs →

12 affected element(s) — first 3 shown
  • .text-center.space-y-2 
    <div class="text-center space-y-2">
  • .space-y-2:nth-child(1) > label 
    <label class="peer-disabled:cursor-not-allowed peer-disabled:opacity-70 motion-safe:transition-colors motion-safe:duration-150 text-foreground text-[14px] font-semibold"><span>Email</span></label>
  • input[type="email"] 
    <input type="email" class="flex w-full rounded-..." placeholder="your@email.com" autocomplete="email" value="">

/pricing ok

Scanned 2026-06-01T21:37:47.161Z · 5 violations — 0 critical / 1 serious / 4 moderate / 0 minor

serious

color-contrast — Elements must meet minimum color contrast ratio thresholds

Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds

WCAG: wcag2aa, wcag143

Remediation: Increase the contrast ratio between text and background to at least 4.5:1 (3:1 for large text). Update the design tokens or component theme accordingly.

axe-core docs →

1 affected element(s) — first 1 shown
  • .text-\[10px\] 
    <span class="text-[10px] font-semibold px-1.5 py-0.5 rounded-full bg-green-500/15 text-green-700 dark:text-green-400">Save 31%</span>
moderate

heading-order — Heading levels should only increase by one

Ensure the order of headings is semantically correct

Remediation: Resolve violation by following axe-core guidance: Heading levels should only increase by one

axe-core docs →

1 affected element(s) — first 1 shown
  • div[data-testid="pricing-tier-free"] > .mb-4 > h3 
    <h3 class="text-[20px] font-bold">Free</h3>
moderate

landmark-one-main — Document should have one main landmark

Ensure the document has a main landmark

Remediation: Ensure each page exposes exactly one <main> landmark.

axe-core docs →

1 affected element(s) — first 1 shown
  • html 
    <html lang="en" style="--vh: 8px;">
moderate

meta-viewport — Zooming and scaling must not be disabled

Ensure <meta name="viewport"> does not disable text scaling and zooming

WCAG: wcag2aa, wcag144

Remediation: Resolve violation by following axe-core guidance: Zooming and scaling must not be disabled

axe-core docs →

1 affected element(s) — first 1 shown
  • meta[name="viewport"] 
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
moderate

region — All page content should be contained by landmarks

Ensure all page content is contained by landmarks

Remediation: Wrap all top-level content in semantic landmark regions (main, nav, header, footer).

axe-core docs →

21 affected element(s) — first 3 shown
  • .space-y-4.mb-8.text-center 
    <div class="text-center space-y-4 mb-8"><h1 class="text-[36px] font-bold tracking-tight">Simple, transparent pricing</h1><p class="text-[18px] text-muted-foreground max-w-lg mx-auto">Start free, upgrade when you're ready. No hidden fees.</p
  • .mb-10 
    <div class="flex justify-center mb-10" data-testid="billing-cycle-toggle">
  • div[data-testid="pricing-tier-free"] > .mb-4 > h3 
    <h3 class="text-[20px] font-bold">Free</h3>

/terms ok

Scanned 2026-06-01T21:38:09.144Z · No violations detected

/privacy ok

Scanned 2026-06-01T21:38:16.347Z · No violations detected

/accessibility ok

Scanned 2026-06-01T21:38:22.201Z · No violations detected

/sub-processors ok

Scanned 2026-06-01T21:38:28.166Z · No violations detected

/dpa ok

Scanned 2026-06-01T21:38:34.350Z · No violations detected

/security ok

Scanned 2026-06-01T21:38:40.259Z · No violations detected

Report schema version 1.0.0 · Regenerate with npm run accessibility:report.