QC: the-lex-lp

Crawled 1 pages · started 2026-04-27T16:20:29Z · finished 2026-04-27T16:20:46Z

0

Critical

2

Serious

12

Moderate

3

Minor

Page	URL	Critical	Serious	Moderate	Minor	Total
The Lex \| Tacoma	https://site-the-lex-lp.pages.dev/	0	2	12	3	17

The Lex | Tacoma

Severity

Critical0Serious2Moderate12Minor3

Category

Accessibility13Asset1Visual3

The Lex | Tacoma

https://site-the-lex-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

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

#3moderateaccessibility · 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>

#4moderateaccessibility · 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>

#5moderateaccessibility · 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-

#6moderateaccessibility · 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

#7moderateaccessibility · 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

#8moderateaccessibility · color-contrast

Elements must meet minimum color contrast ratio thresholds docs

<span class="text-[11px] uppercase tracking-wide text-primary-foreground font-body mb-0.5 opacity-70">Application Fee</span>

#9moderateaccessibility · color-contrast

Elements must meet minimum color contrast ratio thresholds docs

<span class="text-[11px] uppercase tracking-wide text-primary-foreground font-body mb-0.5 opacity-70">Pets Allowed</span>

#10moderateaccessibility · color-contrast

Elements must meet minimum color contrast ratio thresholds docs

<span class="text-[11px] uppercase tracking-wide text-primary-foreground font-body mb-0.5 opacity-70">Max Pets</span>

moderateasset · failed-request

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

#15moderatevisual · sparse-floor-plan-thumbnails

Several floor plan thumbnails (Studio E12, Open One A1/A3) render as nearly-empty outlines rather than full layouts

#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);">

#16minorvisual · 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