QC: the-lyric-lp

Crawled 1 pages · started 2026-04-27T16:19:19Z · finished 2026-04-27T16:19:33Z

0

Critical

2

Serious

11

Moderate

3

Minor

Page	URL	Critical	Serious	Moderate	Minor	Total
The Lyric \| Seattle	https://site-the-lyric-lp.pages.dev/	0	2	11	3	16

The Lyric | Seattle

Severity

Critical0Serious2Moderate11Minor3

Category

Accessibility13Asset1Visual2

The Lyric | Seattle

https://site-the-lyric-lp.pages.dev/

desktop (annotated)

desktop screenshot

mobile

$mobile screenshot$

#13seriousaccessibility · nested-interactive

Interactive controls must not be nested docs

<div class="relative rounded-lg overflow-hidden aspect-[16/10] bg-neutral-900 group cursor-pointer" role="button" tabindex="0" aria-label="Open photo gallery">

#14seriousvisual · missing-neighborhood-image

'Get to Know the Neighborhood' section shows a solid color placeholder block instead of a neighborhood photo on the right side

#1moderateaccessibility · color-contrast

Elements must meet minimum color contrast ratio thresholds docs

<span aria-hidden="true" style="position: absolute; inset: 0px 1rem; display: flex; align-items: center; color: rgb(156, 163, 175); font-size: 0.875rem; font-family: var(--vibe-font-body); pointer-events: none; overflow: hidden; white-space

#2moderateaccessibility · color-contrast

Elements must meet minimum color contrast ratio thresholds docs

<button type="submit" style="width: 100%; padding: 1rem; font-size: 1rem; font-weight: 600; background-color: var(--vibe-color-primary); color: var(--vibe-color-text-on-primary, white); border: none; border-radius: var(--vibe-radius-md, 8px

#3moderateaccessibility · color-contrast

Elements must meet minimum color contrast ratio thresholds docs

<p style="font-size: 0.6875rem; color: rgb(156, 163, 175); text-align: center; margin: 0.5rem 0px 0px;">

#4moderateaccessibility · color-contrast

Elements must meet minimum color contrast ratio thresholds docs

<a href="https://policies.google.com/privacy" target="_blank" rel="noopener noreferrer" style="color: rgb(156, 163, 175);">Privacy Policy</a>

#5moderateaccessibility · color-contrast

Elements must meet minimum color contrast ratio thresholds docs

<a href="https://policies.google.com/terms" target="_blank" rel="noopener noreferrer" style="color: rgb(156, 163, 175);">Terms of Service</a>

#6moderateaccessibility · color-contrast

Elements must meet minimum color contrast ratio thresholds docs

<a href="#overview" class="block w-full md:w-auto py-3 md:py-4 text-primary-foreground no-underline text-center text-sm md:text-base font-medium font-accent transition-all duration-200 border-b-[3px] whitespace-normal px-4 min-w-0 border-b-

#7moderateaccessibility · color-contrast

Elements must meet minimum color contrast ratio thresholds docs

<a href="#floorplans" class="block w-full md:w-auto py-3 md:py-4 text-primary-foreground no-underline text-center text-sm md:text-base font-medium font-accent transition-all duration-200 border-b-[3px] whitespace-normal px-4 min-w-0 border-

#8moderateaccessibility · color-contrast

Elements must meet minimum color contrast ratio thresholds docs

<a href="#amenities" class="block w-full md:w-auto py-3 md:py-4 text-primary-foreground no-underline text-center text-sm md:text-base font-medium font-accent transition-all duration-200 border-b-[3px] whitespace-normal px-4 min-w-0 border-t

#9moderateaccessibility · color-contrast

Elements must meet minimum color contrast ratio thresholds docs

<a href="#neighborhood" class="block w-full md:w-auto py-3 md:py-4 text-primary-foreground no-underline text-center text-sm md:text-base font-medium font-accent transition-all duration-200 border-b-[3px] whitespace-normal px-4 min-w-0 borde

#10moderateaccessibility · color-contrast

Elements must meet minimum color contrast ratio thresholds docs

<p class="font-heading text-lg md:text-xl font-semibold text-primary-foreground m-0 text-center">Ready to find your new home?</p>

moderateasset · failed-request

Network failure (net::ERR_ABORTED): https://leads.multihub.io/beacon

#11minoraccessibility · landmark-banner-is-top-level

Banner landmark should not be contained in another landmark docs

<div class="fixed top-0 left-0 right-0 z-[1100] overflow-hidden cursor-pointer" role="banner" aria-label="Special offers — click to contact us" style="max-height: 140px; opacity: 1; transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1),

#12minoraccessibility · landmark-no-duplicate-banner

Document should not have more than one banner landmark docs

<header class="fixed left-0 right-0 z-[1000] bg-primary shadow-md transition-transform duration-300 ease-in-out translate-y-0" style="top: var(--offer-banner-height, 0px);">

#15minorvisual · invisible-logo-in-promo-banner

Logo at top-left of the promotional banner is nearly invisible due to low contrast against the dark transparent overlay