HeardOf

This is a sample report for a fictional client, Lumen Payroll. The numbers are illustrative; the structure, statistics and fix artifacts are exactly what a real audit produces. Join the waitlist to have one run on your site.

Lumen Payroll: visibility and experience audit

lumenpayroll.com, audited 9 Oct 2026

Experience score

mobile first; desktop shown for comparison
Mobile (headline)
61needs work
Desktop
72good
Coverage: 86% measured · 9% reviewed · 5% manual
  • Gate: Non-exempt full-screen interstitial on mobile caps the mobile category at 49
CategoryWeightScoreChecksCoverage
Performance and stability2038poor2 failed / 6100%
Accessibility2064needs work7 failed / 61100%
Mobile usability1549poor3 failed / 6100%
Content and clarity1571good2 failed / 8100%
Forms and trust1568needs work3 failed / 1090%
Navigation1084good1 failed / 7100%
Heuristic review5pending review4 failed / 1260%

Built from measured metrics and severity-weighted checks, never from averaging Lighthouse category scores. Heuristic-review points count only once the consultant accepts the findings. Severity-4 findings cap their category at 49 and the total at 69; failing all three Core Web Vitals on mobile caps the total at 79.

Core Web Vitals

p75 field data preferred; lab = median of runs
SourceForm factorLCPINPCLSTBT (lab)Period / runs
Field (whole origin)mobile4.6 s poor184 ms good0.14 needs improvement—2026-09-14 → 2026-10-11
Lab (Lighthouse)mobile5.1 s poornot measurable in lab0.11 needs improvement410 ms needs improvement5 runs
Lab (Lighthouse)desktop2.1 s goodnot measurable in lab0.04 good120 ms good5 runs

Thresholds (web.dev): LCP ≤ 2.5 s good, > 4 s poor; INP ≤ 200 ms good, > 500 ms poor; CLS ≤ 0.1 good, > 0.25 poor. Field data is a 28-day window at the 75th percentile.

Accessibility

7 rule violations · axe-core 4.14.0
1 critical3 serious2 moderate1 minor
RuleImpactWhat it checksElementsWCAG
color-contrastseriousElements must meet minimum color contrast ratio thresholds361.4.3
labelcriticalForm elements must have labels44.1.2
target-sizeseriousAll touch targets must be 24px large, or leave sufficient space412.5.8
link-nameseriousLinks must have discernible text62.4.4, 4.1.2
heading-ordermoderateHeading levels should only increase by one5best practice
regionmoderateAll page content should be contained by landmarks3best practice
image-redundant-altminorAlternative text of images should not be repeated as text2best practice

Automated rules cover roughly a third of WCAG success criteria and about half of issue instances (Deque 2021; GOV.UK 2017). Keyboard flows, focus order and cognitive load need a manual pass.

Navigation and links

64 pages crawled from the home page
Broken internal links
2
Broken external links
5
Redirect chains
3
Orphan pages (in sitemap, unlinked)
4
Deepest page (clicks)
5
Key pages deeper than 3 clicks
1
Navigation consistent across pages
yes
Unknown URL returns 404
yes

Per page, on a phone

390×844, 3× — tap targets per WCAG 2.5.8 (24 px) and platform guidance (44 px)
PageReading gradeTap targets < 24 pxText < 12 pxSticky coverInterstitialForm fields w/o labelConsole errors
/10.241 of 112 (+18 under 44)6%17%none0 of 11
/pricing8.422 of 74 (+9 under 44)4%12%noneno forms0
/blog/datev-export12.114 of 58 (+6 under 44)2%21%78% cover1 of 10

Findings

7 findings
  1. highmeasured

    Body text on mist panels fails contrast

    axe color-contrast: 36 nodes with ratio 3.2:1 (needs 4.5:1) — grey #9aa3b2 on #f5f6f8.

    Why it matters: WCAG 1.4.3 (AA). The EU Accessibility Act applies to e-commerce and SaaS services since 28 June 2025.

    Accessibility8 of 11 pageseffort Saxe-core 4.14.0a11y.color_contrast
    Affected URLs
    • https://lumenpayroll.com/pricing
    • https://lumenpayroll.com/features/statutory-reporting
  2. highmeasured

    A newsletter modal covers 78% of the phone viewport 2 s after load

    role=dialog element covering 78% of 390×844 at t=2.1 s; close control present (28×28 px). Not a cookie, age or login dialog, so it is not exempt.

    Why it matters: Google's intrusive-interstitial guidance: a popup covering the main content on arrival is penalised; banners that take a small fraction of the screen are not.

    Mobile usability2 of 11 pageseffort Splaywright 1.64 (interstitial check)mobile.interstitial
    Affected URLs
    • https://lumenpayroll.com/blog/datev-export
    • https://lumenpayroll.com/blog/mid-year-switch
  3. highmeasured

    Largest Contentful Paint is poor on mobile

    CrUX origin p75 LCP 4.6 s (poor > 4.0 s); lab median of 5 runs 5.1 s. LCP element is the hero image (1.8 MB PNG, no preload).

    Why it matters: Core Web Vitals are assessed at p75 per form factor; the page fails the good threshold on mobile.

    Fix: Serve the hero as AVIF/WebP ≤ 200 KB, add fetchpriority="high", set explicit width/height.

    Performancelumenpayroll.com/effort Mlighthouse 13.5.0 + CrUX APIcwv.lcp_poor
  4. mediummeasured

    Footer and nav links are smaller than 24×24 px on phones

    41 of 112 tap targets at 390×844 are below 24×24 CSS px (WCAG 2.5.8); 18 more are 24–43 px, below the 44 px platform guidance.

    Mobile usability9 of 11 pageseffort Splaywright 1.64 (tap-target check)mobile.tap_targets
    Affected URLs
    • https://lumenpayroll.com/
    • https://lumenpayroll.com/pricing
  5. mediummeasured

    Signup form uses placeholders as the only labels

    4 of 5 fields on /signup have no <label> or aria-label; the work-email field lacks autocomplete="email".

    Forms and trustlumenpayroll.com/signupeffort Saxe-core 4.14.0 + form checkforms.labels_placeholder_only
  6. lowmeasured

    Pricing for startups is four clicks from the home page

    /pricing/startups has click depth 4; it is linked only from the pricing FAQ.

    Navigationlumenpayroll.com/pricing/startupseffort Sworker/crawlnav.depth

Tools and versions

pinned for comparable re-audits

lighthouse 13.5.0 · axe-core 4.14.0 · playwright 1.64.1 · chromium 156 · node 22.22.0