Accessibility Evaluation

Maker.co accessibility audit

An in-depth review of the live homepage across Perceivable, Operable, Understandable, and Robust (POUR) benchmarks. Maker maintains an industry-leading semantic baseline, needing only targeted contrast calibrations, contextual link updates, and vestibular motion controls to satisfy full WCAG 2.1 AA criteria.

Lighthouse Score

97/100

Top 2% of SaaS homepages

Perceivable

AA Pending

Minor contrast fix required

Operable

AA Pass

Skip-to-content active

Robust

AA Pass

Radix ARIA landmarks valid

Architectural Strengths Observed

Keyboard Skip Navigation

A dedicated skip link (<a href="#main-content" class="sr-only focus:not-sr-only...">) is placed as the first body child, allowing screen reader and keyboard users to bypass navigation.

Semantic Landmark Regions

Standard landmark tags (<header>, <nav aria-label="Main">, <main id="main-content">, <footer>) allow assistive technologies to jump seamlessly between document regions.

Radix Accessible Menu Primitives

The "Products" menu triggers properly wire aria-expanded, data-state, and keyboard focus delegation, avoiding custom un-focusable div controls.

Prioritized Remediation Catalog

Ranked by user impact and implementation difficulty

3 Fixes Identified

P1 • High Priority WCAG 1.4.3 • Contrast (Minimum) & 1.4.11 Non-text Contrast

Estimated effort: 15 minutes

Subtle gray eyebrow subtitles and sponsor logos fail contrast minimums

Observation: Automated Lighthouse testing flagged text contrast. The eyebrow text "THE AGENTIC WEBSITE PLATFORM" rendered in low-contrast gray text on #FCFBF7 falls below the 4.5:1 ratio required for regular text. Furthermore, the partner logos in the "TRUSTED BY TEAMS" strip (notably the first Snooze/GASLEEP logo) are rendered with very low opacity (<3:1), making them difficult to perceive for low-vision visitors.

// Code Remediation

❌ Current (Fails 4.5:1 ratio):

.eyebrow {
  color: #8C8880; /* Ratio ~3.2:1 */
}
.partner-logos img {
  opacity: 0.35;
}

✅ Recommended (Meets AA 5.8:1):

.eyebrow {
  color: #575550; /* Ratio 5.8:1 */
}
.partner-logos img {
  opacity: 0.72; /* >3.0:1 non-text */
}

P2 • Medium Priority WCAG 2.4.4 • Link Purpose (In Context)

Estimated effort: 10 minutes

Disambiguate repeated generic "Learn more →" links across sections

Observation: The link label "Learn more →" is repeated identically across four major sections ("Images and video", "Enhanced product content", "Transform your pages in one click"). When screen reader users list all page links using rotor shortcuts, they hear four identical "Learn more" items without target context.

// Code Remediation

❌ Ambiguous link text:

<a href="/studio" class="underline">
  Learn more →
</a>

✅ Contextual accessible name:

<a href="/studio"
  aria-label="Learn more about Studio image and video generation"
  class="underline">
  Learn more →
</a>

P3 • Medium Priority WCAG 2.2.2 • Pause, Stop, Hide & 2.3.3 Reduced Motion

Estimated effort: 20 minutes

Provide reduced-motion alternative for infinite 3D hero corridor animation

Observation: The hero features a continuous 12-second perspective loop (animation: mkr-fly-l-d 12s linear infinite). While marked aria-hidden="true", users with vestibular disorders who enable OS-level "Reduce Motion" should receive a static gallery or paused state to prevent nausea or dizziness.

// CSS Media Query Override

@media (prefers-reduced-motion: reduce) {
  [data-corridor="true"] *,
  .mkr-pulse {
    animation-play-state: paused !important;
    animation: none !important;
    transform: none !important;
  }
}

Required Manual Audits (Unresolved Limitations)

Automated scanners only detect 30–40% of real accessibility barriers. The following verification steps cannot be completed via automated crawling and require manual human verification:

1. Screen Reader Live Announcement Testing

Verify with VoiceOver (macOS / iOS), NVDA (Windows), and TalkBack (Android) that the interactive split slider in the "Transform your pages" section announces its before/after state changes clearly.

2. 200% & 400% Viewport Zoom Reflow

Test text magnification at 200% and 400% zoom to ensure that multi-column carousels ("Every kind of page" and "Sections for the pages you have") reflow vertically without horizontal scrollbars or clipping.

3. Mobile Drawer Keyboard Trap Testing

Test mobile viewport hamburger menu to confirm that keyboard focus is properly trapped inside the navigation overlay when open, and restores back to the hamburger trigger when closed with Escape.

4. Legal & Certification Boundaries

This evaluation provides technical recommendations against WCAG 2.1 AA benchmarks. It does not constitute formal legal certification, warranty, or indemnification under ADA, Section 508, or the European Accessibility Act (EAA).

Execution Plan

Ready to apply these improvements?

Choose an action below to draft the engineering patch or export the checklist for your team.