Qwen Qwen3.8 Max (0902) – Real Estate
via Alibaba · Generated
- AIMAC Debt 16.49
- Cost $0.23
- Total Violations 114
- HTML Size 80 KB
- Em Dashes 48
Screenshot
View Live Page
Accessibility Issues Found
2 Critical 112 Serious
-
aria-required-children critical 1 instance
Certain ARIA roles must contain particular children
Example HTML
<div class="tabs" role="tablist"> <button type="button" class="on" data-tab="">Buy</button> <button type="button" data-tab="">R... -
color-contrast serious 112 instances
Elements must meet minimum color contrast ratio thresholds
Example HTML
<span class="bt">Realty · Est. 1994</span> -
select-name critical 1 instance
Select element must have an accessible name
Example HTML
<select id="oh-party"><option value="1">1 household</option><option value="2" selected="">2 people</option><option value="3">3 people</option><opti...
Artifacts
View Generated HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Harlow & Stone Realty — Exceptional homes, honestly guided</title>
<meta name="description" content="Harlow & Stone Realty is an independent Lakeshore brokerage for home buying, rentals, neighborhood guides and mortgage resources. Est. 1994.">
<link rel="icon" href="https://placehold.co/32x32/1B2A23/F5F0E6?text=H%26S&font=oswald">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..700;1,9..144,300..700&family=Archivo:wght@400;500;600;700&display=swap" rel="stylesheet">
<script>document.documentElement.classList.add('js');</script>
<style>
/* ============ TOKENS & RESET ============ */
:root{
--paper:#F5F0E6; --paper2:#EDE5D4; --card:#FCF9F2;
--ink:#1B2A23; --ink2:#121F19; --ink3:#0E1813;
--brass:#B8862B; --brass-d:#96701F; --clay:#B4552F; --sage:#6E8069;
--cream:#F5F0E6;
--line:rgba(27,42,35,.16); --line-d:rgba(245,240,230,.16);
--disp:"Fraunces",Georgia,serif; --body:"Archivo",Helvetica,Arial,sans-serif;
--sh:0 18px 40px -18px rgba(27,42,35,.28);
--ease:cubic-bezier(.22,.7,.2,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--body);font-size:16px;line-height:1.65;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--brass);color:var(--ink2)}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
input,select{font-family:inherit;font-size:15px;color:var(--ink)}
h1,h2,h3{font-family:var(--disp);font-weight:480;letter-spacing:-.015em;line-height:1.06}
.wrap{max-width:1240px;margin:0 auto;padding:0 28px}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--cream);padding:10px 18px;z-index:200}
.skip:focus{left:12px;top:12px}
/* grain */
body::after{content:"";position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.05;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");}
/* shared bits */
.kick{font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--brass-d);display:inline-flex;align-items:center;gap:10px}
.kick::before{content:"";width:26px;height:1px;background:var(--brass)}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:var(--cream);font-weight:600;font-size:14px;letter-spacing:.04em;padding:15px 26px;border:1px solid var(--ink);border-radius:3px;transition:background .3s,border-color .3s,transform .3s}
.btn .ar{transition:transform .3s var(--ease)}
.btn:hover{background:var(--brass);border-color:var(--brass);color:var(--ink2)}
.btn:hover .ar{transform:translateX(5px)}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.ghost:hover{background:var(--ink);color:var(--cream)}
.btn.brass{background:var(--brass);border-color:var(--brass);color:var(--ink2)}
.btn.brass:hover{background:var(--cream);border-color:var(--cream)}
.link-a{font-weight:600;font-size:14px;letter-spacing:.03em;border-bottom:1px solid var(--ink);padding-bottom:2px;transition:color .25s,border-color .25s}
.link-a:hover{color:var(--brass-d);border-color:var(--brass-d)}
/* reveal */
html.js .rv{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
html.js .rv.is-in{opacity:1;transform:none}
/* ============ TICKER ============ */
.ticker{background:var(--ink2);color:var(--cream);overflow:hidden;border-bottom:1px solid rgba(245,240,230,.1)}
.ticker-track{display:flex;width:max-content;animation:tick 42s linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker span{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;padding:11px 0;white-space:nowrap}
.ticker i{font-style:normal;color:var(--brass);padding:0 22px}
.ticker b{color:var(--brass);font-weight:700}
@keyframes tick{to{transform:translateX(-50%)}}
/* ============ HEADER ============ */
header{position:sticky;top:0;z-index:100;background:var(--paper);border-bottom:1px solid var(--line);transition:box-shadow .3s}
header.scrolled{box-shadow:0 12px 30px -20px rgba(27,42,35,.35)}
.hd{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 0}
.brand{display:flex;align-items:center;gap:14px}
.brand img{width:46px;height:46px;border-radius:2px}
.brand .bw{font-family:var(--disp);font-size:21px;font-weight:560;letter-spacing:.01em;line-height:1}
.brand .bw em{font-style:italic;color:var(--brass-d)}
.brand .bt{font-size:9.5px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:rgba(27,42,35,.6);margin-top:5px}
nav.main{display:flex;gap:26px}
nav.main a{font-size:13.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;position:relative;padding:6px 0}
nav.main a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--brass);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}
nav.main a:hover::after{transform:scaleX(1);transform-origin:left}
.hd-right{display:flex;align-items:center;gap:20px}
.hd-phone{font-family:var(--disp);font-style:italic;font-size:16px}
.burger{display:none;flex-direction:column;gap:5px;padding:8px}
.burger span{width:24px;height:2px;background:var(--ink);transition:.3s}
.mnav{position:fixed;inset:0;top:0;background:var(--ink2);color:var(--cream);z-index:150;display:flex;flex-direction:column;justify-content:center;padding:40px;gap:6px;transform:translateY(-102%);transition:transform .55s var(--ease)}
.mnav.open{transform:none}
.mnav a{font-family:var(--disp);font-size:34px;padding:8px 0;border-bottom:1px solid var(--line-d)}
.mnav .x{position:absolute;top:24px;right:28px;font-size:15px;letter-spacing:.2em;text-transform:uppercase;color:var(--brass)}
/* ============ HERO ============ */
.hero{padding:76px 0 110px;position:relative;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.06fr .94fr;gap:60px;align-items:center}
.hero h1{font-size:clamp(46px,5.6vw,84px);margin:22px 0 24px}
.hero h1 .lm{display:block;overflow:hidden}
.hero h1 .lm>span{display:block;transform:translateY(112%);animation:lift 1s var(--ease) forwards}
.hero h1 .lm:nth-child(2)>span{animation-delay:.12s}
.hero h1 em{font-style:italic;color:var(--brass-d);font-weight:400}
@keyframes lift{to{transform:none}}
.hero p.lead{font-size:17.5px;max-width:56ch;color:rgba(27,42,35,.82);margin-bottom:34px}
/* search panel */
.search{background:var(--card);border:1px solid var(--line);border-radius:5px;box-shadow:var(--sh);max-width:600px}
.search .tabs{display:flex;border-bottom:1px solid var(--line)}
.search .tabs button{flex:1;padding:14px 8px;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(27,42,35,.55);border-bottom:2px solid transparent;margin-bottom:-1px;transition:.25s}
.search .tabs button.on{color:var(--ink);border-color:var(--brass);background:rgba(184,134,43,.07)}
.search .flds{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:0;align-items:stretch}
.search .fld{padding:14px 16px;border-right:1px solid var(--line)}
.search .fld label{display:block;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(27,42,35,.5);margin-bottom:4px}
.search select{width:100%;border:none;background:transparent;font-weight:600;font-size:14.5px;outline:none;appearance:none;cursor:pointer}
.search .go{margin:12px;background:var(--ink);color:var(--cream);border-radius:3px;padding:0 24px;font-weight:700;font-size:13.5px;letter-spacing:.06em;display:flex;align-items:center;gap:8px;transition:background .3s}
.search .go:hover{background:var(--brass);color:var(--ink2)}
.search .foot{padding:10px 18px 16px;font-size:13px;color:rgba(27,42,35,.65)}
.search .foot b{color:var(--brass-d)}
.hstats{display:flex;gap:0;margin-top:44px;border-top:1px solid var(--line)}
.hstats div{padding:20px 28px 0 0;margin-right:28px;border-right:1px solid var(--line)}
.hstats div:last-child{border:none}
.hstats .n{font-family:var(--disp);font-size:30px;line-height:1}
.hstats .n sup{font-size:15px;color:var(--brass-d)}
.hstats .l{font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(27,42,35,.55);margin-top:6px}
/* photo stack */
.stack{position:relative;height:600px}
.pola{position:absolute;background:var(--card);padding:10px 10px 38px;box-shadow:var(--sh);border:1px solid var(--line)}
.pola figcaption{font-family:var(--disp);font-style:italic;font-size:13.5px;color:rgba(27,42,35,.7);padding-top:10px}
.pola .im{overflow:hidden}
.pola img{width:100%;height:100%;object-fit:cover}
.kb img{animation:breathe 16s ease-in-out infinite alternate}
@keyframes breathe{from{transform:scale(1)}to{transform:scale(1.08)}}
.p1{width:64%;right:4%;top:0;transform:rotate(1.5deg);z-index:2}
.p1 .im{aspect-ratio:4/5}
.p2{width:44%;left:0;top:-16px;transform:rotate(-5deg);z-index:3}
.p2 .im{aspect-ratio:5/4}
.p3{width:40%;left:8%;bottom:-24px;transform:rotate(3deg);z-index:3}
.p3 .im{aspect-ratio:5/4}
.stack:hover .pola{transition:transform .6s var(--ease)}
.stack:hover .p1{transform:rotate(0deg) translateY(-6px)}
.stack:hover .p2{transform:rotate(-7deg) translate(-6px,-6px)}
.stamp{position:absolute;left:-30px;top:38%;z-index:5;width:118px;height:118px;animation:spin 16s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.stamp text{font-size:12.5px;font-weight:700;letter-spacing:.32em;fill:var(--ink)}
.stamp .ctr{font-family:var(--disp);font-style:italic;font-size:26px;fill:var(--brass-d)}
/* ============ SECTION SHELL ============ */
section{position:relative}
.sec{padding:104px 0}
.sec.alt{background:var(--paper2)}
.sec.dark{background:var(--ink2);color:var(--cream)}
.sec.dark .kick{color:var(--brass)}
.shead{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:52px}
.shead h2{font-size:clamp(32px,3.8vw,52px);max-width:16em;margin-top:16px}
.shead h2 em{font-style:italic;color:var(--brass-d);font-weight:420}
.dark .shead h2 em{color:var(--brass)}
.shead .side{max-width:340px;font-size:14.5px;color:rgba(27,42,35,.72);text-align:right}
.dark .shead .side{color:rgba(245,240,230,.7)}
/* ============ LISTINGS ============ */
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px}
.chip{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:9px 18px;border:1px solid var(--line);border-radius:100px;color:rgba(27,42,35,.7);transition:.25s;background:transparent}
.chip:hover{border-color:var(--ink)}
.chip.on{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.lst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.lst{background:var(--card);border:1px solid var(--line);border-radius:5px;overflow:hidden;display:flex;flex-direction:column;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.lst:hover{transform:translateY(-6px);box-shadow:var(--sh)}
.lst.feature{grid-column:span 2;grid-row:span 2}
.lst .imw{position:relative;overflow:hidden;aspect-ratio:16/10}
.lst.feature .imw{aspect-ratio:4/3;flex:1}
.lst .imw img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.lst:hover .imw img{transform:scale(1.06)}
.tag{position:absolute;top:14px;left:14px;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:7px 12px;border-radius:2px;background:var(--cream);color:var(--ink)}
.tag.gold{background:var(--brass);color:var(--ink2)}
.tag.clay{background:var(--clay);color:var(--cream)}
.heart{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:rgba(252,249,242,.92);display:grid;place-items:center;transition:.25s}
.heart svg{width:17px;height:17px;fill:none;stroke:var(--ink);stroke-width:1.8;transition:.25s}
.heart:hover{transform:scale(1.12)}
.heart.saved svg{fill:var(--clay);stroke:var(--clay)}
.lst .bd{padding:20px 22px 22px}
.lst .loc{font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--brass-d)}
.lst .price{font-family:var(--disp);font-size:27px;margin:8px 0 2px}
.lst.feature .price{font-size:34px}
.lst .addr{font-size:14px;color:rgba(27,42,35,.75)}
.lst .specs{display:flex;gap:16px;font-size:13px;color:rgba(27,42,35,.72);margin:14px 0;padding-top:14px;border-top:1px dashed var(--line)}
.lst .specs b{color:var(--ink)}
.lst .desc{font-size:14px;color:rgba(27,42,35,.78);margin-bottom:16px}
.lst .row{display:flex;align-items:center;justify-content:space-between;margin-top:auto}
.lst .ag{display:flex;align-items:center;gap:9px;font-size:12.5px;color:rgba(27,42,35,.65)}
.lst .ag img{width:28px;height:28px;border-radius:50%}
.lst.off{display:none}
.lst .row .link-a{font-size:13px}
/* ============ NEIGHBORHOODS ============ */
.hoods{display:grid;grid-template-columns:5fr 7fr;gap:70px;align-items:start}
.hoods .left{position:sticky;top:110px}
.hoods .left p{color:rgba(27,42,35,.78);margin:18px 0 30px;font-size:15.5px}
.hood-nav{border-top:1px solid var(--line)}
.hood-nav button{display:flex;width:100%;justify-content:space-between;align-items:center;padding:16px 4px;border-bottom:1px solid var(--line);font-family:var(--disp);font-size:19px;color:rgba(27,42,35,.55);transition:.3s;text-align:left}
.hood-nav button small{font-family:var(--body);font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--brass-d)}
.hood-nav button.on,.hood-nav button:hover{color:var(--ink);padding-left:14px;border-color:var(--brass)}
.hood{border-top:1px solid var(--line);padding:36px 0}
.hood:first-child{padding-top:0;border-top:none}
.hood .im{overflow:hidden;border-radius:5px;aspect-ratio:16/9;margin-bottom:24px}
.hood .im img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.hood:hover .im img{transform:scale(1.05)}
.hood h3{font-size:30px}
.hood .sub{font-family:var(--disp);font-style:italic;color:var(--brass-d);margin:4px 0 14px}
.hood p{font-size:15px;color:rgba(27,42,35,.8);max-width:60ch}
.hood .m{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:20px 0;border-radius:4px;overflow:hidden}
.hood .m div{background:var(--card);padding:13px 16px}
.hood .m .v{font-family:var(--disp);font-size:19px}
.hood .m .k{font-size:9.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(27,42,35,.55)}
/* ============ MORTGAGE ============ */
.mgrid{display:grid;grid-template-columns:7fr 5fr;gap:26px;align-items:stretch}
.calc{background:var(--paper);color:var(--ink);border-radius:6px;padding:36px;box-shadow:0 24px 60px -24px rgba(0,0,0,.5)}
.calc h3{font-size:26px;margin-bottom:6px}
.calc .hint{font-size:13px;color:rgba(27,42,35,.6);margin-bottom:26px}
.crow{margin-bottom:22px}
.crow .top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.crow label{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(27,42,35,.6)}
.crow output{font-family:var(--disp);font-size:19px}
input[type=range]{width:100%;accent-color:var(--brass);height:26px}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:3px;overflow:hidden}
.seg button{padding:9px 18px;font-size:12.5px;font-weight:700;letter-spacing:.08em;color:rgba(27,42,35,.6);transition:.25s}
.seg button.on{background:var(--ink);color:var(--cream)}
.pay{margin-top:28px;border-top:1px solid var(--line);padding-top:24px}
.pay .total{display:flex;align-items:baseline;gap:12px}
.pay .total .n{font-family:var(--disp);font-size:48px;line-height:1}
.pay .total .t{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(27,42,35,.55)}
.pbar{display:flex;height:12px;border-radius:100px;overflow:hidden;margin:20px 0 14px;background:var(--line)}
.pbar span{transition:width .5s var(--ease)}
.pbar .b1{background:var(--brass)} .pbar .b2{background:var(--clay)} .pbar .b3{background:var(--sage)} .pbar .b4{background:var(--ink)}
.pleg{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;font-size:13.5px}
.pleg li{display:flex;justify-content:space-between;list-style:none;padding:4px 0;border-bottom:1px dashed var(--line)}
.pleg li i{font-style:normal;display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:8px}
.pleg li b{font-family:var(--disp)}
.calc .btn{margin-top:26px}
.rates{display:flex;flex-direction:column}
.rates .rc{border-top:1px solid var(--line-d)}
.rate-head{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--brass);margin-bottom:18px}
.rrow{display:flex;justify-content:space-between;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--line-d)}
.rrow .nm{font-size:15px}
.rrow .nm small{display:block;font-size:11.5px;color:rgba(245,240,230,.5)}
.rrow .rt{font-family:var(--disp);font-size:26px}
.rrow .ch{font-size:11.5px;font-weight:700;letter-spacing:.06em;margin-left:12px}
.dn{color:#8FBF9B}.up{color:#E0906F}
.rates .note{font-size:12px;color:rgba(245,240,230,.5);margin:20px 0 26px}
/* ============ BUYERS ============ */
.bgrid{display:grid;grid-template-columns:5fr 7fr;gap:70px;align-items:start}
.bgrid .left{position:sticky;top:110px}
.bgrid .left p{margin:20px 0 28px;color:rgba(27,42,35,.8);font-size:15.5px}
.step{display:grid;grid-template-columns:86px 1fr;gap:24px;padding:34px 0;border-top:1px solid var(--line)}
.step:last-child{border-bottom:1px solid var(--line)}
.step .no{font-family:var(--disp);font-style:italic;font-size:42px;color:var(--brass-d);line-height:.9}
.step h3{font-size:24px;margin-bottom:10px}
.step p{font-size:14.5px;color:rgba(27,42,35,.8)}
.step .docs{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}
.step .docs span{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);padding:6px 12px;border-radius:100px;color:rgba(27,42,35,.65)}
/* ============ OPEN HOUSES ============ */
.oh{display:grid;grid-template-columns:5fr 7fr;gap:26px;align-items:stretch}
.oh-list{display:flex;flex-direction:column;gap:14px}
.oh-prop{display:flex;gap:18px;align-items:center;text-align:left;background:var(--card);border:1px solid var(--line);border-left:3px solid transparent;border-radius:5px;padding:18px 20px;transition:.3s;width:100%}
.oh-prop:hover{transform:translateX(6px)}
.oh-prop.on{border-left-color:var(--brass);box-shadow:var(--sh);background:#fff}
.oh-prop .date{background:var(--ink);color:var(--cream);text-align:center;padding:10px 14px;border-radius:3px;min-width:66px}
.oh-prop .date b{display:block;font-size:10px;letter-spacing:.22em;color:var(--brass)}
.oh-prop .date span{font-family:var(--disp);font-size:17px}
.oh-prop .nm{font-family:var(--disp);font-size:19px;line-height:1.2}
.oh-prop .ad{font-size:12.5px;color:rgba(27,42,35,.6)}
.oh-prop .pr{margin-left:auto;font-family:var(--disp);font-size:17px;color:var(--brass-d);white-space:nowrap}
.oh-panel{background:var(--ink2);color:var(--cream);border-radius:6px;padding:38px;position:relative;overflow:hidden}
.oh-panel::before{content:"OPEN HOUSE";position:absolute;right:-30px;bottom:-42px;font-family:var(--disp);font-style:italic;font-size:120px;color:rgba(245,240,230,.045);white-space:nowrap;pointer-events:none}
.oh-panel h3{font-size:26px}
.oh-panel .sub{font-size:13px;color:rgba(245,240,230,.6);margin:6px 0 24px}
.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}
.slot{border:1px solid var(--line-d);border-radius:3px;padding:12px 6px;text-align:center;font-size:13.5px;font-weight:600;color:rgba(245,240,230,.85);transition:.25s}
.slot:hover{border-color:var(--brass)}
.slot.on{background:var(--brass);color:var(--ink2);border-color:var(--brass)}
.slot.bk{opacity:.35;text-decoration:line-through;pointer-events:none}
.oh-f{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.oh-f input,.oh-f select{background:rgba(245,240,230,.06);border:1px solid var(--line-d);border-radius:3px;padding:13px 14px;color:var(--cream);outline:none;width:100%}
.oh-f input::placeholder{color:rgba(245,240,230,.4)}
.oh-f select option{color:var(--ink)}
.oh-f input:focus{border-color:var(--brass)}
.oh-err{font-size:12.5px;color:#E0906F;min-height:20px;margin-bottom:8px}
.oh-done{display:none;text-align:left;padding:12px 0}
.oh-done.show{display:block;animation:pop .5s var(--ease)}
@keyframes pop{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.oh-done .ck{width:62px;height:62px;margin-bottom:20px}
.oh-done .ck circle{fill:none;stroke:var(--brass);stroke-width:2;stroke-dasharray:170;stroke-dashoffset:170;animation:draw 1s .1s var(--ease) forwards}
.oh-done .ck path{fill:none;stroke:var(--brass);stroke-width:3;stroke-linecap:round;stroke-dasharray:60;stroke-dashoffset:60;animation:draw .6s .7s var(--ease) forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.oh-done h3{margin-bottom:10px}
.oh-done .sum{border:1px dashed var(--line-d);border-radius:4px;padding:18px 20px;margin:18px 0;font-size:14.5px}
.oh-done .sum b{color:var(--brass)}
.oh-done .tips{font-size:13px;color:rgba(245,240,230,.6);list-style:none}
.oh-done .tips li{padding:4px 0 4px 18px;position:relative}
.oh-done .tips li::before{content:"→";position:absolute;left:0;color:var(--brass)}
/* ============ AGENTS ============ */
.agrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.agent{background:var(--card);border:1px solid var(--line);border-radius:5px;padding:30px 26px;text-align:center;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.agent:hover{transform:translateY(-8px);box-shadow:var(--sh)}
.agent img{width:96px;height:96px;border-radius:50%;margin:0 auto 18px;border:2px solid var(--brass);padding:3px}
.agent h3{font-size:21px}
.agent .rl{font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--brass-d);margin:6px 0 14px}
.agent .st{display:flex;justify-content:center;gap:18px;font-size:12px;color:rgba(27,42,35,.6);border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);padding:10px 0;margin-bottom:14px}
.agent .st b{font-family:var(--disp);font-size:16px;display:block;color:var(--ink)}
.agent p{font-size:13px;color:rgba(27,42,35,.7);margin-bottom:16px}
.agent a{font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brass-d)}
/* ============ TESTIMONIALS ============ */
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:start}
.tcard{background:var(--card);border:1px solid var(--line);border-radius:5px;padding:34px 30px;position:relative;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.tcard:hover{transform:translateY(-6px);box-shadow:var(--sh)}
.tcard:nth-child(2){transform:translateY(30px)}
.tcard:nth-child(2):hover{transform:translateY(24px)}
.tcard .q{font-family:var(--disp);font-style:italic;font-size:60px;line-height:0;color:var(--brass);display:block;margin:20px 0 6px}
.tcard p{font-size:15px;color:rgba(27,42,35,.85)}
.tcard .stars{color:var(--brass);letter-spacing:3px;font-size:14px}
.tcard .who{display:flex;align-items:center;gap:14px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.tcard .who img{width:46px;height:46px;border-radius:50%}
.tcard .who b{font-size:14.5px;display:block}
.tcard .who span{font-size:12px;color:var(--brass-d);font-weight:600;letter-spacing:.04em}
/* ============ BLOG ============ */
.jgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.jcard{background:var(--card);border:1px solid var(--line);border-radius:5px;overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.jcard:hover{transform:translateY(-6px);box-shadow:var(--sh)}
.jcard .im{overflow:hidden;aspect-ratio:16/10}
.jcard .im img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.jcard:hover .im img{transform:scale(1.06)}
.jcard .bd{padding:24px 24px 26px}
.jcard .cat{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--clay)}
.jcard h3{font-size:23px;margin:10px 0 10px;line-height:1.18}
.jcard p{font-size:14px;color:rgba(27,42,35,.75);margin-bottom:18px}
.jcard .meta{font-size:12px;color:rgba(27,42,35,.55);display:flex;gap:14px}
/* ============ FAQ ============ */
.faq{max-width:880px;margin:0 auto}
.fitem{border-bottom:1px solid var(--line)}
.fq{width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px;text-align:left;padding:24px 4px;font-family:var(--disp);font-size:21px;transition:color .25s}
.fq:hover{color:var(--brass-d)}
.fq .pl{font-family:var(--body);font-size:26px;font-weight:300;color:var(--brass-d);transition:transform .4s var(--ease);line-height:1}
.fitem.open .fq .pl{transform:rotate(45deg)}
.fa{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease)}
.fitem.open .fa{grid-template-rows:1fr}
.fa>div{overflow:hidden}
.fa p{padding:0 4px 26px;font-size:15px;color:rgba(27,42,35,.8);max-width:66ch}
/* ============ VALUATION ============ */
.sell{background:var(--ink2);color:var(--cream);padding:110px 0;position:relative;overflow:hidden}
.sell::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 46px,rgba(184,134,43,.05) 46px 47px)}
.sell .wrap{position:relative;display:grid;grid-template-columns:7fr 5fr;gap:60px;align-items:center}
.sell h2{font-size:clamp(34px,4.2vw,58px);margin:18px 0 20px}
.sell h2 em{font-style:italic;color:var(--brass)}
.sell p{color:rgba(245,240,230,.75);font-size:16.5px;max-width:52ch}
.vform{background:rgba(245,240,230,.05);border:1px solid var(--line-d);border-radius:6px;padding:34px}
.vform label{display:block;font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--brass);margin:0 0 7px 2px}
.vform input{width:100%;background:rgba(245,240,230,.07);border:1px solid var(--line-d);border-radius:3px;padding:14px 16px;color:var(--cream);outline:none;margin-bottom:18px}
.vform input:focus{border-color:var(--brass)}
.vform .fine{font-size:12px;color:rgba(245,240,230,.5);margin-top:14px}
/* ============ FOOTER ============ */
footer{background:var(--ink3);color:rgba(245,240,230,.75);padding:80px 0 0}
.fgrid{display:grid;grid-template-columns:4fr 2fr 3fr 3fr;gap:48px;padding-bottom:60px;border-bottom:1px solid var(--line-d)}
.fbrand .bw{font-family:var(--disp);font-size:26px;color:var(--cream)}
.fbrand .bw em{font-style:italic;color:var(--brass)}
.fbrand p{font-size:14px;margin:16px 0 22px;max-width:34ch}
.fbrand .tg{font-family:var(--disp);font-style:italic;color:var(--brass);font-size:15px}
.socials{display:flex;gap:14px;margin-top:22px}
.socials a{width:38px;height:38px;border:1px solid var(--line-d);border-radius:50%;display:grid;place-items:center;transition:.3s}
.socials a:hover{background:var(--brass);border-color:var(--brass);color:var(--ink2);transform:translateY(-3px)}
.socials svg{width:16px;height:16px;fill:currentColor}
footer h4{font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--brass);margin-bottom:20px}
footer ul{list-style:none}
footer li{margin-bottom:11px;font-size:14px}
footer li a{transition:color .25s}
footer li a:hover{color:var(--brass)}
.fcontact li{display:flex;gap:10px;font-size:14px;line-height:1.55}
.fcontact b{color:var(--cream);font-weight:600}
.fbot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;padding:26px 0;font-size:12.5px;color:rgba(245,240,230,.5)}
.fbot nav{display:flex;gap:22px}
.fbot nav a:hover{color:var(--brass)}
.eho{display:flex;align-items:center;gap:8px}
/* ============ RESPONSIVE ============ */
@media(max-width:1080px){
.lst-grid{grid-template-columns:1fr 1fr}
.lst.feature{grid-column:span 2;grid-row:auto}
.agrid{grid-template-columns:repeat(2,1fr)}
.tgrid{grid-template-columns:1fr;max-width:620px;margin:0 auto}
.tcard:nth-child(2){transform:none}
}
@media(max-width:980px){
nav.main,.hd-phone{display:none}
.burger{display:flex}
.hero .wrap{grid-template-columns:1fr}
.stack{height:480px;max-width:560px}
.hoods,.bgrid,.mgrid,.oh,.sell .wrap{grid-template-columns:1fr;gap:44px}
.hoods .left,.bgrid .left{position:static}
.shead{flex-direction:column;align-items:flex-start}
.shead .side{text-align:left}
.jgrid{grid-template-columns:1fr}
}
@media(max-width:640px){
.wrap{padding:0 20px}
.sec{padding:72px 0}
.search .flds{grid-template-columns:1fr}
.search .fld{border-right:none;border-bottom:1px solid var(--line)}
.search .go{margin:14px 12px;padding:14px}
.hstats{flex-wrap:wrap}
.lst-grid,.agrid{grid-template-columns:1fr}
.lst.feature{grid-column:auto}
.hood .m{grid-template-columns:1fr 1fr}
.slots{grid-template-columns:1fr 1fr}
.oh-f{grid-template-columns:1fr}
.fgrid{grid-template-columns:1fr}
.stamp{left:-14px}
}
/* ============ REDUCED MOTION ============ */
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{animation:none!important;transition:none!important}
html{scroll-behavior:auto}
html.js .rv{opacity:1;transform:none}
.hero h1 .lm>span{transform:none}
.ticker-track{animation:none}
}
</style>
</head>
<body>
<a class="skip" href="#main">Skip to content</a>
<!-- ══════════ MARKET TICKER ══════════ -->
<div class="ticker" aria-hidden="true">
<div class="ticker-track">
<span>Median sale price — <b>$842,000</b> ▲ 2.1% YoY<i>◆</i>30-yr fixed — <b>6.12%</b> ▼ 0.04<i>◆</i>Days on market — <b>18</b><i>◆</i>Open houses this week — <b>14</b><i>◆</i>New listings — <b>27</b><i>◆</i>Harbor Row — <b>3 new pendings</b><i>◆</i>21 Willow Flats Rd — <b>price reduced</b><i>◆</i>Sold over ask (90 days) — <b>41%</b><i>◆</i></span>
<span>Median sale price — <b>$842,000</b> ▲ 2.1% YoY<i>◆</i>30-yr fixed — <b>6.12%</b> ▼ 0.04<i>◆</i>Days on market — <b>18</b><i>◆</i>Open houses this week — <b>14</b><i>◆</i>New listings — <b>27</b><i>◆</i>Harbor Row — <b>3 new pendings</b><i>◆</i>21 Willow Flats Rd — <b>price reduced</b><i>◆</i>Sold over ask (90 days) — <b>41%</b><i>◆</i></span>
</div>
</div>
<!-- ══════════ HEADER ══════════ -->
<header id="hdr">
<div class="wrap hd">
<a href="#top" class="brand">
<img src="https://placehold.co/96x96/1B2A23/F5F0E6?text=H%26S&font=oswald" alt="Harlow and Stone monogram">
<span>
<span class="bw">Harlow <em>&</em> Stone</span>
<span class="bt">Realty · Est. 1994</span>
</span>
</a>
<nav class="main" aria-label="Primary">
<a href="#market">Market</a>
<a href="#buy">Buy</a>
<a href="#sell">Sell</a>
<a href="#neighborhoods">Neighborhoods</a>
<a href="#mortgage">Mortgage</a>
<a href="#blog">Blog</a>
<a href="#contact">Contact</a>
</nav>
<div class="hd-right">
<span class="hd-phone">(555) 014-8830</span>
<a href="#openhouses" class="btn">Book a Tour <span class="ar">→</span></a>
<button class="burger" id="burger" aria-label="Open menu" aria-expanded="false"><span></span><span></span><span></span></button>
</div>
</div>
</header>
<div class="mnav" id="mnav" aria-label="Mobile">
<button class="x" id="mclose">Close ✕</button>
<a href="#market">Market</a><a href="#buy">Buy</a><a href="#sell">Sell</a>
<a href="#neighborhoods">Neighborhoods</a><a href="#mortgage">Mortgage</a>
<a href="#blog">Blog</a><a href="#contact">Contact</a>
</div>
<main id="main">
<!-- ══════════ HERO ══════════ -->
<section class="hero" id="top">
<div class="wrap">
<div>
<span class="kick">Independent Lakeshore Brokerage</span>
<h1>
<span class="lm"><span>The right home</span></span>
<span class="lm"><span><em>finds you.</em></span></span>
</h1>
<p class="lead">Since 1994, Harlow & Stone has guided buyers, sellers and renters across the Lakeshore region with straight answers on pricing, appraisal and everything between offer and keys. No pressure, no jargon left unexplained — just the local knowledge that turns square footage into a place you belong.</p>
<form class="search" onsubmit="return false" aria-label="Property search">
<div class="tabs" role="tablist">
<button type="button" class="on" data-tab>Buy</button>
<button type="button" data-tab>Rent</button>
<button type="button" data-tab>Sold</button>
</div>
<div class="flds">
<div class="fld"><label for="f-loc">Location</label>
<select id="f-loc"><option>All neighborhoods</option><option>Harbor Row</option><option>Maple & 9th</option><option>Oak Hollow</option><option>The Terraces</option><option>Willow Flats</option></select>
</div>
<div class="fld"><label for="f-typ">Type</label>
<select id="f-typ"><option>Any type</option><option>Single-family</option><option>Townhouse</option><option>Condo / Loft</option><option>Land</option></select>
</div>
<div class="fld"><label for="f-prc">Max price</label>
<select id="f-prc"><option>Any price</option><option>$500K</option><option>$750K</option><option>$1M</option><option>$1.5M</option><option>$2.5M+</option></select>
</div>
<button class="go" type="submit">Start Search <span class="ar">→</span></button>
</div>
<div class="foot">Or browse <b>all 243 active listings</b> — updated from the Lakeshore MLS every 15 minutes.</div>
</form>
<div class="hstats">
<div class="rv"><div class="n"><span data-count="3214">0</span><sup>+</sup></div><div class="l">Keys handed over</div></div>
<div class="rv" style="transition-delay:.1s"><div class="n">$<span data-count="2.1" data-dec="1">0</span>B</div><div class="l">Closed volume</div></div>
<div class="rv" style="transition-delay:.2s"><div class="n"><span data-count="19">0</span></div><div class="l">Avg. days to offer</div></div>
</div>
</div>
<div class="stack rv" aria-hidden="true">
<figure class="pola p1"><div class="im kb"><img src="https://picsum.photos/seed/harbor-house-exterior/860/1060" alt="Featured harbor-front home"></div><figcaption>77 Birchwater Dr · Under contract in 9 days</figcaption></figure>
<figure class="pola p2"><div class="im"><img src="https://picsum.photos/seed/craftsman-porch/640/520" alt="Craftsman porch detail"></div><figcaption>Maple & 9th · $739,000</figcaption></figure>
<figure class="pola p3"><div class="im"><img src="https://picsum.photos/seed/loft-brick-interior/640/520" alt="Loft interior"></div><figcaption>The Foundry Loft · Open Sun</figcaption></figure>
<svg class="stamp" viewBox="0 0 118 118">
<defs><path id="cir" d="M59,59 m-44,0 a44,44 0 1,1 88,0 a44,44 0 1,1 -88,0"/></defs>
<circle cx="59" cy="59" r="57" fill="var(--card)" stroke="var(--line)"/>
<text><textPath href="#cir">OPEN HOUSE · SUNDAY · 11–1 · </textPath></text>
<text class="ctr" x="59" y="70" text-anchor="middle">H&S</text>
</svg>
</div>
</div>
</section>
<!-- ══════════ 01 · LISTINGS ══════════ -->
<section class="sec" id="market">
<div class="wrap">
<div class="shead rv">
<div><span class="kick">01 · This Week on the Market</span>
<h2>Hand-picked listings, <em>priced with proof.</em></h2></div>
<p class="side">Every listing below comes with a comparative market analysis and honest notes on condition, lot and likely appraisal value. When we say move-in ready, we mean it.</p>
</div>
<div class="chips rv" role="group" aria-label="Filter listings">
<button class="chip on" data-filter="all">All listings</button>
<button class="chip" data-filter="open">Open house</button>
<button class="chip" data-filter="new">New this week</button>
<button class="chip" data-filter="reduced">Price reduced</button>
<button class="chip" data-filter="under800">Under $800K</button>
</div>
<div class="lst-grid">
<article class="lst feature rv" data-tag="open new">
<div class="imw"><img src="https://picsum.photos/seed/foundry-loft-brick/1200/900" alt="The Foundry Loft exterior">
<span class="tag gold">Open House · Sun 11–1</span>
<button class="heart" aria-label="Save listing"><svg viewBox="0 0 24 24"><path d="M12 21s-7.5-4.8-9.7-9.2C.7 8.6 2.4 4.9 6 4.5c2-.2 3.9.8 6 3 2.1-2.2 4-3.2 6-3 3.6.4 5.3 4.1 3.7 7.3C19.5 16.2 12 21 12 21z"/></svg></button>
</div>
<div class="bd">
<span class="loc">Harbor Row</span>
<div class="price">$1,285,000</div>
<div class="addr">The Foundry Loft · 418 Canal Street</div>
<div class="specs"><span><b>3</b> bd</span><span><b>3</b> ba</span><span><b>2,940</b> sqft</span><span><b>$437</b>/sqft</span></div>
<p class="desc">A 1912 ironworks converted into a single residence with 14-foot timber ceilings, original brick and a chef's kitchen anchored by a 12-foot island. Deeded marina slip included; new HVAC and PEX plumbing (2023) should make the appraisal sail through.</p>
<div class="row"><span class="ag"><img src="https://i.pravatar.cc/64?u=mara" alt="">Mara Ellison · Principal Broker</span><a class="link-a" href="#openhouses">View Details →</a></div>
</div>
</article>
<article class="lst rv" data-tag="new under800" style="transition-delay:.08s">
<div class="imw"><img src="https://picsum.photos/seed/craftsman-bungalow-home/800/520" alt="142 Maple Crescent">
<span class="tag">New this week</span>
<button class="heart" aria-label="Save listing"><svg viewBox="0 0 24 24"><path d="M12 21s-7.5-4.8-9.7-9.2C.7 8.6 2.4 4.9 6 4.5c2-.2 3.9.8 6 3 2.1-2.2 4-3.2 6-3 3.6.4 5.3 4.1 3.7 7.3C19.5 16.2 12 21 12 21z"/></svg></button>
</div>
<div class="bd">
<span class="loc">Maple & 9th</span><div class="price">$739,000</div>
<div class="addr">142 Maple Crescent</div>
<div class="specs"><span><b>4</b> bd</span><span><b>2.5</b> ba</span><span><b>2,310</b> sqft</span></div>
<div class="row"><span class="ag"><img src="https://i.pravatar.cc/64?u=priya" alt="">Priya Raman</span><a class="link-a" href="#openhouses">View Details →</a></div>
</div>
</article>
<article class="lst rv" data-tag="reduced" style="transition-delay:.16s">
<div class="imw"><img src="https://picsum.photos/seed/wooded-ranch-house/800/520" alt="9 Oak Hollow Lane">
<span class="tag clay">Price reduced −$25K</span>
<button class="heart" aria-label="Save listing"><svg viewBox="0 0 24 24"><path d="M12 21s-7.5-4.8-9.7-9.2C.7 8.6 2.4 4.9 6 4.5c2-.2 3.9.8 6 3 2.1-2.2 4-3.2 6-3 3.6.4 5.3 4.1 3.7 7.3C19.5 16.2 12 21 12 21z"/></svg></button>
</div>
<div class="bd">
<span class="loc">Oak Hollow</span><div class="price">$862,500</div>
<div class="addr">9 Oak Hollow Lane</div>
<div class="specs"><span><b>3</b> bd</span><span><b>2</b> ba</span><span><b>2,140</b> sqft</span></div>
<div class="row"><span class="ag"><img src="https://i.pravatar.cc/64?u=daniel" alt="">Daniel Okafor</span><a class="link-a" href="#openhouses">View Details →</a></div>
</div>
</article>
<article class="lst rv" data-tag="under800 new" style="transition-delay:.08s">
<div class="imw"><img src="https://picsum.photos/seed/terrace-condo-skyline/800/520" alt="The Terraces Unit 7C">
<span class="tag">New this week</span>
<button class="heart" aria-label="Save listing"><svg viewBox="0 0 24 24"><path d="M12 21s-7.5-4.8-9.7-9.2C.7 8.6 2.4 4.9 6 4.5c2-.2 3.9.8 6 3 2.1-2.2 4-3.2 6-3 3.6.4 5.3 4.1 3.7 7.3C19.5 16.2 12 21 12 21z"/></svg></button>
</div>
<div class="bd">
<span class="loc">The Terraces</span><div class="price">$519,000</div>
<div class="addr">The Terraces · Unit 7C</div>
<div class="specs"><span><b>2</b> bd</span><span><b>2</b> ba</span><span><b>1,180</b> sqft</span></div>
<div class="row"><span class="ag"><img src="https://i.pravatar.cc/64?u=tom" alt="">Tom Vasquez</span><a class="link-a" href="#openhouses">View Details →</a></div>
</div>
</article>
<article class="lst rv" data-tag="open" style="transition-delay:.16s">
<div class="imw"><img src="https://picsum.photos/seed/slate-roof-colonial/800/520" alt="77 Birchwater Drive">
<span class="tag gold">Open House · Sat 12–2</span>
<button class="heart" aria-label="Save listing"><svg viewBox="0 0 24 24"><path d="M12 21s-7.5-4.8-9.7-9.2C.7 8.6 2.4 4.9 6 4.5c2-.2 3.9.8 6 3 2.1-2.2 4-3.2 6-3 3.6.4 5.3 4.1 3.7 7.3C19.5 16.2 12 21 12 21z"/></svg></button>
</div>
<div class="bd">
<span class="loc">Willow Flats</span><div class="price">$948,000</div>
<div class="addr">77 Birchwater Drive</div>
<div class="specs"><span><b>4</b> bd</span><span><b>3</b> ba</span><span><b>2,675</b> sqft</span></div>
<div class="row"><span class="ag"><img src="https://i.pravatar.cc/64?u=mara" alt="">Mara Ellison</span><a class="link-a" href="#openhouses">View Details →</a></div>
</div>
</article>
<article class="lst rv" data-tag="under800 reduced" style="transition-delay:.24s">
<div class="imw"><img src="https://picsum.photos/seed/bungalow-garden-adu/800/520" alt="21 Willow Flats Road">
<span class="tag clay">Price reduced −$12K</span>
<button class="heart" aria-label="Save listing"><svg viewBox="0 0 24 24"><path d="M12 21s-7.5-4.8-9.7-9.2C.7 8.6 2.4 4.9 6 4.5c2-.2 3.9.8 6 3 2.1-2.2 4-3.2 6-3 3.6.4 5.3 4.1 3.7 7.3C19.5 16.2 12 21 12 21z"/></svg></button>
</div>
<div class="bd">
<span class="loc">Willow Flats</span><div class="price">$655,000</div>
<div class="addr">21 Willow Flats Road</div>
<div class="specs"><span><b>3</b> bd</span><span><b>2</b> ba</span><span><b>1,920</b> sqft</span></div>
<div class="row"><span class="ag"><img src="https://i.pravatar.cc/64?u=priya" alt="">Priya Raman</span><a class="link-a" href="#openhouses">View Details →</a></div>
</div>
</article>
</div>
<div style="text-align:center;margin-top:44px" class="rv">
<a href="#mortgage" class="btn ghost">See all 243 listings <span class="ar">→</span></a>
</div>
</div>
</section>
<!-- ══════════ 02 · NEIGHBORHOODS ══════════ -->
<section class="sec alt" id="neighborhoods">
<div class="wrap hoods">
<div class="left rv">
<span class="kick">02 · Neighborhood Guide</span>
<h2 style="margin-top:16px">Know the street <em>before</em> the listing.</h2>
<p>We walk every block we sell — school catchments, parking rules, the coffee shop that remembers your order. Our field notes cover median sale price, walkability and the honest feel of a Tuesday afternoon, not just a Saturday showing.</p>
<div class="hood-nav">
<button class="on" data-spy="hood-1">Harbor Row <small>Median $1.10M</small></button>
<button data-spy="hood-2">Maple & 9th <small>Median $742K</small></button>
<button data-spy="hood-3">Oak Hollow <small>Median $835K</small></button>
<button data-spy="hood-4">The Terraces <small>Median $498K</small></button>
</div>
<p style="margin-top:26px"><a class="link-a" href="#sell">Get the full 40-page neighborhood book →</a></p>
</div>
<div>
<article class="hood rv" id="hood-1">
<div class="im kb"><img src="https://picsum.photos/seed/harbor-row-marina/1000/620" alt="Harbor Row marina"></div>
<h3>Harbor Row</h3><div class="sub">Warehouses turned waterfront homes, five minutes from the marina.</div>
<p>Once the city's ironworks district, Harbor Row now mixes converted lofts, brick townhomes and a boardwalk that fills with strollers by nine every weekend. Expect competitive bidding on water-view lots, strong HOA reserves in the conversions, and the region's best farmers market every Saturday morning.</p>
<div class="m">
<div><div class="v">$1.10M</div><div class="k">Median sale</div></div>
<div><div class="v">92</div><div class="k">Walk score</div></div>
<div><div class="v">12 min</div><div class="k">To downtown</div></div>
<div><div class="v">34</div><div class="k">Active listings</div></div>
</div>
<a class="link-a" href="#market">View 34 Harbor Row listings →</a>
</article>
<article class="hood rv" id="hood-2">
<div class="im"><img src="https://picsum.photos/seed/maple-craftsman-street/1000/620" alt="Maple and 9th craftsman street"></div>
<h3>Maple & 9th</h3><div class="sub">Craftsman bungalows, porch lights and a top-rated elementary.</div>
<p>Tree-lined and stubbornly charming, Maple & 9th is where 1920s Craftsman stock survives intact — original millwork, deep eaves, garages converted into studios. Lincoln Elementary's ratings keep demand steady, and lot sizes here (6,000 sqft average) are the largest inside the beltway.</p>
<div class="m">
<div><div class="v">$742K</div><div class="k">Median sale</div></div>
<div><div class="v">88</div><div class="k">Walk score</div></div>
<div><div class="v">18 min</div><div class="k">To downtown</div></div>
<div><div class="v">27</div><div class="k">Active listings</div></div>
</div>
<a class="link-a" href="#market">View 27 Maple & 9th listings →</a>
</article>
<article class="hood rv" id="hood-3">
<div class="im"><img src="https://picsum.photos/seed/oak-hollow-forest-trail/1000/620" alt="Oak Hollow trails"></div>
<h3>Oak Hollow</h3><div class="sub">Wooded lots, mid-century ranches and trailheads at the cul-de-sac.</div>
<p>If your idea of square footage includes half an acre of oaks, this is it. Mid-century ranches sit on the region's quietest streets, and the greenbelt trail system starts three blocks from most front doors. Appraisals here reward updated roofs and septic — we flag both in every showing note.</p>
<div class="m">
<div><div class="v">$835K</div><div class="k">Median sale</div></div>
<div><div class="v">64</div><div class="k">Walk score</div></div>
<div><div class="v">25 min</div><div class="k">To downtown</div></div>
<div><div class="v">18</div><div class="k">Active listings</div></div>
</div>
<a class="link-a" href="#market">View 18 Oak Hollow listings →</a>
</article>
<article class="hood rv" id="hood-4">
<div class="im"><img src="https://picsum.photos/seed/terraces-city-condos/1000/620" alt="The Terraces skyline"></div>
<h3>The Terraces</h3><div class="sub">Elevator buildings, skyline light and the friendliest first-buy math.</div>
<p>The Terraces packs the region's best entry price per square foot into well-run elevator buildings with real reserve studies. Closing costs trend lower here, lender reviews of the HOAs are clean, and the 8-minute commute is the shortest on our books. Ideal for first-time buyers and downsizers alike.</p>
<div class="m">
<div><div class="v">$498K</div><div class="k">Median sale</div></div>
<div><div class="v">95</div><div class="k">Walk score</div></div>
<div><div class="v">8 min</div><div class="k">To downtown</div></div>
<div><div class="v">41</div><div class="k">Active listings</div></div>
</div>
<a class="link-a" href="#market">View 41 Terraces listings →</a>
</article>
</div>
</div>
</section>
<!-- ══════════ 03 · MORTGAGE ══════════ -->
<section class="sec dark" id="mortgage">
<div class="wrap">
<div class="shead rv">
<div><span class="kick">03 · Mortgage Center</span>
<h2>Run the numbers <em>before</em> the open house.</h2></div>
<p class="side">Our calculator includes taxes, insurance and PMI — the parts other calculators leave out. Estimates only; your lender's quote governs.</p>
</div>
<div class="mgrid">
<div class="calc rv" id="calc">
<h3>Payment calculator</h3>
<p class="hint">Drag the sliders — everything updates live, including your down-payment target.</p>
<div class="crow"><div class="top"><label for="c-price">Home price</label><output id="o-price">$725,000</output></div>
<input type="range" id="c-price" min="250000" max="2500000" step="25000" value="725000"></div>
<div class="crow"><div class="top"><label for="c-dp">Down payment</label><output id="o-dp">20% · $145,000</output></div>
<input type="range" id="c-dp" min="0" max="50" step="5" value="20"></div>
<div class="crow"><div class="top"><label for="c-rate">Interest rate</label><output id="o-rate">6.12%</output></div>
<input type="range" id="c-rate" min="3" max="9" step="0.01" value="6.12"></div>
<div class="crow"><div class="top"><label>Loan term</label></div>
<div class="seg"><button type="button" class="on" data-y="30">30-year</button><button type="button" data-y="15">15-year</button></div></div>
<div class="pay">
<div class="total"><span class="n" id="o-total">$4,838</span><span class="t">est. total / month</span></div>
<div class="pbar" aria-hidden="true">
<span class="b1" id="s-pi" style="width:72%"></span><span class="b2" id="s-tax" style="width:13%"></span><span class="b3" id="s-ins" style="width:3%"></span><span class="b4" id="s-pmi" style="width:0%"></span>
</div>
<ul class="pleg">
<li><span><i style="background:var(--brass)"></i>Principal & interest</span><b id="o-pi">$3,528</b></li>
<li><span><i style="background:var(--clay)"></i>Property tax (est.)</span><b id="o-tax">$640</b></li>
<li><span><i style="background:var(--sage)"></i>Home insurance</span><b id="o-ins">$150</b></li>
<li id="row-pmi" style="display:none"><span><i style="background:var(--ink)"></i>PMI (under 20% down)</span><b id="o-pmi">$0</b></li>
</ul>
<p style="font-size:12.5px;color:rgba(27,42,35,.55);margin-top:14px">Loan amount <b id="o-loan">$580,000</b> · Typical closing costs on this price: <b id="o-close">$14,500–$29,000</b></p>
<a href="#buy" class="btn">Calculate Payment With a Lender <span class="ar">→</span></a>
</div>
</div>
<div class="rates rv" style="transition-delay:.12s">
<div class="rate-head">Today's partner-lender rates</div>
<div class="rc">
<div class="rrow"><div class="nm">30-year fixed<small>Most popular for first-time buyers</small></div><div><span class="rt">6.12%</span><span class="ch dn">▼ 0.04</span></div></div>
<div class="rrow"><div class="nm">15-year fixed<small>Roughly $140K less interest paid</small></div><div><span class="rt">5.38%</span><span class="ch dn">▼ 0.02</span></div></div>
<div class="rrow"><div class="nm">FHA 30-year<small>3.5% down option available</small></div><div><span class="rt">5.87%</span><span class="ch up">▲ 0.01</span></div></div>
<div class="rrow"><div class="nm">Jumbo 30-year<small>Loans over $766,550</small></div><div><span class="rt">6.34%</span><span class="ch dn">▼ 0.06</span></div></div>
</div>
<p class="note">Rates refreshed Friday 7:00 AM ET via Lakeshore Capital Partners. APR includes discount points. Not a commitment to lend.</p>
<a href="#buy" class="btn brass" style="align-self:flex-start">Get Pre-Approved <span class="ar">→</span></a>
<p class="note" style="margin-top:18px">Pre-approval takes about 20 minutes on a call and locks your rate window for 60 days — free, and it makes your offer measurably stronger.</p>
</div>
</div>
</div>
</section>
<!-- ══════════ 04 · FIRST-TIME BUYERS ══════════ -->
<section class="sec" id="buy">
<div class="wrap bgrid">
<div class="left rv">
<span class="kick">04 · First-Time Buyers</span>
<h2 style="margin-top:16px">From pre-approval to keys, <em>four honest steps.</em></h2>
<p>Nine hundred of our 3,200 closings have been first-time buyers. The process below is the exact sequence we walk every client through — including the paperwork nobody warns you about and the moments where deals usually wobble.</p>
<a href="#mortgage" class="btn">Download the 23-Point Buyer Checklist <span class="ar">→</span></a>
<p style="margin-top:16px"><a class="link-a" href="#openhouses">Or book a free 20-minute pre-approval call →</a></p>
</div>
<div>
<div class="step rv"><div class="no">01</div><div>
<h3>Pre-approval, not pre-qualification</h3>
<p>A lender verifies your income, credit and assets and issues a letter stating exactly what you can borrow — usually within 48 hours. Sellers in our market expect this letter with every offer. It also locks a rate window of 45–60 days, shielding you from movement while you shop.</p>
<div class="docs"><span>W-2s / pay stubs</span><span>2 months bank statements</span><span>Photo ID</span></div>
</div></div>
<div class="step rv"><div class="no">02</div><div>
<h3>Tour, compare, then offer with data</h3>
<p>We pull comparable sales from the last 90 days for every home you love, so your offer price is built on evidence rather than asking-price anchoring. Along with the offer you'll wire earnest money — typically 1–3% of the price — into a neutral escrow account, and we'll advise on inspection and financing contingencies.</p>
<div class="docs"><span>Pre-approval letter</span><span>Earnest money deposit</span><span>Contingency strategy</span></div>
</div></div>
<div class="step rv"><div class="no">03</div><div>
<h3>Inspection & appraisal</h3>
<p>The inspection is yours — a licensed inspector checks structure, roof, electrical and plumbing, and we negotiate repairs or credits on what they find. The appraisal is the lender's, confirming the home's value supports the loan. If it lands low, we have three tested plays: renegotiate, cover the gap, or split it.</p>
<div class="docs"><span>Inspection report</span><span>Appraisal gap plan</span><span>Repair credits</span></div>
</div></div>
<div class="step rv"><div class="no">04</div><div>
<h3>Clear to close, then keys</h3>
<p>You'll receive a Closing Disclosure three days before signing — we review every line with you, comparing it against the original Loan Estimate. Budget 2–5% of the purchase price for closing costs: lender fees, title insurance, escrow prepaids and recording. After the final walkthrough, you wire funds, sign, and we hand over the keys.</p>
<div class="docs"><span>Closing Disclosure</span><span>Final walkthrough</span><span>Wire to escrow</span></div>
</div></div>
</div>
</div>
</section>
<!-- ══════════ 05 · OPEN HOUSE SCHEDULER ══════════ -->
<section class="sec alt" id="openhouses">
<div class="wrap">
<div class="shead rv">
<div><span class="kick">05 · Open Houses</span>
<h2>Reserve your walkthrough <em>in thirty seconds.</em></h2></div>
<p class="side">Pick a home, pick a slot — we cap groups at four households so you can actually stand still in the kitchen and think. Free to attend, lender letters welcome but never required.</p>
</div>
<div class="oh rv">
<div class="oh-list" role="radiogroup" aria-label="Choose a property">
<button class="oh-prop on" data-home="h1"><span class="date"><b>SUN</b><span>Nov 9</span></span><span><span class="nm">The Foundry Loft</span><span class="ad">418 Canal Street · Harbor Row</span></span><span class="pr">$1,285,000</span></button>
<button class="oh-prop" data-home="h2"><span class="date"><b>SAT</b><span>Nov 8</span></span><span><span class="nm">142 Maple Crescent</span><span class="ad">Maple & 9th</span></span><span class="pr">$739,000</span></button>
<button class="oh-prop" data-home="h3"><span class="date"><b>SAT</b><span>Nov 8</span></span><span><span class="nm">77 Birchwater Drive</span><span class="ad">Willow Flats</span></span><span class="pr">$948,000</span></button>
<p style="font-size:13px;color:rgba(27,42,35,.6);padding:6px 4px">Can't make the weekend? <a class="link-a" href="#contact">Request a private weekday tour →</a></p>
</div>
<div class="oh-panel">
<form id="ohForm" novalidate>
<h3 id="oh-title">The Foundry Loft</h3>
<p class="sub" id="oh-sub">Sunday, Nov 9 · Guided by Mara Ellison · Street parking + lot on Canal</p>
<div class="slots" id="oh-slots"></div>
<div class="oh-f">
<input type="text" id="oh-name" placeholder="Your full name" autocomplete="name">
<input type="email" id="oh-email" placeholder="Email address" autocomplete="email">
</div>
<div class="oh-f">
<select id="oh-party"><option value="1">1 household</option><option value="2" selected>2 people</option><option value="3">3 people</option><option value="4">4 people</option></select>
<input type="tel" id="oh-phone" placeholder="Phone (optional)" autocomplete="tel">
</div>
<p class="oh-err" id="oh-err" role="alert"></p>
<button type="submit" class="btn brass" style="width:100%;justify-content:center">Book My Spot <span class="ar">→</span></button>
</form>
<div class="oh-done" id="oh-done" aria-live="polite">
<svg class="ck" viewBox="0 0 62 62"><circle cx="31" cy="31" r="28"/><path d="M20 32 L28 40 L43 23"/></svg>
<h3>You're on the list<span id="dn-name"></span>.</h3>
<div class="sum" id="dn-sum"></div>
<ul class="tips">
<li>Confirmation sent to <b id="dn-email" style="color:var(--brass)"></b></li>
<li>Bring a pre-approval letter if you have one — it speeds up offers</li>
<li>Arrive 5 minutes early; groups are capped at four households</li>
</ul>
<div style="display:flex;gap:14px;margin-top:22px;flex-wrap:wrap">
<a class="btn brass" href="#market">Add to Calendar <span class="ar">→</span></a>
<button class="btn ghost" id="oh-again" style="color:var(--cream);border-color:var(--line-d)">Book Another Tour</button>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ══════════ 06 · AGENTS ══════════ -->
<section class="sec" id="agents">
<div class="wrap">
<div class="shead rv">
<div><span class="kick">06 · The Team</span>
<h2>Four agents. <em>Zero</em> hand-offs.</h2></div>
<p class="side">The person who answers your call is the person who stands beside you at the closing table. That's been the deal since 1994.</p>
</div>
<div class="agrid">
<article class="agent rv"><img src="https://i.pravatar.cc/200?u=mara-ellison" alt="Mara Ellison">
<h3>Mara Ellison</h3><div class="rl">Principal Broker · Founder</div>
<div class="st"><span><b>412</b>closings</span><span><b>$310M</b>volume</span></div>
<p>Historic homes and waterfront. Mara has personally walked every Harbor Row conversion since 2004.</p>
<a href="#contact">Message Mara →</a></article>
<article class="agent rv" style="transition-delay:.08s"><img src="https://i.pravatar.cc/200?u=daniel-okafor" alt="Daniel Okafor">
<h3>Daniel Okafor</h3><div class="rl">Buyer Team Lead</div>
<div class="st"><span><b>286</b>closings</span><span><b>$188M</b>volume</span></div>
<p>First-time buyer specialist. Daniel has negotiated appraisal-gap coverage on 60+ offers without losing a deal.</p>
<a href="#contact">Message Daniel →</a></article>
<article class="agent rv" style="transition-delay:.16s"><img src="https://i.pravatar.cc/200?u=priya-raman" alt="Priya Raman">
<h3>Priya Raman</h3><div class="rl">Maple & 9th Specialist</div>
<div class="st"><span><b>194</b>closings</span><span><b>$141M</b>volume</span></div>
<p>Raised two blocks from Lincoln Elementary, Priya knows the Craftsman stock — and the inspectors who know it too.</p>
<a href="#contact">Message Priya →</a></article>
<article class="agent rv" style="transition-delay:.24s"><img src="https://i.pravatar.cc/200?u=tom-vasquez" alt="Tom Vasquez">
<h3>Tom Vasquez</h3><div class="rl">Land & New Construction</div>
<div class="st"><span><b>151</b>closings</span><span><b>$97M</b>volume</span></div>
<p>From acreage due diligence to builder incentives, Tom covers everything dirt, permits and pro forma.</p>
<a href="#contact">Message Tom →</a></article>
</div>
</div>
</section>
<!-- ══════════ 07 · TESTIMONIALS ══════════ -->
<section class="sec alt" id="stories">
<div class="wrap">
<div class="shead rv">
<div><span class="kick">07 · Client Stories</span>
<h2>Closed files, <em>open praise.</em></h2></div>
<p class="side">4.9 average across 612 verified reviews. Every quote below is tied to a real closing date and address we can share on request.</p>
</div>
<div class="tgrid">
<article class="tcard rv"><div class="stars">★★★★★</div><span class="q">"</span>
<p>They walked us through every line of the closing disclosure before we ever sat down at the table — title insurance, escrow prepaids, all of it. Our appraisal came in $18K under contract price and Mara had a plan ready before we even asked.</p>
<div class="who"><img src="https://i.pravatar.cc/96?u=okonkwo" alt=""><div><b>The Okonkwo Family</b><span>Bought in Oak Hollow · Closed in 28 days</span></div></div></article>
<article class="tcard rv" style="transition-delay:.1s"><div class="stars">★★★★★</div><span class="q">"</span>
<p>Our listing went live Thursday and we had eleven showings by Saturday. Priya staged the porch, priced it off a real comp analysis, and we signed $41,000 over asking in nine days. Net proceeds matched her estimate to the dollar.</p>
<div class="who"><img src="https://i.pravatar.cc/96?u=renee" alt=""><div><b>Renee Alcott</b><span>Sold in Maple & 9th · 9 days on market</span></div></div></article>
<article class="tcard rv" style="transition-delay:.2s"><div class="stars">★★★★★</div><span class="q">"</span>
<p>As first-time buyers we expected pressure. Instead we got patience: a pre-approval primer, a patient tour of nine units, and a breakdown of HOA reserve funds for each one. We closed on Unit 7C with monthly costs below our old rent.</p>
<div class="who"><img src="https://i.pravatar.cc/96?u=samta" alt=""><div><b>Sam & Priya T.</b><span>First purchase · The Terraces</span></div></div></article>
</div>
</div>
</section>
<!-- ══════════ 08 · BLOG ══════════ -->
<section class="sec" id="blog">
<div class="wrap">
<div class="shead rv">
<div><span class="kick">08 · The Ledger — Our Blog</span>
<h2>Market notes, <em>written by the people in the field.</em></h2></div>
<a href="#blog" class="side link-a">Read all 214 articles →</a>
</div>
<div class="jgrid">
<article class="jcard rv"><div class="im"><img src="https://picsum.photos/seed/mortgage-rate-notes/760/480" alt="Rate chart on a desk"></div>
<div class="bd"><span class="cat">Market Watch</span><h3>What a 6.12% rate really does to your monthly budget</h3>
<p>We ran the same $725K purchase at six rate points over the last two years. The payment spread is bigger than most buyers guess — and the buydown math sellers are quietly offering changes the picture.</p>
<div class="meta"><span>Nov 4, 2025</span><span>6 min read</span></div></div></article>
<article class="jcard rv" style="transition-delay:.1s"><div class="im"><img src="https://picsum.photos/seed/appraisal-desk-report/760/480" alt="Appraisal paperwork"></div>
<div class="bd"><span class="cat">Buying</span><h3>The appraisal gap: three ways buyers handle it without panic</h3>
<p>When the lender's appraiser values a home below your contract price, the deal isn't dead — it's a negotiation. Renegotiate, cover, or split: here's when each play wins, with real numbers from this quarter.</p>
<div class="meta"><span>Oct 28, 2025</span><span>8 min read</span></div></div></article>
<article class="jcard rv" style="transition-delay:.2s"><div class="im"><img src="https://picsum.photos/seed/harbor-street-evening/760/480" alt="Harbor Row street at dusk"></div>
<div class="bd"><span class="cat">Neighborhoods</span><h3>Harbor Row, five years on: a neighborhood ledger</h3>
<p>Median price up 38%, walk score up four points, and a marina waitlist that keeps growing. We charted every Harbor Row sale since 2020 to see where the district is actually heading.</p>
<div class="meta"><span>Oct 15, 2025</span><span>10 min read</span></div></div></article>
</div>
</div>
</section>
<!-- ══════════ 09 · FAQ ══════════ -->
<section class="sec alt" id="faq">
<div class="wrap">
<div class="shead rv" style="justify-content:center;text-align:center"><div>
<span class="kick" style="justify-content:center">09 · Straight Answers</span>
<h2 style="margin-left:auto;margin-right:auto">Questions we hear <em>every week.</em></h2></div></div>
<div class="faq rv">
<div class="fitem"><button class="fq">How much should I budget for closing costs?<span class="pl">+</span></button>
<div class="fa"><div><p>Buyers typically pay 2–5% of the purchase price: lender origination, appraisal, title insurance, escrow prepaids (taxes and insurance) and recording fees. On a $725,000 home, plan on $14,500 to $29,000 above your down payment. We give you a line-by-line estimate once your lender issues the Loan Estimate.</p></div></div></div>
<div class="fitem"><button class="fq">What's the difference between an appraisal and an inspection?<span class="pl">+</span></button>
<div class="fa"><div><p>The appraisal protects the lender — it confirms the home's market value supports the loan amount. The inspection protects you — a licensed professional examines structure, roof, electrical, plumbing and systems. Both matter: the appraisal decides whether the loan clears, while the inspection decides whether you should ask for repairs or credits.</p></div></div></div>
<div class="fitem"><button class="fq">When should I get pre-approved?<span class="pl">+</span></button>
<div class="fa"><div><p>Before your first serious tour, not after. Pre-approval takes about 20 minutes on a call, costs nothing with our partner lenders, and locks your rate window for 45–60 days. In our market, offers without a pre-approval letter are frequently set aside regardless of price.</p></div></div></div>
<div class="fitem"><button class="fq">Can I buy my next home while selling my current one?<span class="pl">+</span></button>
<div class="fa"><div><p>Yes — roughly a third of our clients do exactly this. The usual tools are a sale-contingency clause, a bridge loan, or timing both closings on the same day with a rent-back so you can move once. We'll map the sequencing before you list, because the order of operations is where these deals succeed or stall.</p></div></div></div>
<div class="fitem"><button class="fq">What documents does pre-approval actually require?<span class="pl">+</span></button>
<div class="fa"><div><p>Typically two years of W-2s or tax returns, 30 days of pay stubs, two months of bank statements and a photo ID. Self-employed? Add two years of returns and a current profit-and-loss statement. Gather these first and the whole process usually clears within 48 hours.</p></div></div></div>
</div>
</div>
</section>
<!-- ══════════ SELL / VALUATION ══════════ -->
<section class="sell" id="sell">
<div class="wrap">
<div class="rv">
<span class="kick" style="color:var(--brass)">Thinking of selling?</span>
<h2>Start with a <em>number you can trust.</em></h2>
<p>No Zestimate guesswork. A Harlow & Stone agent reviews your address against the last 90 days of comparable sales and returns a pricing range, a net-proceeds estimate — including projected closing costs — and a straight opinion on whether now is the moment to list.</p>
</div>
<form class="vform rv" style="transition-delay:.12s" onsubmit="event.preventDefault();this.querySelector('.fine').textContent='✓ Request received — an agent will reply within 24 hours.';this.querySelector('.fine').style.color='var(--brass)';">
<label for="v-addr">Property address</label>
<input id="v-addr" type="text" placeholder="e.g. 142 Maple Crescent" required>
<label for="v-mail">Email</label>
<input id="v-mail" type="email" placeholder="you@example.com" required>
<button class="btn brass" style="width:100%;justify-content:center" type="submit">Get My Valuation <span class="ar">→</span></button>
<p class="fine">Free, human-reviewed within 24 hours. Your details never leave our office.</p>
</form>
</div>
</section>
</main>
<!-- ══════════ FOOTER ══════════ -->
<footer id="contact">
<div class="wrap">
<div class="fgrid">
<div class="fbrand">
<div class="bw">Harlow <em>&</em> Stone</div>
<p class="tg">"Exceptional homes, honestly guided."</p>
<p>An independent brokerage serving the Lakeshore region since 1994. 3,214 keys handed over, and counting — one straight conversation at a time.</p>
<div class="socials">
<a href="#" aria-label="Instagram"><svg viewBox="0 0 24 24"><path d="M12 2.2c3.2 0 3.6 0 4.9.1 3.3.1 4.8 1.7 4.9 4.9.1 1.3.1 1.6.1 4.8s0 3.6-.1 4.8c-.1 3.2-1.6 4.8-4.9 4.9-1.3.1-1.6.1-4.9.1s-3.6 0-4.8-.1c-3.3-.1-4.8-1.7-4.9-4.9C2.2 15.6 2.2 15.2 2.2 12s0-3.6.1-4.8C2.4 4 3.9 2.4 7.2 2.3 8.4 2.2 8.8 2.2 12 2.2zm0 3.7a6.1 6.1 0 100 12.2 6.1 6.1 0 000-12.2zm0 10a4 4 0 110-7.9 4 4 0 010 7.9zm6.3-10.2a1.4 1.4 0 100-2.9 1.4 1.4 0 000 2.9z"/></svg></a>
<a href="#" aria-label="LinkedIn"><svg viewBox="0 0 24 24"><path d="M4.98 3.5A2.5 2.5 0 110 3.5a2.5 2.5 0 014.98 0zM.2 8.3h4.6V24H.2V8.3zm7.7 0h4.4v2.1h.1c.6-1.2 2.1-2.4 4.4-2.4 4.7 0 5.5 3.1 5.5 7V24h-4.6v-7.9c0-1.9 0-4.3-2.6-4.3s-3 2-3 4.2V24H7.9V8.3z"/></svg></a>
<a href="#" aria-label="YouTube"><svg viewBox="0 0 24 24"><path d="M23.5 6.2a3 3 0 00-2.1-2.1C19.5 3.5 12 3.5 12 3.5s-7.5 0-9.4.6A3 3 0 00.5 6.2 31 31 0 000 12a31 31 0 00.5 5.8 3 3 0 002.1 2.1c1.9.6 9.4.6 9.4.6s7.5 0 9.4-.6a3 3 0 002.1-2.1A31 31 0 0024 12a31 31 0 00-.5-5.8zM9.6 15.6V8.4L15.8 12l-6.2 3.6z"/></svg></a>
<a href="#" aria-label="X"><svg viewBox="0 0 24 24"><path d="M18.2 2.3h3.3l-7.2 8.2 8.5 11.2h-6.7L10.9 15l-5.9 6.7H1.7l7.7-8.8L1.3 2.3H8l4.6 6.1 5.6-6.1z"/></svg></a>
</div>
</div>
<div>
<h4>Explore</h4>
<ul>
<li><a href="#market">Market & Listings</a></li>
<li><a href="#buy">Buy With Us</a></li>
<li><a href="#sell">Sell Your Home</a></li>
<li><a href="#neighborhoods">Neighborhood Guide</a></li>
<li><a href="#mortgage">Mortgage Center</a></li>
<li><a href="#blog">The Ledger Blog</a></li>
<li><a href="#openhouses">Open Houses</a></li>
</ul>
</div>
<div>
<h4>Offices</h4>
<ul class="fcontact">
<li><b>Harbor Row</b> — 18 Quay Street, Suite 200<br>Lakeshore, LN 04192</li>
<li><b>Maple & 9th Studio</b> — 302 Alder Avenue<br>Lakeshore, LN 04107</li>
<li>(555) 014-8830</li>
<li>hello@harlowandstone.com</li>
</ul>
</div>
<div>
<h4>Hours & Licensing</h4>
<ul class="fcontact">
<li>Mon–Fri · 9:00 AM – 6:00 PM</li>
<li>Saturday · 10:00 AM – 4:00 PM</li>
<li>Sunday · By appointment</li>
<li style="margin-top:14px;font-size:12.5px;color:rgba(245,240,230,.5)">Harlow & Stone Realty LLC is a licensed real estate brokerage, License #RB-0041982. All information deemed reliable but not guaranteed. Listings subject to prior sale.</li>
</ul>
</div>
</div>
<div class="fbot">
<span>© 2025 Harlow & Stone Realty LLC. All rights reserved.</span>
<span class="eho">⌂ Equal Housing Opportunity</span>
<nav><a href="#">Privacy</a><a href="#">Terms</a><a href="#">Accessibility</a><a href="#top">Back to top ↑</a></nav>
</div>
</div>
</footer>
<script>
(function(){
"use strict";
const reduced = matchMedia('(prefers-reduced-motion: reduce)').matches;
const $ = s => document.querySelector(s), $$ = s => [...document.querySelectorAll(s)];
/* header shadow */
const hdr = $('#hdr');
addEventListener('scroll', () => hdr.classList.toggle('scrolled', scrollY > 8), {passive:true});
/* mobile nav */
const mnav = $('#mnav'), burger = $('#burger');
burger.addEventListener('click', () => { mnav.classList.add('open'); burger.setAttribute('aria-expanded','true'); });
const closeNav = () => mnav.classList.remove('open');
$('#mclose').addEventListener('click', closeNav);
mnav.querySelectorAll('a').forEach(a => a.addEventListener('click', closeNav));
/* reveals */
const io = new IntersectionObserver(es => es.forEach(e => {
if(e.isIntersecting){ e.target.classList.add('is-in'); io.unobserve(e.target); }
}), {threshold:.12});
$$('.rv').forEach(el => reduced ? el.classList.add('is-in') : io.observe(el));
/* counters */
const fmtN = (v,d) => d ? v.toFixed(d) : Math.round(v).toLocaleString('en-US');
const cio = new IntersectionObserver(es => es.forEach(e => {
if(!e.isIntersecting) return;
const el = e.target, target = parseFloat(el.dataset.count), dec = +(el.dataset.dec||0);
cio.unobserve(el);
if(reduced){ el.textContent = fmtN(target,dec); return; }
const t0 = performance.now(), dur = 1400;
(function tick(t){ const p = Math.min((t-t0)/dur,1), ease = 1-Math.pow(1-p,3);
el.textContent = fmtN(target*ease,dec);
if(p<1) requestAnimationFrame(tick); })(t0);
}), {threshold:.5});
$$('[data-count]').forEach(el => cio.observe(el));
/* search tabs */
$$('.search .tabs button').forEach(b => b.addEventListener('click', () => {
$$('.search .tabs button').forEach(x => x.classList.remove('on')); b.classList.add('on');
}));
/* listing filters */
$$('.chip').forEach(ch => ch.addEventListener('click', () => {
$$('.chip').forEach(c => c.classList.remove('on')); ch.classList.add('on');
const f = ch.dataset.filter;
$$('.lst').forEach(card => {
const tags = (card.dataset.tag||'').split(' ');
card.classList.toggle('off', f !== 'all' && !tags.includes(f));
});
}));
/* save hearts */
$$('.heart').forEach(h => h.addEventListener('click', e => {
e.preventDefault(); h.classList.toggle('saved');
h.setAttribute('aria-pressed', h.classList.contains('saved'));
}));
/* neighborhood scrollspy */
const spyBtns = $$('.hood-nav button');
const nio = new IntersectionObserver(es => es.forEach(e => {
if(e.isIntersecting){
spyBtns.forEach(b => b.classList.toggle('on', b.dataset.spy === e.target.id));
}
}), {rootMargin:'-42% 0px -42% 0px'});
$$('.hood').forEach(h => nio.observe(h));
spyBtns.forEach(b => b.addEventListener('click', () => {
document.getElementById(b.dataset.spy).scrollIntoView({behavior: reduced ? 'auto' : 'smooth', block:'center'});
}));
/* ===== mortgage calculator ===== */
const P = $('#c-price'), D = $('#c-dp'), R = $('#c-rate');
const money = n => '$' + Math.round(n).toLocaleString('en-US');
let term = 30;
function calc(){
const price = +P.value, dp = +D.value, rate = +R.value;
const loan = price * (1 - dp/100);
const i = rate/100/12, n = term*12;
const pi = i > 0 ? loan*i/(1-Math.pow(1+i,-n)) : loan/n;
const tax = price*0.0106/12;
const ins = 148 + price*0.00002;
const pmi = dp < 20 ? loan*0.0036/12 : 0;
const total = pi+tax+ins+pmi;
$('#o-price').textContent = money(price);
$('#o-dp').textContent = dp + '% · ' + money(price*dp/100);
$('#o-rate').textContent = rate.toFixed(2) + '%';
$('#o-total').textContent = money(total);
$('#o-pi').textContent = money(pi);
$('#o-tax').textContent = money(tax);
$('#o-ins').textContent = money(ins);
$('#o-pmi').textContent = money(pmi);
$('#o-loan').textContent = money(loan);
$('#o-close').textContent = money(price*0.02) + '–' + money(price*0.04);
$('#row-pmi').style.display = pmi > 0 ? 'flex' : 'none';
$('#s-pi').style.width = (pi/total*100) + '%';
$('#s-tax').style.width = (tax/total*100) + '%';
$('#s-ins').style.width = (ins/total*100) + '%';
$('#s-pmi').style.width = (pmi/total*100) + '%';
}
[P,D,R].forEach(el => el.addEventListener('input', calc));
$$('.seg button').forEach(b => b.addEventListener('click', () => {
$$('.seg button').forEach(x => x.classList.remove('on')); b.classList.add('on');
term = +b.dataset.y; calc();
}));
calc();
/* ===== open house scheduler ===== */
const homes = {
h1:{name:'The Foundry Loft', addr:'418 Canal Street, Harbor Row', day:'Sunday', date:'Nov 9', agent:'Mara Ellison',
slots:['11:00 AM','11:30 AM','12:00 PM','1:00 PM','1:30 PM','2:00 PM'], booked:['12:00 PM']},
h2:{name:'142 Maple Crescent', addr:'Maple & 9th', day:'Saturday', date:'Nov 8', agent:'Priya Raman',
slots:['10:00 AM','10:30 AM','11:00 AM','1:00 PM','1:30 PM','2:30 PM'], booked:['1:00 PM']},
h3:{name:'77 Birchwater Drive', addr:'Willow Flats', day:'Saturday', date:'Nov 8', agent:'Mara Ellison',
slots:['12:00 PM','12:30 PM','1:00 PM','2:00 PM','2:30 PM','3:00 PM'], booked:[]}
};
let curHome = 'h1', curSlot = null;
const slotsEl = $('#oh-slots');
function renderSlots(){
const h = homes[curHome]; curSlot = null;
slotsEl.innerHTML = '';
h.slots.forEach(s => {
const b = document.createElement('button');
b.type = 'button'; b.className = 'slot' + (h.booked.includes(s) ? ' bk' : '');
b.textContent = s;
if(!h.booked.includes(s)) b.addEventListener('click', () => {
slotsEl.querySelectorAll('.slot').forEach(x => x.classList.remove('on'));
b.classList.add('on'); curSlot = s; $('#oh-err').textContent = '';
});
slotsEl.appendChild(b);
});
$('#oh-title').textContent = h.name;
$('#oh-sub').textContent = h.day + ', ' + h.date + ' · Guided by ' + h.agent + ' · ' + h.addr;
}
$$('.oh-prop').forEach(p => p.addEventListener('click', () => {
$$('.oh-prop').forEach(x => x.classList.remove('on')); p.classList.add('on');
curHome = p.dataset.home; renderSlots();
}));
renderSlots();
$('#ohForm').addEventListener('submit', e => {
e.preventDefault();
const name = $('#oh-name').value.trim(), email = $('#oh-email').value.trim();
const err = $('#oh-err');
if(!curSlot){ err.textContent = 'Please pick an arrival slot above.'; return; }
if(name.length < 2){ err.textContent = 'Please enter your name.'; return; }
if(!/^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(email)){ err.textContent = 'Please enter a valid email address.'; return; }
err.textContent = '';
const h = homes[curHome];
$('#dn-name').textContent = ', ' + name.split(' ')[0];
$('#dn-email').textContent = email;
$('#dn-sum').innerHTML = '<b>' + h.name + '</b> — ' + h.addr + '<br>' + h.day + ', ' + h.date +
' · arriving <b>' + curSlot + '</b> · ' + $('#oh-party').value +
($('#oh-party').value === '1' ? ' household' : ' people') + ' · host ' + h.agent;
$('#ohForm').style.display = 'none';
const done = $('#oh-done'); done.classList.remove('show'); void done.offsetWidth; done.classList.add('show');
});
$('#oh-again').addEventListener('click', () => {
$('#oh-done').classList.remove('show'); $('#ohForm').style.display = '';
$('#oh-name').value = ''; $('#oh-email').value = ''; renderSlots();
});
/* FAQ */
$$('.fitem .fq').forEach(q => q.addEventListener('click', () => {
const it = q.parentElement, was = it.classList.contains('open');
$$('.fitem').forEach(x => x.classList.remove('open'));
if(!was) it.classList.add('open');
}));
})();
</script>
</body>
</html>
View Axe Report (JSON)
{
"testEngine": {
"name": "axe-core",
"version": "4.10.2"
},
"testRunner": {
"name": "axe"
},
"testEnvironment": {
"userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/156.0.8078.4 Safari/537.36",
"windowWidth": 1280,
"windowHeight": 720,
"orientationAngle": 0,
"orientationType": "landscape-primary"
},
"timestamp": "2026-11-12T10:01:17.193Z",
"url": "https://benchmark.aimac.invalid/90953316c568d2e95639f13273b45cd94334c3ebb74e5f014f1edab4da830924.html",
"toolOptions": {
"runOnly": {
"type": "tag",
"values": [
"wcag2a",
"wcag2aa",
"wcag21a",
"wcag21aa",
"wcag22a",
"wcag22aa"
]
},
"resultTypes": [
"violations"
],
"reporter": "v1"
},
"inapplicable": [
{
"id": "area-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag244",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.2.4.4",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure <area> elements of image maps have alternative text",
"help": "Active <area> elements must have alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/area-alt?application=axeAPI",
"nodes": []
},
{
"id": "aria-braille-equivalent",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure aria-braillelabel and aria-brailleroledescription have a non-braille equivalent",
"help": "aria-braille attributes must have a non-braille equivalent",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-braille-equivalent?application=axeAPI",
"nodes": []
},
{
"id": "aria-command-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure every ARIA button, link and menuitem has an accessible name",
"help": "ARIA commands must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-command-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-input-field-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure every ARIA input field has an accessible name",
"help": "ARIA input fields must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-input-field-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-meter-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag111",
"EN-301-549",
"EN-9.1.1.1"
],
"description": "Ensure every ARIA meter node has an accessible name",
"help": "ARIA meter nodes must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-meter-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-progressbar-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag111",
"EN-301-549",
"EN-9.1.1.1"
],
"description": "Ensure every ARIA progressbar node has an accessible name",
"help": "ARIA progressbar nodes must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-progressbar-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-required-parent",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure elements with an ARIA role that require parent roles are contained by them",
"help": "Certain ARIA roles must be contained by particular parents",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-parent?application=axeAPI",
"nodes": []
},
{
"id": "aria-toggle-field-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure every ARIA toggle field has an accessible name",
"help": "ARIA toggle fields must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-toggle-field-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-tooltip-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure every ARIA tooltip node has an accessible name",
"help": "ARIA tooltip nodes must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-tooltip-name?application=axeAPI",
"nodes": []
},
{
"id": "blink",
"impact": null,
"tags": [
"cat.time-and-media",
"wcag2a",
"wcag222",
"section508",
"section508.22.j",
"TTv5",
"TT2.b",
"EN-301-549",
"EN-9.2.2.2"
],
"description": "Ensure <blink> elements are not used",
"help": "<blink> elements are deprecated and must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/blink?application=axeAPI",
"nodes": []
},
{
"id": "definition-list",
"impact": null,
"tags": [
"cat.structure",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure <dl> elements are structured correctly",
"help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/definition-list?application=axeAPI",
"nodes": []
},
{
"id": "dlitem",
"impact": null,
"tags": [
"cat.structure",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure <dt> and <dd> elements are contained by a <dl>",
"help": "<dt> and <dd> elements must be contained by a <dl>",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/dlitem?application=axeAPI",
"nodes": []
},
{
"id": "frame-focusable-content",
"impact": null,
"tags": [
"cat.keyboard",
"wcag2a",
"wcag211",
"TTv5",
"TT4.a",
"EN-301-549",
"EN-9.2.1.1"
],
"description": "Ensure <frame> and <iframe> elements with focusable content do not have tabindex=-1",
"help": "Frames with focusable content must not have tabindex=-1",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-focusable-content?application=axeAPI",
"nodes": []
},
{
"id": "frame-title-unique",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag412",
"TTv5",
"TT12.d",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure <iframe> and <frame> elements contain a unique title attribute",
"help": "Frames must have a unique title attribute",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title-unique?application=axeAPI",
"nodes": []
},
{
"id": "frame-title",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag412",
"section508",
"section508.22.i",
"TTv5",
"TT12.d",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure <iframe> and <frame> elements have an accessible name",
"help": "Frames must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title?application=axeAPI",
"nodes": []
},
{
"id": "html-xml-lang-mismatch",
"impact": null,
"tags": [
"cat.language",
"wcag2a",
"wcag311",
"EN-301-549",
"EN-9.3.1.1",
"ACT"
],
"description": "Ensure that HTML elements with both valid lang and xml:lang attributes agree on the base language of the page",
"help": "HTML elements with lang and xml:lang must have the same base language",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-xml-lang-mismatch?application=axeAPI",
"nodes": []
},
{
"id": "input-button-name",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure input buttons have discernible text",
"help": "Input buttons must have discernible text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-button-name?application=axeAPI",
"nodes": []
},
{
"id": "input-image-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT7.a",
"EN-301-549",
"EN-9.1.1.1",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure <input type=\"image\"> elements have alternative text",
"help": "Image buttons must have alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-image-alt?application=axeAPI",
"nodes": []
},
{
"id": "link-in-text-block",
"impact": null,
"tags": [
"cat.color",
"wcag2a",
"wcag141",
"TTv5",
"TT13.a",
"EN-301-549",
"EN-9.1.4.1"
],
"description": "Ensure links are distinguished from surrounding text in a way that does not rely on color",
"help": "Links must be distinguishable without relying on color",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-in-text-block?application=axeAPI",
"nodes": []
},
{
"id": "marquee",
"impact": null,
"tags": [
"cat.parsing",
"wcag2a",
"wcag222",
"TTv5",
"TT2.b",
"EN-301-549",
"EN-9.2.2.2"
],
"description": "Ensure <marquee> elements are not used",
"help": "<marquee> elements are deprecated and must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/marquee?application=axeAPI",
"nodes": []
},
{
"id": "meta-refresh",
"impact": null,
"tags": [
"cat.time-and-media",
"wcag2a",
"wcag221",
"TTv5",
"TT8.a",
"EN-301-549",
"EN-9.2.2.1"
],
"description": "Ensure <meta http-equiv=\"refresh\"> is not used for delayed refresh",
"help": "Delayed refresh under 20 hours must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-refresh?application=axeAPI",
"nodes": []
},
{
"id": "object-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"EN-301-549",
"EN-9.1.1.1"
],
"description": "Ensure <object> elements have alternative text",
"help": "<object> elements must have alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/object-alt?application=axeAPI",
"nodes": []
},
{
"id": "role-img-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"TTv5",
"TT7.a",
"EN-301-549",
"EN-9.1.1.1",
"ACT"
],
"description": "Ensure [role=\"img\"] elements have alternative text",
"help": "[role=\"img\"] elements must have an alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/role-img-alt?application=axeAPI",
"nodes": []
},
{
"id": "scrollable-region-focusable",
"impact": null,
"tags": [
"cat.keyboard",
"wcag2a",
"wcag211",
"wcag213",
"TTv5",
"TT4.a",
"EN-301-549",
"EN-9.2.1.1",
"EN-9.2.1.3"
],
"description": "Ensure elements that have scrollable content are accessible by keyboard",
"help": "Scrollable region must have keyboard access",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=axeAPI",
"nodes": []
},
{
"id": "server-side-image-map",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag211",
"section508",
"section508.22.f",
"TTv5",
"TT4.a",
"EN-301-549",
"EN-9.2.1.1"
],
"description": "Ensure that server-side image maps are not used",
"help": "Server-side image maps must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/server-side-image-map?application=axeAPI",
"nodes": []
},
{
"id": "summary-name",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure summary elements have discernible text",
"help": "Summary elements must have discernible text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/summary-name?application=axeAPI",
"nodes": []
},
{
"id": "svg-img-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"TTv5",
"TT7.a",
"EN-301-549",
"EN-9.1.1.1",
"ACT"
],
"description": "Ensure <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text",
"help": "<svg> elements with an img role must have an alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/svg-img-alt?application=axeAPI",
"nodes": []
},
{
"id": "td-headers-attr",
"impact": null,
"tags": [
"cat.tables",
"wcag2a",
"wcag131",
"section508",
"section508.22.g",
"TTv5",
"TT14.b",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure that each cell in a table that uses the headers attribute refers only to other cells in that table",
"help": "Table cells that use the headers attribute must only refer to cells in the same table",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/td-headers-attr?application=axeAPI",
"nodes": []
},
{
"id": "th-has-data-cells",
"impact": null,
"tags": [
"cat.tables",
"wcag2a",
"wcag131",
"section508",
"section508.22.g",
"TTv5",
"TT14.b",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure that <th> elements and elements with role=columnheader/rowheader have data cells they describe",
"help": "Table headers in a data table must refer to data cells",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/th-has-data-cells?application=axeAPI",
"nodes": []
},
{
"id": "valid-lang",
"impact": null,
"tags": [
"cat.language",
"wcag2aa",
"wcag312",
"TTv5",
"TT11.b",
"EN-301-549",
"EN-9.3.1.2",
"ACT"
],
"description": "Ensure lang attributes have valid values",
"help": "lang attribute must have a valid value",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/valid-lang?application=axeAPI",
"nodes": []
},
{
"id": "video-caption",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag122",
"section508",
"section508.22.a",
"TTv5",
"TT17.a",
"EN-301-549",
"EN-9.1.2.2"
],
"description": "Ensure <video> elements have captions",
"help": "<video> elements must have captions",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/video-caption?application=axeAPI",
"nodes": []
},
{
"id": "no-autoplay-audio",
"impact": null,
"tags": [
"cat.time-and-media",
"wcag2a",
"wcag142",
"TTv5",
"TT2.a",
"EN-301-549",
"EN-9.1.4.2",
"ACT"
],
"description": "Ensure <video> or <audio> elements do not autoplay audio for more than 3 seconds without a control mechanism to stop or mute the audio",
"help": "<video> or <audio> elements must not play automatically",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/no-autoplay-audio?application=axeAPI",
"nodes": []
}
],
"passes": [
{
"id": "aria-allowed-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure an element's role supports its ARIA attributes",
"help": "Elements must only use supported ARIA attributes",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-allowed-attr?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "aria-allowed-attr",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA attributes are used correctly for the defined role"
}
],
"none": [
{
"id": "aria-unsupported-attr",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA attribute is supported"
}
],
"impact": null,
"html": "<nav class=\"main\" aria-label=\"Primary\">",
"target": [
".main"
]
}
]
},
{
"id": "aria-conditional-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure ARIA attributes are used as described in the specification of the element's role",
"help": "ARIA attributes must be used as specified for the element's role",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-conditional-attr?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "aria-conditional-attr",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "ARIA attribute is allowed"
}
],
"none": [],
"impact": null,
"html": "<nav class=\"main\" aria-label=\"Primary\">",
"target": [
".main"
]
}
]
},
{
"id": "aria-deprecated-role",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure elements do not use deprecated roles",
"help": "Deprecated ARIA roles must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-deprecated-role?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "deprecatedrole",
"data": null,
"relatedNodes": [],
"impact": "minor",
"message": "ARIA role is not deprecated"
}
],
"impact": null,
"html": "<div class=\"tabs\" role=\"tablist\">\n <button type=\"button\" class=\"on\" data-tab=\"\">Buy</button>\n <button type=\"button\" data-tab=\"\">Rent</button>\n <button type=\"button\" data-tab=\"\">Sold</button>\n </div>",
"target": [
".tabs"
]
}
]
},
{
"id": "aria-hidden-body",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag131",
"wcag412",
"EN-301-549",
"EN-9.1.3.1",
"EN-9.4.1.2"
],
"description": "Ensure aria-hidden=\"true\" is not present on the document body.",
"help": "aria-hidden=\"true\" must not be present on the document body",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-body?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "aria-hidden-body",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "No aria-hidden attribute is present on document body"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<body>",
"target": [
"body"
]
}
]
},
{
"id": "aria-hidden-focus",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure aria-hidden elements are not focusable nor contain focusable elements",
"help": "ARIA hidden element must not be focusable or contain focusable elements",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-focus?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "focusable-modal-open",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "No focusable elements while a modal is open"
},
{
"id": "focusable-disabled",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "No focusable elements contained within element"
},
{
"id": "focusable-not-tabbable",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "No focusable elements contained within element"
}
],
"none": [],
"impact": null,
"html": "<div class=\"ticker\" aria-hidden=\"true\">",
"target": [
".ticker"
]
}
]
},
{
"id": "aria-prohibited-attr",
"impact": "serious",
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure ARIA attributes are not prohibited for an element's role",
"help": "Elements must only use permitted ARIA attributes",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "aria-prohibited-attr",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "ARIA attribute is allowed"
}
],
"impact": null,
"html": "<nav class=\"main\" aria-label=\"Primary\">",
"target": [
".main"
]
}
]
},
{
"id": "aria-required-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure elements with ARIA roles have all required ARIA attributes",
"help": "Required ARIA attributes must be provided",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-attr?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "aria-required-attr",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "All required ARIA attributes are present"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<div class=\"tabs\" role=\"tablist\">\n <button type=\"button\" class=\"on\" data-tab=\"\">Buy</button>\n <button type=\"button\" data-tab=\"\">Rent</button>\n <button type=\"button\" data-tab=\"\">Sold</button>\n </div>",
"target": [
".tabs"
]
}
]
},
{
"id": "aria-roles",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure all elements with a role attribute use a valid value",
"help": "ARIA roles used must conform to valid values",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-roles?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "invalidrole",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA role is valid"
},
{
"id": "abstractrole",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Abstract roles are not used"
},
{
"id": "unsupportedrole",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA role is supported"
}
],
"impact": null,
"html": "<div class=\"tabs\" role=\"tablist\">\n <button type=\"button\" class=\"on\" data-tab=\"\">Buy</button>\n <button type=\"button\" data-tab=\"\">Rent</button>\n <button type=\"button\" data-tab=\"\">Sold</button>\n </div>",
"target": [
".tabs"
]
}
]
},
{
"id": "aria-valid-attr-value",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure all ARIA attributes have valid values",
"help": "ARIA attributes must conform to valid values",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr-value?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "aria-valid-attr-value",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA attribute values are valid"
},
{
"id": "aria-errormessage",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-errormessage exists and references elements visible to screen readers that use a supported aria-errormessage technique"
},
{
"id": "aria-level",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-level values are valid"
}
],
"none": [],
"impact": null,
"html": "<nav class=\"main\" aria-label=\"Primary\">",
"target": [
".main"
]
}
]
},
{
"id": "aria-valid-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure attributes that begin with aria- are valid ARIA attributes",
"help": "ARIA attributes must conform to valid names",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "aria-valid-attr",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA attribute name is valid"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<nav class=\"main\" aria-label=\"Primary\">",
"target": [
".main"
]
}
]
},
{
"id": "autocomplete-valid",
"impact": null,
"tags": [
"cat.forms",
"wcag21aa",
"wcag135",
"EN-301-549",
"EN-9.1.3.5",
"ACT"
],
"description": "Ensure the autocomplete attribute is correct and suitable for the form field",
"help": "autocomplete attribute must be used correctly",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/autocomplete-valid?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "autocomplete-valid",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "the autocomplete attribute is correctly formatted"
}
],
"none": [],
"impact": null,
"html": "<input type=\"text\" id=\"oh-name\" placeholder=\"Your full name\" autocomplete=\"name\">",
"target": [
"#oh-name"
]
}
]
},
{
"id": "avoid-inline-spacing",
"impact": null,
"tags": [
"cat.structure",
"wcag21aa",
"wcag1412",
"EN-301-549",
"EN-9.1.4.12",
"ACT"
],
"description": "Ensure that text spacing set through style attributes can be adjusted with custom stylesheets",
"help": "Inline text spacing must be adjustable with custom stylesheets",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/avoid-inline-spacing?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "important-letter-spacing",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Letter-spacing in the style attribute is not set to !important, or meets the minimum"
},
{
"id": "important-word-spacing",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "word-spacing in the style attribute is not set to !important, or meets the minimum"
},
{
"id": "important-line-height",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "line-height in the style attribute is not set to !important, or meets the minimum"
}
],
"none": [],
"impact": null,
"html": "<li style=\"margin-top:14px;font-size:12.5px;color:rgba(245,240,230,.5)\">Harlow & Stone Realty LLC is a licensed real estate brokerage, License #RB-0041982. All information deemed reliable but not guaranteed. Listings subject to prior sale.</li>",
"target": [
"div:nth-child(4) > .fcontact > li:nth-child(4)"
]
}
]
},
{
"id": "button-name",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure buttons have discernible text",
"help": "Buttons must have discernible text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/button-name?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "button-has-visible-text",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element has inner text that is visible to screen readers"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<button class=\"x\" id=\"mclose\">Close \u2715</button>",
"target": [
"#mclose"
]
}
]
},
{
"id": "bypass",
"impact": null,
"tags": [
"cat.keyboard",
"wcag2a",
"wcag241",
"section508",
"section508.22.o",
"TTv5",
"TT9.a",
"EN-301-549",
"EN-9.2.4.1"
],
"description": "Ensure each page has at least one mechanism for a user to bypass navigation and jump straight to the content",
"help": "Page must have means to bypass repeated blocks",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/bypass?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "internal-link-present",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Valid skip link found"
},
{
"id": "header-present",
"data": null,
"relatedNodes": [
{
"html": "<h1>\n <span class=\"lm\"><span>The right home</span></span>\n <span class=\"lm\"><span><em>finds you.</em></span></span>\n </h1>",
"target": [
"h1"
]
},
{
"html": "<h2>Hand-picked listings, <em>priced with proof.</em></h2>",
"target": [
"#market > .wrap > .shead.rv > div > h2"
]
},
{
"html": "<h2 style=\"margin-top:16px\">Know the street <em>before</em> the listing.</h2>",
"target": [
".hoods > .left.rv > h2"
]
},
{
"html": "<h3>Harbor Row</h3>",
"target": [
"#hood-1 > h3"
]
},
{
"html": "<h3>Maple & 9th</h3>",
"target": [
"#hood-2 > h3"
]
},
{
"html": "<h3>Oak Hollow</h3>",
"target": [
"#hood-3 > h3"
]
},
{
"html": "<h3>The Terraces</h3>",
"target": [
"#hood-4 > h3"
]
},
{
"html": "<h2>Run the numbers <em>before</em> the open house.</h2>",
"target": [
"#mortgage > .wrap > .shead.rv > div > h2"
]
},
{
"html": "<h3>Payment calculator</h3>",
"target": [
"#calc > h3"
]
},
{
"html": "<h2 style=\"margin-top:16px\">From pre-approval to keys, <em>four honest steps.</em></h2>",
"target": [
".bgrid > .left.rv > h2"
]
},
{
"html": "<h3>Pre-approval, not pre-qualification</h3>",
"target": [
".step.rv:nth-child(1) > div:nth-child(2) > h3"
]
},
{
"html": "<h3>Tour, compare, then offer with data</h3>",
"target": [
".step.rv:nth-child(2) > div:nth-child(2) > h3"
]
},
{
"html": "<h3>Inspection & appraisal</h3>",
"target": [
".step.rv:nth-child(3) > div:nth-child(2) > h3"
]
},
{
"html": "<h3>Clear to close, then keys</h3>",
"target": [
".step.rv:nth-child(4) > div:nth-child(2) > h3"
]
},
{
"html": "<h2>Reserve your walkthrough <em>in thirty seconds.</em></h2>",
"target": [
"#openhouses > .wrap > .shead.rv > div > h2"
]
},
{
"html": "<h3 id=\"oh-title\">The Foundry Loft</h3>",
"target": [
"#oh-title"
]
},
{
"html": "<h2>Four agents. <em>Zero</em> hand-offs.</h2>",
"target": [
"#agents > .wrap > .shead.rv > div > h2"
]
},
{
"html": "<h3>Mara Ellison</h3>",
"target": [
".agent:nth-child(1) > h3"
]
},
{
"html": "<h3>Daniel Okafor</h3>",
"target": [
".agent:nth-child(2) > h3"
]
},
{
"html": "<h3>Priya Raman</h3>",
"target": [
".agent:nth-child(3) > h3"
]
},
{
"html": "<h3>Tom Vasquez</h3>",
"target": [
".agent:nth-child(4) > h3"
]
},
{
"html": "<h2>Closed files, <em>open praise.</em></h2>",
"target": [
"#stories > .wrap > .shead.rv > div > h2"
]
},
{
"html": "<h2>Market notes, <em>written by the people in the field.</em></h2>",
"target": [
"#blog > .wrap > .shead.rv > div > h2"
]
},
{
"html": "<h3>What a 6.12% rate really does to your monthly budget</h3>",
"target": [
".jcard:nth-child(1) > .bd > h3"
]
},
{
"html": "<h3>The appraisal gap: three ways buyers handle it without panic</h3>",
"target": [
".jcard:nth-child(2) > .bd > h3"
]
},
{
"html": "<h3>Harbor Row, five years on: a neighborhood ledger</h3>",
"target": [
".jcard:nth-child(3) > .bd > h3"
]
},
{
"html": "<h2 style=\"margin-left:auto;margin-right:auto\">Questions we hear <em>every week.</em></h2>",
"target": [
"#faq > .wrap > .shead.rv > div > h2"
]
},
{
"html": "<h2>Start with a <em>number you can trust.</em></h2>",
"target": [
"#sell > .wrap > .rv:nth-child(1) > h2"
]
},
{
"html": "<h4>Explore</h4>",
"target": [
"div:nth-child(2) > h4"
]
},
{
"html": "<h4>Offices</h4>",
"target": [
"div:nth-child(3) > h4"
]
},
{
"html": "<h4>Hours & Licensing</h4>",
"target": [
"div:nth-child(4) > h4"
]
}
],
"impact": "serious",
"message": "Page has a heading"
},
{
"id": "landmark",
"data": null,
"relatedNodes": [
{
"html": "<main id=\"main\">",
"target": [
"#main"
]
}
],
"impact": "serious",
"message": "Page has a landmark region"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<html lang=\"en\" class=\"js\">",
"target": [
"html"
]
}
]
},
{
"id": "color-contrast",
"impact": "serious",
"tags": [
"cat.color",
"wcag2aa",
"wcag143",
"TTv5",
"TT13.c",
"EN-301-549",
"EN-9.1.4.3",
"ACT"
],
"description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
"help": "Elements must meet minimum color contrast ratio thresholds",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#b8862b",
"bgColor": "#121f19",
"contrastRatio": 5.24,
"fontSize": "8.3pt (11px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [],
"impact": "serious",
"message": "Element has sufficient color contrast of 5.24"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<b>$842,000</b>",
"target": [
".ticker-track > span:nth-child(1) > b:nth-child(1)"
]
}
]
},
{
"id": "document-title",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag242",
"TTv5",
"TT12.a",
"EN-301-549",
"EN-9.2.4.2",
"ACT"
],
"description": "Ensure each HTML document contains a non-empty <title> element",
"help": "Documents must have <title> element to aid in navigation",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/document-title?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "doc-has-title",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Document has a non-empty <title> element"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<html lang=\"en\" class=\"js\">",
"target": [
"html"
]
}
]
},
{
"id": "duplicate-id-aria",
"impact": null,
"tags": [
"cat.parsing",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure every id attribute value used in ARIA and in labels is unique",
"help": "IDs used in ARIA and labels must be unique",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/duplicate-id-aria?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "duplicate-id-aria",
"data": "f-loc",
"relatedNodes": [],
"impact": "critical",
"message": "Document has no elements referenced with ARIA or labels that share the same id attribute"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<select id=\"f-loc\"><option>All neighborhoods</option><option>Harbor Row</option><option>Maple & 9th</option><option>Oak Hollow</option><option>The Terraces</option><option>Willow Flats</option></select>",
"target": [
"#f-loc"
]
}
]
},
{
"id": "form-field-multiple-labels",
"impact": null,
"tags": [
"cat.forms",
"wcag2a",
"wcag332",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.3.3.2"
],
"description": "Ensure form field does not have multiple label elements",
"help": "Form field must not have multiple label elements",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/form-field-multiple-labels?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "multiple-label",
"data": null,
"relatedNodes": [
{
"html": "<label for=\"f-loc\">Location</label>",
"target": [
"label[for=\"f-loc\"]"
]
}
],
"impact": "moderate",
"message": "Form field does not have multiple label elements"
}
],
"impact": null,
"html": "<select id=\"f-loc\"><option>All neighborhoods</option><option>Harbor Row</option><option>Maple & 9th</option><option>Oak Hollow</option><option>The Terraces</option><option>Willow Flats</option></select>",
"target": [
"#f-loc"
]
}
]
},
{
"id": "html-has-lang",
"impact": null,
"tags": [
"cat.language",
"wcag2a",
"wcag311",
"TTv5",
"TT11.a",
"EN-301-549",
"EN-9.3.1.1",
"ACT"
],
"description": "Ensure every HTML document has a lang attribute",
"help": "<html> element must have a lang attribute",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-has-lang?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "has-lang",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "The <html> element has a lang attribute"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<html lang=\"en\" class=\"js\">",
"target": [
"html"
]
}
]
},
{
"id": "html-lang-valid",
"impact": null,
"tags": [
"cat.language",
"wcag2a",
"wcag311",
"TTv5",
"TT11.a",
"EN-301-549",
"EN-9.3.1.1",
"ACT"
],
"description": "Ensure the lang attribute of the <html> element has a valid value",
"help": "<html> element must have a valid value for the lang attribute",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-lang-valid?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "valid-lang",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Value of lang attribute is included in the list of valid languages"
}
],
"impact": null,
"html": "<html lang=\"en\" class=\"js\">",
"target": [
"html"
]
}
]
},
{
"id": "image-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"TTv5",
"TT7.a",
"TT7.b",
"EN-301-549",
"EN-9.1.1.1",
"ACT"
],
"description": "Ensure <img> elements have alternative text or a role of none or presentation",
"help": "Images must have alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/image-alt?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "has-alt",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element has an alt attribute"
}
],
"all": [],
"none": [
{
"id": "alt-space-value",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element has a valid alt attribute value"
}
],
"impact": null,
"html": "<img src=\"https://placehold.co/96x96/1B2A23/F5F0E6?text=H%26S&font=oswald\" alt=\"Harlow and Stone monogram\">",
"target": [
"img[alt=\"Harlow and Stone monogram\"]"
]
}
]
},
{
"id": "label",
"impact": null,
"tags": [
"cat.forms",
"wcag2a",
"wcag412",
"section508",
"section508.22.n",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure every form element has a label",
"help": "Form elements must have labels",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/label?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "explicit-label",
"data": null,
"relatedNodes": [
{
"html": "<label for=\"c-price\">Home price</label>",
"target": [
"label[for=\"c-price\"]"
]
}
],
"impact": "critical",
"message": "Element has an explicit <label>"
}
],
"all": [],
"none": [
{
"id": "hidden-explicit-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Form element has a visible explicit <label>"
}
],
"impact": null,
"html": "<input type=\"range\" id=\"c-price\" min=\"250000\" max=\"2500000\" step=\"25000\" value=\"725000\">",
"target": [
"#c-price"
]
}
]
},
{
"id": "link-name",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag244",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.2.4.4",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure links have discernible text",
"help": "Links must have discernible text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-name?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "has-visible-text",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element has text that is visible to screen readers"
}
],
"all": [],
"none": [
{
"id": "focusable-no-name",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element is not in tab order or has accessible text"
}
],
"impact": null,
"html": "<a class=\"skip\" href=\"#main\">Skip to content</a>",
"target": [
".skip"
]
}
]
},
{
"id": "list",
"impact": null,
"tags": [
"cat.structure",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure that lists are structured correctly",
"help": "<ul> and <ol> must only directly contain <li>, <script> or <template> elements",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/list?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "only-listitems",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "List element only has direct children that are allowed inside <li> elements"
}
],
"impact": null,
"html": "<ul class=\"pleg\">",
"target": [
".pleg"
]
}
]
},
{
"id": "listitem",
"impact": null,
"tags": [
"cat.structure",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure <li> elements are used semantically",
"help": "<li> elements must be contained in a <ul> or <ol>",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/listitem?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "listitem",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "List item has a <ul>, <ol> or role=\"list\" parent element"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<li><span><i style=\"background:var(--brass)\"></i>Principal & interest</span><b id=\"o-pi\">$3,522</b></li>",
"target": [
".pleg > li:nth-child(1)"
]
}
]
},
{
"id": "meta-viewport",
"impact": null,
"tags": [
"cat.sensory-and-visual-cues",
"wcag2aa",
"wcag144",
"EN-301-549",
"EN-9.1.4.4",
"ACT"
],
"description": "Ensure <meta name=\"viewport\"> does not disable text scaling and zooming",
"help": "Zooming and scaling must not be disabled",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-viewport?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "meta-viewport",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "<meta> tag does not disable zooming on mobile devices"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
"target": [
"meta[name=\"viewport\"]"
]
}
]
},
{
"id": "nested-interactive",
"impact": null,
"tags": [
"cat.keyboard",
"wcag2a",
"wcag412",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies",
"help": "Interactive controls must not be nested",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/nested-interactive?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "no-focusable-content",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element does not have focusable descendants"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<img src=\"https://placehold.co/96x96/1B2A23/F5F0E6?text=H%26S&font=oswald\" alt=\"Harlow and Stone monogram\">",
"target": [
"img[alt=\"Harlow and Stone monogram\"]"
]
}
]
},
{
"id": "select-name",
"impact": "critical",
"tags": [
"cat.forms",
"wcag2a",
"wcag412",
"section508",
"section508.22.n",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure select element has an accessible name",
"help": "Select element must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/select-name?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "explicit-label",
"data": {
"explicitLabel": "Location"
},
"relatedNodes": [
{
"html": "<label for=\"f-loc\">Location</label>",
"target": [
"label[for=\"f-loc\"]"
]
}
],
"impact": "critical",
"message": "Element has an explicit <label>"
}
],
"all": [],
"none": [
{
"id": "hidden-explicit-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Form element has a visible explicit <label>"
}
],
"impact": null,
"html": "<select id=\"f-loc\"><option>All neighborhoods</option><option>Harbor Row</option><option>Maple & 9th</option><option>Oak Hollow</option><option>The Terraces</option><option>Willow Flats</option></select>",
"target": [
"#f-loc"
]
}
]
},
{
"id": "target-size",
"impact": null,
"tags": [
"cat.sensory-and-visual-cues",
"wcag22aa",
"wcag258"
],
"description": "Ensure touch targets have sufficient size and space",
"help": "All touch targets must be 24px large, or leave sufficient space",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/target-size?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "target-size",
"data": {
"minSize": 24,
"width": 141.9,
"height": 46.4
},
"relatedNodes": [],
"impact": "serious",
"message": "Control has sufficient size (141.9px by 46.4px, should be at least 24px by 24px)"
},
{
"id": "target-offset",
"data": {
"closestOffset": 24,
"minOffset": 24
},
"relatedNodes": [],
"impact": "serious",
"message": "Target has sufficient space from its closest neighbors. Safe clickable space has a diameter of 24px which is at least 24px."
}
],
"all": [],
"none": [],
"impact": null,
"html": "<a class=\"skip\" href=\"#main\">Skip to content</a>",
"target": [
".skip"
]
}
]
}
],
"incomplete": [
{
"id": "aria-prohibited-attr",
"impact": "serious",
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure ARIA attributes are not prohibited for an element's role",
"help": "Elements must only use permitted ARIA attributes",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "aria-prohibited-attr",
"data": {
"role": null,
"nodeName": "div",
"messageKey": "noRoleSingular",
"prohibited": [
"aria-label"
]
},
"relatedNodes": [],
"impact": "serious",
"message": "aria-label attribute is not well supported on a div with no valid role attribute."
}
],
"impact": "serious",
"html": "<div class=\"mnav\" id=\"mnav\" aria-label=\"Mobile\">",
"target": [
"#mnav"
],
"failureSummary": "Fix all of the following:\n aria-label attribute is not well supported on a div with no valid role attribute."
}
]
},
{
"id": "color-contrast",
"impact": "serious",
"tags": [
"cat.color",
"wcag2aa",
"wcag143",
"TTv5",
"TT13.c",
"EN-301-549",
"EN-9.1.4.3",
"ACT"
],
"description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
"help": "Elements must meet minimum color contrast ratio thresholds",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "color-contrast",
"data": {
"messageKey": "nonBmp"
},
"relatedNodes": [],
"impact": "serious",
"message": "Element content contains only non-text characters"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<i>\u25c6</i>",
"target": [
"span:nth-child(1) > i:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element content contains only non-text characters"
}
]
}
],
"violations": [
{
"id": "aria-required-children",
"impact": "critical",
"tags": [
"cat.aria",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure elements with an ARIA role that require child roles contain them",
"help": "Certain ARIA roles must contain particular children",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-children?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "aria-required-children",
"data": {
"messageKey": "unallowed",
"values": "button[tabindex]"
},
"relatedNodes": [
{
"html": "<button type=\"button\" class=\"on\" data-tab=\"\">Buy</button>",
"target": [
".on[data-tab=\"\"][type=\"button\"]"
]
},
{
"html": "<button type=\"button\" data-tab=\"\">Rent</button>",
"target": [
"button[data-tab=\"\"][type=\"button\"]:nth-child(2)"
]
},
{
"html": "<button type=\"button\" data-tab=\"\">Sold</button>",
"target": [
"button[data-tab=\"\"][type=\"button\"]:nth-child(3)"
]
}
],
"impact": "critical",
"message": "Element has children which are not allowed: button[tabindex]"
}
],
"all": [],
"none": [],
"impact": "critical",
"html": "<div class=\"tabs\" role=\"tablist\">\n <button type=\"button\" class=\"on\" data-tab=\"\">Buy</button>\n <button type=\"button\" data-tab=\"\">Rent</button>\n <button type=\"button\" data-tab=\"\">Sold</button>\n </div>",
"target": [
".tabs"
],
"failureSummary": "Fix any of the following:\n Element has children which are not allowed: button[tabindex]"
}
]
},
{
"id": "color-contrast",
"impact": "serious",
"tags": [
"cat.color",
"wcag2aa",
"wcag143",
"TTv5",
"TT13.c",
"EN-301-549",
"EN-9.1.4.3",
"ACT"
],
"description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
"help": "Elements must meet minimum color contrast ratio thresholds",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#727971",
"bgColor": "#f5f0e6",
"contrastRatio": 3.94,
"fontSize": "7.1pt (9.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<header id=\"hdr\">",
"target": [
"#hdr"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.94 (foreground color: #727971, background color: #f5f0e6, font size: 7.1pt (9.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"bt\">Realty \u00b7 Est. 1994</span>",
"target": [
".bt"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.94 (foreground color: #727971, background color: #f5f0e6, font size: 7.1pt (9.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#f5f0e6",
"contrastRatio": 3.98,
"fontSize": "8.3pt (11px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.98 (foreground color: #96701f, background color: #f5f0e6, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"kick\">Independent Lakeshore Brokerage</span>",
"target": [
"#top > .wrap > div:nth-child(1) > .kick"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.98 (foreground color: #96701f, background color: #f5f0e6, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#808780",
"bgColor": "#fcf9f2",
"contrastRatio": 3.5,
"fontSize": "9.4pt (12.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<form class=\"search\" onsubmit=\"return false\" aria-label=\"Property search\">",
"target": [
".search"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 9.4pt (12.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<button type=\"button\" data-tab=\"\">Rent</button>",
"target": [
"button[data-tab=\"\"][type=\"button\"]:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 9.4pt (12.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#808780",
"bgColor": "#fcf9f2",
"contrastRatio": 3.5,
"fontSize": "9.4pt (12.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<form class=\"search\" onsubmit=\"return false\" aria-label=\"Property search\">",
"target": [
".search"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 9.4pt (12.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<button type=\"button\" data-tab=\"\">Sold</button>",
"target": [
"button[data-tab=\"\"][type=\"button\"]:nth-child(3)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 9.4pt (12.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#8c928b",
"bgColor": "#fcf9f2",
"contrastRatio": 3.02,
"fontSize": "7.5pt (10px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<form class=\"search\" onsubmit=\"return false\" aria-label=\"Property search\">",
"target": [
".search"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.02 (foreground color: #8c928b, background color: #fcf9f2, font size: 7.5pt (10px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<label for=\"f-loc\">Location</label>",
"target": [
"label[for=\"f-loc\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.02 (foreground color: #8c928b, background color: #fcf9f2, font size: 7.5pt (10px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#8c928b",
"bgColor": "#fcf9f2",
"contrastRatio": 3.02,
"fontSize": "7.5pt (10px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<form class=\"search\" onsubmit=\"return false\" aria-label=\"Property search\">",
"target": [
".search"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.02 (foreground color: #8c928b, background color: #fcf9f2, font size: 7.5pt (10px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<label for=\"f-typ\">Type</label>",
"target": [
"label[for=\"f-typ\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.02 (foreground color: #8c928b, background color: #fcf9f2, font size: 7.5pt (10px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#8c928b",
"bgColor": "#fcf9f2",
"contrastRatio": 3.02,
"fontSize": "7.5pt (10px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<form class=\"search\" onsubmit=\"return false\" aria-label=\"Property search\">",
"target": [
".search"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.02 (foreground color: #8c928b, background color: #fcf9f2, font size: 7.5pt (10px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<label for=\"f-prc\">Max price</label>",
"target": [
"label[for=\"f-prc\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.02 (foreground color: #8c928b, background color: #fcf9f2, font size: 7.5pt (10px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#fcf9f2",
"contrastRatio": 4.3,
"fontSize": "9.8pt (13px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<form class=\"search\" onsubmit=\"return false\" aria-label=\"Property search\">",
"target": [
".search"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 9.8pt (13px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<b>all 243 active listings</b>",
"target": [
".foot > b"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 9.8pt (13px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#7d837b",
"bgColor": "#f5f0e6",
"contrastRatio": 3.42,
"fontSize": "7.9pt (10.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.42 (foreground color: #7d837b, background color: #f5f0e6, font size: 7.9pt (10.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"l\">Keys handed over</div>",
"target": [
".is-in.rv:nth-child(1) > .l"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.42 (foreground color: #7d837b, background color: #f5f0e6, font size: 7.9pt (10.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#7d837b",
"bgColor": "#f5f0e6",
"contrastRatio": 3.42,
"fontSize": "7.9pt (10.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.42 (foreground color: #7d837b, background color: #f5f0e6, font size: 7.9pt (10.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"l\">Closed volume</div>",
"target": [
".is-in.rv:nth-child(2) > .l"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.42 (foreground color: #7d837b, background color: #f5f0e6, font size: 7.9pt (10.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#7d837b",
"bgColor": "#f5f0e6",
"contrastRatio": 3.42,
"fontSize": "7.9pt (10.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.42 (foreground color: #7d837b, background color: #f5f0e6, font size: 7.9pt (10.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"l\">Avg. days to offer</div>",
"target": [
".is-in.rv:nth-child(3) > .l"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.42 (foreground color: #7d837b, background color: #f5f0e6, font size: 7.9pt (10.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#f5f0e6",
"contrastRatio": 3.98,
"fontSize": "8.3pt (11px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.98 (foreground color: #96701f, background color: #f5f0e6, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"kick\">01 \u00b7 This Week on the Market</span>",
"target": [
".is-in.shead.rv > div > .kick"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.98 (foreground color: #96701f, background color: #f5f0e6, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#f5f0e6",
"contrastRatio": 3.98,
"fontSize": "8.3pt (11px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.98 (foreground color: #96701f, background color: #f5f0e6, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"kick\">01 \u00b7 This Week on the Market</span>",
"target": [
".shead.is-in.rv > div > .kick"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.98 (foreground color: #96701f, background color: #f5f0e6, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#fcf9f2",
"contrastRatio": 4.3,
"fontSize": "7.9pt (10.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"lst feature rv is-in\" data-tag=\"open new\">",
"target": [
".feature"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 7.9pt (10.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"loc\">Harbor Row</span>",
"target": [
".feature > .bd > .loc"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 7.9pt (10.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#fcf9f2",
"contrastRatio": 4.3,
"fontSize": "7.9pt (10.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"lst rv is-in\" data-tag=\"new under800\" style=\"transition-delay:.08s\">",
"target": [
"article[data-tag=\"new under800\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 7.9pt (10.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"loc\">Maple & 9th</span>",
"target": [
"article[data-tag=\"new under800\"] > .bd > .loc"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 7.9pt (10.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#f5f0e6",
"bgColor": "#b4552f",
"contrastRatio": 4.31,
"fontSize": "7.5pt (10px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<span class=\"tag clay\">Price reduced \u2212$25K</span>",
"target": [
"article[data-tag=\"reduced\"] > .imw > .clay.tag"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.31 (foreground color: #f5f0e6, background color: #b4552f, font size: 7.5pt (10px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"tag clay\">Price reduced \u2212$25K</span>",
"target": [
"article[data-tag=\"reduced\"] > .imw > .clay.tag"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.31 (foreground color: #f5f0e6, background color: #b4552f, font size: 7.5pt (10px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#fcf9f2",
"contrastRatio": 4.3,
"fontSize": "7.9pt (10.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"lst rv is-in\" data-tag=\"reduced\" style=\"transition-delay:.16s\">",
"target": [
"article[data-tag=\"reduced\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 7.9pt (10.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"loc\">Oak Hollow</span>",
"target": [
"article[data-tag=\"reduced\"] > .bd > .loc"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 7.9pt (10.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#fcf9f2",
"contrastRatio": 4.3,
"fontSize": "7.9pt (10.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"lst rv is-in\" data-tag=\"under800 new\" style=\"transition-delay:.08s\">",
"target": [
"article[data-tag=\"under800 new\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 7.9pt (10.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"loc\">The Terraces</span>",
"target": [
"article[data-tag=\"under800 new\"] > .bd > .loc"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 7.9pt (10.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#fcf9f2",
"contrastRatio": 4.3,
"fontSize": "7.9pt (10.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"lst rv is-in\" data-tag=\"open\" style=\"transition-delay:.16s\">",
"target": [
"article[data-tag=\"open\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 7.9pt (10.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"loc\">Willow Flats</span>",
"target": [
"article[data-tag=\"open\"] > .bd > .loc"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 7.9pt (10.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#f5f0e6",
"bgColor": "#b4552f",
"contrastRatio": 4.31,
"fontSize": "7.5pt (10px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<span class=\"tag clay\">Price reduced \u2212$12K</span>",
"target": [
"article[data-tag=\"under800 reduced\"] > .imw > .clay.tag"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.31 (foreground color: #f5f0e6, background color: #b4552f, font size: 7.5pt (10px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"tag clay\">Price reduced \u2212$12K</span>",
"target": [
"article[data-tag=\"under800 reduced\"] > .imw > .clay.tag"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.31 (foreground color: #f5f0e6, background color: #b4552f, font size: 7.5pt (10px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#fcf9f2",
"contrastRatio": 4.3,
"fontSize": "7.9pt (10.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"lst rv is-in\" data-tag=\"under800 reduced\" style=\"transition-delay:.24s\">",
"target": [
"article[data-tag=\"under800 reduced\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 7.9pt (10.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"loc\">Willow Flats</span>",
"target": [
"article[data-tag=\"under800 reduced\"] > .bd > .loc"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 7.9pt (10.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#ede5d4",
"contrastRatio": 3.61,
"fontSize": "8.3pt (11px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"sec alt\" id=\"neighborhoods\">",
"target": [
"#neighborhoods"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.61 (foreground color: #96701f, background color: #ede5d4, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"kick\">02 \u00b7 Neighborhood Guide</span>",
"target": [
".left.is-in.rv > .kick"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.61 (foreground color: #96701f, background color: #ede5d4, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#ede5d4",
"contrastRatio": 3.61,
"fontSize": "8.3pt (11px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"sec alt\" id=\"neighborhoods\">",
"target": [
"#neighborhoods"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.61 (foreground color: #96701f, background color: #ede5d4, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<small>Median $1.10M</small>",
"target": [
"button[data-spy=\"hood-1\"] > small"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.61 (foreground color: #96701f, background color: #ede5d4, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#7a7e73",
"bgColor": "#ede5d4",
"contrastRatio": 3.31,
"fontSize": "14.3pt (19px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"sec alt\" id=\"neighborhoods\">",
"target": [
"#neighborhoods"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.31 (foreground color: #7a7e73, background color: #ede5d4, font size: 14.3pt (19px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<button data-spy=\"hood-2\">Maple & 9th <small>Median $742K</small></button>",
"target": [
"button[data-spy=\"hood-2\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.31 (foreground color: #7a7e73, background color: #ede5d4, font size: 14.3pt (19px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#ede5d4",
"contrastRatio": 3.61,
"fontSize": "8.3pt (11px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"sec alt\" id=\"neighborhoods\">",
"target": [
"#neighborhoods"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.61 (foreground color: #96701f, background color: #ede5d4, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<small>Median $742K</small>",
"target": [
"button[data-spy=\"hood-2\"] > small"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.61 (foreground color: #96701f, background color: #ede5d4, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#7a7e73",
"bgColor": "#ede5d4",
"contrastRatio": 3.31,
"fontSize": "14.3pt (19px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"sec alt\" id=\"neighborhoods\">",
"target": [
"#neighborhoods"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.31 (foreground color: #7a7e73, background color: #ede5d4, font size: 14.3pt (19px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<button data-spy=\"hood-3\">Oak Hollow <small>Median $835K</small></button>",
"target": [
"button[data-spy=\"hood-3\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.31 (foreground color: #7a7e73, background color: #ede5d4, font size: 14.3pt (19px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#ede5d4",
"contrastRatio": 3.61,
"fontSize": "8.3pt (11px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"sec alt\" id=\"neighborhoods\">",
"target": [
"#neighborhoods"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.61 (foreground color: #96701f, background color: #ede5d4, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<small>Median $835K</small>",
"target": [
"button[data-spy=\"hood-3\"] > small"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.61 (foreground color: #96701f, background color: #ede5d4, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#7a7e73",
"bgColor": "#ede5d4",
"contrastRatio": 3.31,
"fontSize": "14.3pt (19px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"sec alt\" id=\"neighborhoods\">",
"target": [
"#neighborhoods"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.31 (foreground color: #7a7e73, background color: #ede5d4, font size: 14.3pt (19px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<button data-spy=\"hood-4\">The Terraces <small>Median $498K</small></button>",
"target": [
"button[data-spy=\"hood-4\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.31 (foreground color: #7a7e73, background color: #ede5d4, font size: 14.3pt (19px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#ede5d4",
"contrastRatio": 3.61,
"fontSize": "8.3pt (11px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"sec alt\" id=\"neighborhoods\">",
"target": [
"#neighborhoods"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.61 (foreground color: #96701f, background color: #ede5d4, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<small>Median $498K</small>",
"target": [
"button[data-spy=\"hood-4\"] > small"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.61 (foreground color: #96701f, background color: #ede5d4, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#ede5d4",
"contrastRatio": 3.61,
"fontSize": "12.0pt (16px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"sec alt\" id=\"neighborhoods\">",
"target": [
"#neighborhoods"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.61 (foreground color: #96701f, background color: #ede5d4, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"sub\">Warehouses turned waterfront homes, five minutes from the marina.</div>",
"target": [
"#hood-1 > .sub"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.61 (foreground color: #96701f, background color: #ede5d4, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#808780",
"bgColor": "#fcf9f2",
"contrastRatio": 3.5,
"fontSize": "7.1pt (9.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"k\">Median sale</div>",
"target": [
"#hood-1 > .m > div:nth-child(1) > .k"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 7.1pt (9.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"k\">Median sale</div>",
"target": [
"#hood-1 > .m > div:nth-child(1) > .k"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 7.1pt (9.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#808780",
"bgColor": "#fcf9f2",
"contrastRatio": 3.5,
"fontSize": "7.1pt (9.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"k\">Walk score</div>",
"target": [
"#hood-1 > .m > div:nth-child(2) > .k"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 7.1pt (9.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"k\">Walk score</div>",
"target": [
"#hood-1 > .m > div:nth-child(2) > .k"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 7.1pt (9.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#808780",
"bgColor": "#fcf9f2",
"contrastRatio": 3.5,
"fontSize": "7.1pt (9.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"k\">To downtown</div>",
"target": [
"#hood-1 > .m > div:nth-child(3) > .k"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 7.1pt (9.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"k\">To downtown</div>",
"target": [
"#hood-1 > .m > div:nth-child(3) > .k"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 7.1pt (9.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#808780",
"bgColor": "#fcf9f2",
"contrastRatio": 3.5,
"fontSize": "7.1pt (9.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"k\">Active listings</div>",
"target": [
"#hood-1 > .m > div:nth-child(4) > .k"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 7.1pt (9.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"k\">Active listings</div>",
"target": [
"#hood-1 > .m > div:nth-child(4) > .k"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 7.1pt (9.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#7a7e73",
"bgColor": "#ede5d4",
"contrastRatio": 3.31,
"fontSize": "14.3pt (19px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"sec alt\" id=\"neighborhoods\">",
"target": [
"#neighborhoods"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.31 (foreground color: #7a7e73, background color: #ede5d4, font size: 14.3pt (19px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<button class=\"\" data-spy=\"hood-1\">Harbor Row <small>Median $1.10M</small></button>",
"target": [
"button[data-spy=\"hood-1\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.31 (foreground color: #7a7e73, background color: #ede5d4, font size: 14.3pt (19px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#ede5d4",
"contrastRatio": 3.61,
"fontSize": "12.0pt (16px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"sec alt\" id=\"neighborhoods\">",
"target": [
"#neighborhoods"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.61 (foreground color: #96701f, background color: #ede5d4, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"sub\">Craftsman bungalows, porch lights and a top-rated elementary.</div>",
"target": [
"#hood-2 > .sub"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.61 (foreground color: #96701f, background color: #ede5d4, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#808780",
"bgColor": "#fcf9f2",
"contrastRatio": 3.5,
"fontSize": "7.1pt (9.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"k\">Median sale</div>",
"target": [
"#hood-2 > .m > div:nth-child(1) > .k"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 7.1pt (9.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"k\">Median sale</div>",
"target": [
"#hood-2 > .m > div:nth-child(1) > .k"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 7.1pt (9.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#808780",
"bgColor": "#fcf9f2",
"contrastRatio": 3.5,
"fontSize": "7.1pt (9.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"k\">Walk score</div>",
"target": [
"#hood-2 > .m > div:nth-child(2) > .k"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 7.1pt (9.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"k\">Walk score</div>",
"target": [
"#hood-2 > .m > div:nth-child(2) > .k"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 7.1pt (9.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#808780",
"bgColor": "#fcf9f2",
"contrastRatio": 3.5,
"fontSize": "7.1pt (9.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"k\">To downtown</div>",
"target": [
"#hood-2 > .m > div:nth-child(3) > .k"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 7.1pt (9.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"k\">To downtown</div>",
"target": [
"#hood-2 > .m > div:nth-child(3) > .k"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 7.1pt (9.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#808780",
"bgColor": "#fcf9f2",
"contrastRatio": 3.5,
"fontSize": "7.1pt (9.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"k\">Active listings</div>",
"target": [
"#hood-2 > .m > div:nth-child(4) > .k"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 7.1pt (9.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"k\">Active listings</div>",
"target": [
"#hood-2 > .m > div:nth-child(4) > .k"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 7.1pt (9.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#ede5d4",
"contrastRatio": 3.61,
"fontSize": "12.0pt (16px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"sec alt\" id=\"neighborhoods\">",
"target": [
"#neighborhoods"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.61 (foreground color: #96701f, background color: #ede5d4, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"sub\">Wooded lots, mid-century ranches and trailheads at the cul-de-sac.</div>",
"target": [
"#hood-3 > .sub"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.61 (foreground color: #96701f, background color: #ede5d4, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#808780",
"bgColor": "#fcf9f2",
"contrastRatio": 3.5,
"fontSize": "7.1pt (9.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"k\">Median sale</div>",
"target": [
"#hood-3 > .m > div:nth-child(1) > .k"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 7.1pt (9.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"k\">Median sale</div>",
"target": [
"#hood-3 > .m > div:nth-child(1) > .k"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 7.1pt (9.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#808780",
"bgColor": "#fcf9f2",
"contrastRatio": 3.5,
"fontSize": "7.1pt (9.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"k\">Walk score</div>",
"target": [
"#hood-3 > .m > div:nth-child(2) > .k"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 7.1pt (9.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"k\">Walk score</div>",
"target": [
"#hood-3 > .m > div:nth-child(2) > .k"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 7.1pt (9.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#808780",
"bgColor": "#fcf9f2",
"contrastRatio": 3.5,
"fontSize": "7.1pt (9.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"k\">To downtown</div>",
"target": [
"#hood-3 > .m > div:nth-child(3) > .k"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 7.1pt (9.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"k\">To downtown</div>",
"target": [
"#hood-3 > .m > div:nth-child(3) > .k"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 7.1pt (9.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#808780",
"bgColor": "#fcf9f2",
"contrastRatio": 3.5,
"fontSize": "7.1pt (9.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"k\">Active listings</div>",
"target": [
"#hood-3 > .m > div:nth-child(4) > .k"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 7.1pt (9.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"k\">Active listings</div>",
"target": [
"#hood-3 > .m > div:nth-child(4) > .k"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 7.1pt (9.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#ede5d4",
"contrastRatio": 3.61,
"fontSize": "12.0pt (16px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"sec alt\" id=\"neighborhoods\">",
"target": [
"#neighborhoods"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.61 (foreground color: #96701f, background color: #ede5d4, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"sub\">Elevator buildings, skyline light and the friendliest first-buy math.</div>",
"target": [
"#hood-4 > .sub"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.61 (foreground color: #96701f, background color: #ede5d4, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#808780",
"bgColor": "#fcf9f2",
"contrastRatio": 3.5,
"fontSize": "7.1pt (9.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"k\">Median sale</div>",
"target": [
"#hood-4 > .m > div:nth-child(1) > .k"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 7.1pt (9.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"k\">Median sale</div>",
"target": [
"#hood-4 > .m > div:nth-child(1) > .k"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 7.1pt (9.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#808780",
"bgColor": "#fcf9f2",
"contrastRatio": 3.5,
"fontSize": "7.1pt (9.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"k\">Walk score</div>",
"target": [
"#hood-4 > .m > div:nth-child(2) > .k"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 7.1pt (9.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"k\">Walk score</div>",
"target": [
"#hood-4 > .m > div:nth-child(2) > .k"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 7.1pt (9.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#808780",
"bgColor": "#fcf9f2",
"contrastRatio": 3.5,
"fontSize": "7.1pt (9.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"k\">To downtown</div>",
"target": [
"#hood-4 > .m > div:nth-child(3) > .k"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 7.1pt (9.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"k\">To downtown</div>",
"target": [
"#hood-4 > .m > div:nth-child(3) > .k"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 7.1pt (9.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#808780",
"bgColor": "#fcf9f2",
"contrastRatio": 3.5,
"fontSize": "7.1pt (9.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"k\">Active listings</div>",
"target": [
"#hood-4 > .m > div:nth-child(4) > .k"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 7.1pt (9.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"k\">Active listings</div>",
"target": [
"#hood-4 > .m > div:nth-child(4) > .k"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 7.1pt (9.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#f5f0e6",
"contrastRatio": 3.98,
"fontSize": "8.3pt (11px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.98 (foreground color: #96701f, background color: #f5f0e6, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"kick\">01 \u00b7 This Week on the Market</span>",
"target": [
"#market > .wrap > .shead.is-in.rv > div > .kick"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.98 (foreground color: #96701f, background color: #f5f0e6, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#727971",
"bgColor": "#f5f0e6",
"contrastRatio": 3.94,
"fontSize": "9.8pt (13px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"calc rv is-in\" id=\"calc\">",
"target": [
"#calc"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.94 (foreground color: #727971, background color: #f5f0e6, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p class=\"hint\">Drag the sliders \u2014 everything updates live, including your down-payment target.</p>",
"target": [
".hint"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.94 (foreground color: #727971, background color: #f5f0e6, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#727971",
"bgColor": "#f5f0e6",
"contrastRatio": 3.94,
"fontSize": "8.3pt (11px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"calc rv is-in\" id=\"calc\">",
"target": [
"#calc"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.94 (foreground color: #727971, background color: #f5f0e6, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<label for=\"c-price\">Home price</label>",
"target": [
"label[for=\"c-price\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.94 (foreground color: #727971, background color: #f5f0e6, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#727971",
"bgColor": "#f5f0e6",
"contrastRatio": 3.94,
"fontSize": "8.3pt (11px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"calc rv is-in\" id=\"calc\">",
"target": [
"#calc"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.94 (foreground color: #727971, background color: #f5f0e6, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<label for=\"c-dp\">Down payment</label>",
"target": [
"label[for=\"c-dp\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.94 (foreground color: #727971, background color: #f5f0e6, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#727971",
"bgColor": "#f5f0e6",
"contrastRatio": 3.94,
"fontSize": "8.3pt (11px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"calc rv is-in\" id=\"calc\">",
"target": [
"#calc"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.94 (foreground color: #727971, background color: #f5f0e6, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<label for=\"c-rate\">Interest rate</label>",
"target": [
"label[for=\"c-rate\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.94 (foreground color: #727971, background color: #f5f0e6, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#727971",
"bgColor": "#f5f0e6",
"contrastRatio": 3.94,
"fontSize": "8.3pt (11px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"calc rv is-in\" id=\"calc\">",
"target": [
"#calc"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.94 (foreground color: #727971, background color: #f5f0e6, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<label>Loan term</label>",
"target": [
".crow:nth-child(6) > .top > label"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.94 (foreground color: #727971, background color: #f5f0e6, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#727971",
"bgColor": "#f5f0e6",
"contrastRatio": 3.94,
"fontSize": "9.4pt (12.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"calc rv is-in\" id=\"calc\">",
"target": [
"#calc"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.94 (foreground color: #727971, background color: #f5f0e6, font size: 9.4pt (12.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<button type=\"button\" data-y=\"15\">15-year</button>",
"target": [
"button[data-y=\"15\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.94 (foreground color: #727971, background color: #f5f0e6, font size: 9.4pt (12.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#7d837b",
"bgColor": "#f5f0e6",
"contrastRatio": 3.42,
"fontSize": "8.3pt (11px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"calc rv is-in\" id=\"calc\">",
"target": [
"#calc"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.42 (foreground color: #7d837b, background color: #f5f0e6, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"t\">est. total / month</span>",
"target": [
".t"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.42 (foreground color: #7d837b, background color: #f5f0e6, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#7d837b",
"bgColor": "#f5f0e6",
"contrastRatio": 3.42,
"fontSize": "9.4pt (12.5px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"calc rv is-in\" id=\"calc\">",
"target": [
"#calc"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.42 (foreground color: #7d837b, background color: #f5f0e6, font size: 9.4pt (12.5px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p style=\"font-size:12.5px;color:rgba(27,42,35,.55);margin-top:14px\">Loan amount <b id=\"o-loan\">$580,000</b> \u00b7 Typical closing costs on this price: <b id=\"o-close\">$14,500\u2013$29,000</b></p>",
"target": [
".pay > p"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.42 (foreground color: #7d837b, background color: #f5f0e6, font size: 9.4pt (12.5px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#7d837b",
"bgColor": "#f5f0e6",
"contrastRatio": 3.42,
"fontSize": "9.4pt (12.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"calc rv is-in\" id=\"calc\">",
"target": [
"#calc"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.42 (foreground color: #7d837b, background color: #f5f0e6, font size: 9.4pt (12.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<b id=\"o-loan\">$580,000</b>",
"target": [
"#o-loan"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.42 (foreground color: #7d837b, background color: #f5f0e6, font size: 9.4pt (12.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#7d837b",
"bgColor": "#f5f0e6",
"contrastRatio": 3.42,
"fontSize": "9.4pt (12.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"calc rv is-in\" id=\"calc\">",
"target": [
"#calc"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.42 (foreground color: #7d837b, background color: #f5f0e6, font size: 9.4pt (12.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<b id=\"o-close\">$14,500\u2013$29,000</b>",
"target": [
"#o-close"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.42 (foreground color: #7d837b, background color: #f5f0e6, font size: 9.4pt (12.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#ede5d4",
"contrastRatio": 3.61,
"fontSize": "8.3pt (11px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"sec alt\" id=\"neighborhoods\">",
"target": [
"#neighborhoods"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.61 (foreground color: #96701f, background color: #ede5d4, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"kick\">02 \u00b7 Neighborhood Guide</span>",
"target": [
".hoods > .left.is-in.rv > .kick"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.61 (foreground color: #96701f, background color: #ede5d4, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#f5f0e6",
"contrastRatio": 3.98,
"fontSize": "8.3pt (11px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.98 (foreground color: #96701f, background color: #f5f0e6, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"kick\">04 \u00b7 First-Time Buyers</span>",
"target": [
".bgrid > .left.is-in.rv > .kick"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.98 (foreground color: #96701f, background color: #f5f0e6, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#ede5d4",
"contrastRatio": 3.61,
"fontSize": "8.3pt (11px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"sec alt\" id=\"openhouses\">",
"target": [
"#openhouses"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.61 (foreground color: #96701f, background color: #ede5d4, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"kick\">05 \u00b7 Open Houses</span>",
"target": [
"#openhouses > .wrap > .shead.is-in.rv > div > .kick"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.61 (foreground color: #96701f, background color: #ede5d4, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#767f7b",
"bgColor": "#ffffff",
"contrastRatio": 4.12,
"fontSize": "9.4pt (12.5px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<button class=\"oh-prop on\" data-home=\"h1\"><span class=\"date\"><b>SUN</b><span>Nov 9</span></span><span><span class=\"nm\">The Foundry Loft</span><span class=\"ad\">418 Canal Street \u00b7 Harbor Row</span></span><span class=\"pr\">$1,285,000</span></button>",
"target": [
"button[data-home=\"h1\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.12 (foreground color: #767f7b, background color: #ffffff, font size: 9.4pt (12.5px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"ad\">418 Canal Street \u00b7 Harbor Row</span>",
"target": [
"button[data-home=\"h1\"] > span:nth-child(2) > .ad"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.12 (foreground color: #767f7b, background color: #ffffff, font size: 9.4pt (12.5px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#757d76",
"bgColor": "#fcf9f2",
"contrastRatio": 4.03,
"fontSize": "9.4pt (12.5px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<button class=\"oh-prop\" data-home=\"h2\"><span class=\"date\"><b>SAT</b><span>Nov 8</span></span><span><span class=\"nm\">142 Maple Crescent</span><span class=\"ad\">Maple & 9th</span></span><span class=\"pr\">$739,000</span></button>",
"target": [
"button[data-home=\"h2\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.03 (foreground color: #757d76, background color: #fcf9f2, font size: 9.4pt (12.5px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"ad\">Maple & 9th</span>",
"target": [
"button[data-home=\"h2\"] > span:nth-child(2) > .ad"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.03 (foreground color: #757d76, background color: #fcf9f2, font size: 9.4pt (12.5px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#fcf9f2",
"contrastRatio": 4.3,
"fontSize": "12.8pt (17px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<button class=\"oh-prop\" data-home=\"h2\"><span class=\"date\"><b>SAT</b><span>Nov 8</span></span><span><span class=\"nm\">142 Maple Crescent</span><span class=\"ad\">Maple & 9th</span></span><span class=\"pr\">$739,000</span></button>",
"target": [
"button[data-home=\"h2\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"pr\">$739,000</span>",
"target": [
"button[data-home=\"h2\"] > .pr"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#757d76",
"bgColor": "#fcf9f2",
"contrastRatio": 4.03,
"fontSize": "9.4pt (12.5px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<button class=\"oh-prop\" data-home=\"h3\"><span class=\"date\"><b>SAT</b><span>Nov 8</span></span><span><span class=\"nm\">77 Birchwater Drive</span><span class=\"ad\">Willow Flats</span></span><span class=\"pr\">$948,000</span></button>",
"target": [
"button[data-home=\"h3\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.03 (foreground color: #757d76, background color: #fcf9f2, font size: 9.4pt (12.5px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"ad\">Willow Flats</span>",
"target": [
"button[data-home=\"h3\"] > span:nth-child(2) > .ad"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.03 (foreground color: #757d76, background color: #fcf9f2, font size: 9.4pt (12.5px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#fcf9f2",
"contrastRatio": 4.3,
"fontSize": "12.8pt (17px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<button class=\"oh-prop\" data-home=\"h3\"><span class=\"date\"><b>SAT</b><span>Nov 8</span></span><span><span class=\"nm\">77 Birchwater Drive</span><span class=\"ad\">Willow Flats</span></span><span class=\"pr\">$948,000</span></button>",
"target": [
"button[data-home=\"h3\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"pr\">$948,000</span>",
"target": [
"button[data-home=\"h3\"] > .pr"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6f756a",
"bgColor": "#ede5d4",
"contrastRatio": 3.78,
"fontSize": "9.8pt (13px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"sec alt\" id=\"openhouses\">",
"target": [
"#openhouses"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.78 (foreground color: #6f756a, background color: #ede5d4, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p style=\"font-size:13px;color:rgba(27,42,35,.6);padding:6px 4px\">Can't make the weekend? <a class=\"link-a\" href=\"#contact\">Request a private weekday tour \u2192</a></p>",
"target": [
".oh-list > p"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.78 (foreground color: #6f756a, background color: #ede5d4, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6f756a",
"bgColor": "#ede5d4",
"contrastRatio": 3.78,
"fontSize": "10.5pt (14px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"sec alt\" id=\"openhouses\">",
"target": [
"#openhouses"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.78 (foreground color: #6f756a, background color: #ede5d4, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"link-a\" href=\"#contact\">Request a private weekday tour \u2192</a>",
"target": [
".link-a[href$=\"#contact\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.78 (foreground color: #6f756a, background color: #ede5d4, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#565d56",
"bgColor": "#121f19",
"contrastRatio": 2.5,
"fontSize": "10.1pt (13.5px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"oh-panel\">",
"target": [
".oh-panel"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.5 (foreground color: #565d56, background color: #121f19, font size: 10.1pt (13.5px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<button type=\"button\" class=\"slot bk\">12:00 PM</button>",
"target": [
".bk"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.5 (foreground color: #565d56, background color: #121f19, font size: 10.1pt (13.5px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#f5f0e6",
"contrastRatio": 3.98,
"fontSize": "8.3pt (11px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.98 (foreground color: #96701f, background color: #f5f0e6, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"kick\">06 \u00b7 The Team</span>",
"target": [
"#agents > .wrap > .shead.is-in.rv > div > .kick"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.98 (foreground color: #96701f, background color: #f5f0e6, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#fcf9f2",
"contrastRatio": 4.3,
"fontSize": "7.9pt (10.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"agent rv is-in\">",
"target": [
".agent:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 7.9pt (10.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"rl\">Principal Broker \u00b7 Founder</div>",
"target": [
".agent:nth-child(1) > .rl"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 7.9pt (10.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#757d76",
"bgColor": "#fcf9f2",
"contrastRatio": 4.03,
"fontSize": "9.0pt (12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"agent rv is-in\">",
"target": [
".agent:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.03 (foreground color: #757d76, background color: #fcf9f2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span><b>412</b>closings</span>",
"target": [
".agent:nth-child(1) > .st > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.03 (foreground color: #757d76, background color: #fcf9f2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#757d76",
"bgColor": "#fcf9f2",
"contrastRatio": 4.03,
"fontSize": "9.0pt (12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"agent rv is-in\">",
"target": [
".agent:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.03 (foreground color: #757d76, background color: #fcf9f2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span><b>$310M</b>volume</span>",
"target": [
".agent:nth-child(1) > .st > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.03 (foreground color: #757d76, background color: #fcf9f2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#fcf9f2",
"contrastRatio": 4.3,
"fontSize": "9.4pt (12.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"agent rv is-in\">",
"target": [
".agent:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 9.4pt (12.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#contact\">Message Mara \u2192</a>",
"target": [
".agent:nth-child(1) > a[href$=\"#contact\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 9.4pt (12.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#fcf9f2",
"contrastRatio": 4.3,
"fontSize": "7.9pt (10.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"agent rv is-in\" style=\"transition-delay:.08s\">",
"target": [
".agent:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 7.9pt (10.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"rl\">Buyer Team Lead</div>",
"target": [
".agent:nth-child(2) > .rl"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 7.9pt (10.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#757d76",
"bgColor": "#fcf9f2",
"contrastRatio": 4.03,
"fontSize": "9.0pt (12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"agent rv is-in\" style=\"transition-delay:.08s\">",
"target": [
".agent:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.03 (foreground color: #757d76, background color: #fcf9f2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span><b>286</b>closings</span>",
"target": [
".agent:nth-child(2) > .st > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.03 (foreground color: #757d76, background color: #fcf9f2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#757d76",
"bgColor": "#fcf9f2",
"contrastRatio": 4.03,
"fontSize": "9.0pt (12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"agent rv is-in\" style=\"transition-delay:.08s\">",
"target": [
".agent:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.03 (foreground color: #757d76, background color: #fcf9f2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span><b>$188M</b>volume</span>",
"target": [
".agent:nth-child(2) > .st > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.03 (foreground color: #757d76, background color: #fcf9f2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#fcf9f2",
"contrastRatio": 4.3,
"fontSize": "9.4pt (12.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"agent rv is-in\" style=\"transition-delay:.08s\">",
"target": [
".agent:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 9.4pt (12.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#contact\">Message Daniel \u2192</a>",
"target": [
".agent:nth-child(2) > a[href$=\"#contact\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 9.4pt (12.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#fcf9f2",
"contrastRatio": 4.3,
"fontSize": "7.9pt (10.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"agent rv is-in\" style=\"transition-delay:.16s\">",
"target": [
".agent:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 7.9pt (10.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"rl\">Maple & 9th Specialist</div>",
"target": [
".agent:nth-child(3) > .rl"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 7.9pt (10.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#757d76",
"bgColor": "#fcf9f2",
"contrastRatio": 4.03,
"fontSize": "9.0pt (12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"agent rv is-in\" style=\"transition-delay:.16s\">",
"target": [
".agent:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.03 (foreground color: #757d76, background color: #fcf9f2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span><b>194</b>closings</span>",
"target": [
".agent:nth-child(3) > .st > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.03 (foreground color: #757d76, background color: #fcf9f2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#757d76",
"bgColor": "#fcf9f2",
"contrastRatio": 4.03,
"fontSize": "9.0pt (12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"agent rv is-in\" style=\"transition-delay:.16s\">",
"target": [
".agent:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.03 (foreground color: #757d76, background color: #fcf9f2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span><b>$141M</b>volume</span>",
"target": [
".agent:nth-child(3) > .st > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.03 (foreground color: #757d76, background color: #fcf9f2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#fcf9f2",
"contrastRatio": 4.3,
"fontSize": "9.4pt (12.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"agent rv is-in\" style=\"transition-delay:.16s\">",
"target": [
".agent:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 9.4pt (12.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#contact\">Message Priya \u2192</a>",
"target": [
".agent:nth-child(3) > a[href$=\"#contact\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 9.4pt (12.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#fcf9f2",
"contrastRatio": 4.3,
"fontSize": "7.9pt (10.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"agent rv is-in\" style=\"transition-delay:.24s\">",
"target": [
".agent:nth-child(4)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 7.9pt (10.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"rl\">Land & New Construction</div>",
"target": [
".agent:nth-child(4) > .rl"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 7.9pt (10.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#757d76",
"bgColor": "#fcf9f2",
"contrastRatio": 4.03,
"fontSize": "9.0pt (12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"agent rv is-in\" style=\"transition-delay:.24s\">",
"target": [
".agent:nth-child(4)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.03 (foreground color: #757d76, background color: #fcf9f2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span><b>151</b>closings</span>",
"target": [
".agent:nth-child(4) > .st > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.03 (foreground color: #757d76, background color: #fcf9f2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#757d76",
"bgColor": "#fcf9f2",
"contrastRatio": 4.03,
"fontSize": "9.0pt (12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"agent rv is-in\" style=\"transition-delay:.24s\">",
"target": [
".agent:nth-child(4)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.03 (foreground color: #757d76, background color: #fcf9f2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span><b>$97M</b>volume</span>",
"target": [
".agent:nth-child(4) > .st > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.03 (foreground color: #757d76, background color: #fcf9f2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#fcf9f2",
"contrastRatio": 4.3,
"fontSize": "9.4pt (12.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"agent rv is-in\" style=\"transition-delay:.24s\">",
"target": [
".agent:nth-child(4)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 9.4pt (12.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#contact\">Message Tom \u2192</a>",
"target": [
".agent:nth-child(4) > a[href$=\"#contact\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 9.4pt (12.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#ede5d4",
"contrastRatio": 3.61,
"fontSize": "8.3pt (11px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"sec alt\" id=\"stories\">",
"target": [
"#stories"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.61 (foreground color: #96701f, background color: #ede5d4, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"kick\">07 \u00b7 Client Stories</span>",
"target": [
"#stories > .wrap > .shead.is-in.rv > div > .kick"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.61 (foreground color: #96701f, background color: #ede5d4, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#fcf9f2",
"contrastRatio": 4.3,
"fontSize": "9.0pt (12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"tcard rv is-in\">",
"target": [
".tcard:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>Bought in Oak Hollow \u00b7 Closed in 28 days</span>",
"target": [
".tcard:nth-child(1) > .who > div > span"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#fcf9f2",
"contrastRatio": 4.3,
"fontSize": "9.0pt (12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"tcard rv is-in\" style=\"transition-delay:.1s\">",
"target": [
".tcard:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>Sold in Maple & 9th \u00b7 9 days on market</span>",
"target": [
".tcard:nth-child(2) > .who > div > span"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#fcf9f2",
"contrastRatio": 4.3,
"fontSize": "9.0pt (12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"tcard rv is-in\" style=\"transition-delay:.2s\">",
"target": [
".tcard:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>First purchase \u00b7 The Terraces</span>",
"target": [
".tcard:nth-child(3) > .who > div > span"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.3 (foreground color: #96701f, background color: #fcf9f2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#f5f0e6",
"contrastRatio": 3.98,
"fontSize": "8.3pt (11px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.98 (foreground color: #96701f, background color: #f5f0e6, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"kick\">08 \u00b7 The Ledger \u2014 Our Blog</span>",
"target": [
"#blog > .wrap > .shead.is-in.rv > div > .kick"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.98 (foreground color: #96701f, background color: #f5f0e6, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#808780",
"bgColor": "#fcf9f2",
"contrastRatio": 3.5,
"fontSize": "9.0pt (12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"jcard rv is-in\">",
"target": [
".jcard:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>Nov 4, 2025</span>",
"target": [
".jcard:nth-child(1) > .bd > .meta > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#808780",
"bgColor": "#fcf9f2",
"contrastRatio": 3.5,
"fontSize": "9.0pt (12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"jcard rv is-in\">",
"target": [
".jcard:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>6 min read</span>",
"target": [
".jcard:nth-child(1) > .bd > .meta > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#808780",
"bgColor": "#fcf9f2",
"contrastRatio": 3.5,
"fontSize": "9.0pt (12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"jcard rv is-in\" style=\"transition-delay:.1s\">",
"target": [
".jcard:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>Oct 28, 2025</span>",
"target": [
".jcard:nth-child(2) > .bd > .meta > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#808780",
"bgColor": "#fcf9f2",
"contrastRatio": 3.5,
"fontSize": "9.0pt (12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"jcard rv is-in\" style=\"transition-delay:.1s\">",
"target": [
".jcard:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>8 min read</span>",
"target": [
".jcard:nth-child(2) > .bd > .meta > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#808780",
"bgColor": "#fcf9f2",
"contrastRatio": 3.5,
"fontSize": "9.0pt (12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"jcard rv is-in\" style=\"transition-delay:.2s\">",
"target": [
".jcard:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>Oct 15, 2025</span>",
"target": [
".jcard:nth-child(3) > .bd > .meta > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#808780",
"bgColor": "#fcf9f2",
"contrastRatio": 3.5,
"fontSize": "9.0pt (12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"jcard rv is-in\" style=\"transition-delay:.2s\">",
"target": [
".jcard:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>10 min read</span>",
"target": [
".jcard:nth-child(3) > .bd > .meta > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.5 (foreground color: #808780, background color: #fcf9f2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#ede5d4",
"contrastRatio": 3.61,
"fontSize": "8.3pt (11px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"sec alt\" id=\"faq\">",
"target": [
"#faq"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.61 (foreground color: #96701f, background color: #ede5d4, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"kick\" style=\"justify-content:center\">09 \u00b7 Straight Answers</span>",
"target": [
"#faq > .wrap > .shead.is-in.rv > div > .kick"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.61 (foreground color: #96701f, background color: #ede5d4, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#7d837b",
"bgColor": "#f5f0e6",
"contrastRatio": 3.42,
"fontSize": "7.9pt (10.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.42 (foreground color: #7d837b, background color: #f5f0e6, font size: 7.9pt (10.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"l\">Keys handed over</div>",
"target": [
".rv.is-in:nth-child(1) > .l"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.42 (foreground color: #7d837b, background color: #f5f0e6, font size: 7.9pt (10.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#7d837b",
"bgColor": "#f5f0e6",
"contrastRatio": 3.42,
"fontSize": "7.9pt (10.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.42 (foreground color: #7d837b, background color: #f5f0e6, font size: 7.9pt (10.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"l\">Closed volume</div>",
"target": [
".rv.is-in:nth-child(2) > .l"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.42 (foreground color: #7d837b, background color: #f5f0e6, font size: 7.9pt (10.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#7d837b",
"bgColor": "#f5f0e6",
"contrastRatio": 3.42,
"fontSize": "7.9pt (10.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.42 (foreground color: #7d837b, background color: #f5f0e6, font size: 7.9pt (10.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"l\">Avg. days to offer</div>",
"target": [
".rv.is-in:nth-child(3) > .l"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.42 (foreground color: #7d837b, background color: #f5f0e6, font size: 7.9pt (10.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#f5f0e6",
"contrastRatio": 3.98,
"fontSize": "8.3pt (11px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.98 (foreground color: #96701f, background color: #f5f0e6, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"kick\">01 \u00b7 This Week on the Market</span>",
"target": [
"#market > .wrap > .shead.rv.is-in > div > .kick"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.98 (foreground color: #96701f, background color: #f5f0e6, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#ede5d4",
"contrastRatio": 3.61,
"fontSize": "8.3pt (11px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"sec alt\" id=\"neighborhoods\">",
"target": [
"#neighborhoods"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.61 (foreground color: #96701f, background color: #ede5d4, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"kick\">02 \u00b7 Neighborhood Guide</span>",
"target": [
".hoods > .left.rv.is-in > .kick"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.61 (foreground color: #96701f, background color: #ede5d4, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#f5f0e6",
"contrastRatio": 3.98,
"fontSize": "8.3pt (11px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.98 (foreground color: #96701f, background color: #f5f0e6, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"kick\">04 \u00b7 First-Time Buyers</span>",
"target": [
".bgrid > .left.rv.is-in > .kick"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.98 (foreground color: #96701f, background color: #f5f0e6, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#ede5d4",
"contrastRatio": 3.61,
"fontSize": "8.3pt (11px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"sec alt\" id=\"openhouses\">",
"target": [
"#openhouses"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.61 (foreground color: #96701f, background color: #ede5d4, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"kick\">05 \u00b7 Open Houses</span>",
"target": [
"#openhouses > .wrap > .shead.rv.is-in > div > .kick"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.61 (foreground color: #96701f, background color: #ede5d4, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#f5f0e6",
"contrastRatio": 3.98,
"fontSize": "8.3pt (11px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.98 (foreground color: #96701f, background color: #f5f0e6, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"kick\">06 \u00b7 The Team</span>",
"target": [
"#agents > .wrap > .shead.rv.is-in > div > .kick"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.98 (foreground color: #96701f, background color: #f5f0e6, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#ede5d4",
"contrastRatio": 3.61,
"fontSize": "8.3pt (11px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"sec alt\" id=\"stories\">",
"target": [
"#stories"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.61 (foreground color: #96701f, background color: #ede5d4, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"kick\">07 \u00b7 Client Stories</span>",
"target": [
"#stories > .wrap > .shead.rv.is-in > div > .kick"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.61 (foreground color: #96701f, background color: #ede5d4, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#f5f0e6",
"contrastRatio": 3.98,
"fontSize": "8.3pt (11px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.98 (foreground color: #96701f, background color: #f5f0e6, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"kick\">08 \u00b7 The Ledger \u2014 Our Blog</span>",
"target": [
"#blog > .wrap > .shead.rv.is-in > div > .kick"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.98 (foreground color: #96701f, background color: #f5f0e6, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#96701f",
"bgColor": "#ede5d4",
"contrastRatio": 3.61,
"fontSize": "8.3pt (11px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"sec alt\" id=\"faq\">",
"target": [
"#faq"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.61 (foreground color: #96701f, background color: #ede5d4, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"kick\" style=\"justify-content:center\">09 \u00b7 Straight Answers</span>",
"target": [
"#faq > .wrap > .shead.rv.is-in > div > .kick"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.61 (foreground color: #96701f, background color: #ede5d4, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
}
]
},
{
"id": "select-name",
"impact": "critical",
"tags": [
"cat.forms",
"wcag2a",
"wcag412",
"section508",
"section508.22.n",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure select element has an accessible name",
"help": "Select element must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/select-name?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "implicit-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element does not have an implicit (wrapped) <label>"
},
{
"id": "explicit-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element does not have an explicit <label>"
},
{
"id": "aria-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-label attribute does not exist or is empty"
},
{
"id": "aria-labelledby",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
},
{
"id": "non-empty-title",
"data": {
"messageKey": "noAttr"
},
"relatedNodes": [],
"impact": "critical",
"message": "Element has no title attribute"
},
{
"id": "presentational-role",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
}
],
"all": [],
"none": [],
"impact": "critical",
"html": "<select id=\"oh-party\"><option value=\"1\">1 household</option><option value=\"2\" selected=\"\">2 people</option><option value=\"3\">3 people</option><option value=\"4\">4 people</option></select>",
"target": [
"#oh-party"
],
"failureSummary": "Fix any of the following:\n Element does not have an implicit (wrapped) <label>\n Element does not have an explicit <label>\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute\n Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
}
]
}
],
"coverage": {
"contract": "main-document-vertical-scroll",
"complete": true,
"positions": [
{
"y": 0,
"height": 14296
},
{
"y": 576,
"height": 14296
},
{
"y": 1152,
"height": 14296
},
{
"y": 1728,
"height": 14296
},
{
"y": 2304,
"height": 14296
},
{
"y": 2880,
"height": 14296
},
{
"y": 3456,
"height": 14296
},
{
"y": 4032,
"height": 14296
},
{
"y": 4608,
"height": 14296
},
{
"y": 5184,
"height": 14296
},
{
"y": 5760,
"height": 14296
},
{
"y": 6336,
"height": 14296
},
{
"y": 6912,
"height": 14296
},
{
"y": 7488,
"height": 14296
},
{
"y": 8064,
"height": 14296
},
{
"y": 8640,
"height": 14296
},
{
"y": 9216,
"height": 14296
},
{
"y": 9792,
"height": 14296
},
{
"y": 10368,
"height": 14296
},
{
"y": 10944,
"height": 14296
},
{
"y": 11520,
"height": 14296
},
{
"y": 12096,
"height": 14296
},
{
"y": 12672,
"height": 14296
},
{
"y": 13248,
"height": 14296
},
{
"y": 13576,
"height": 14296
}
],
"scans": 26,
"max_states": 512,
"settle_ms": 5000,
"page_timeout_seconds": 150,
"layout_stability": "consecutive 100ms size samples within one CSS pixel",
"animation_settling": "finite animations present when scroll resources are ready finish or are cancelled",
"interactive_states": "not exercised",
"horizontal_scroll": "not exercised"
}
}
System Prompt
You are a lead web developer at a top digital agency, tasked with creating a one-page website for a new client based on the given specifications, delivered as an HTML file. First non-whitespace char '<', last non-whitespace char '>'. Use the following services to generate placeholder images where needed:
- placehold.co (text): https://placehold.co/[{w}x{h}|{size}][/{bg-color}/{text-color}]?text={text}&font=[lato|lora|montserrat|noto sans|open sans|oswald|playfair display|poppins|pt sans|raleway|roboto|source sans|source sans pro]
- picsum.photos (photos): https://picsum.photos/[{w}/{h}|{size}]?[grayscale][&blur={1-10}]
- pravatar.cc (avatars): https://i.pravatar.cc/{size}?u={identifier}
Choose sizes appropriate to layout.
User Prompt
Create a **complete, polished, production-quality** primary web page for a new client in the "Real Estate" sector.
Your goal is to generate the full HTML code for a page that is not just functional but also visually compelling, content-rich, and feels like a finished product ready for launch.
**Client & Category:**
- Industry: "Real Estate"
- Description: Property listings, real estate agencies, home buying, rentals, and mortgage resources.
**Your Creative Task:**
1. **Invent:** Create a unique, professional-sounding site name and a strong tagline fitting the "Real Estate" category.
2. **Define Page:** Determine the most effective primary page type (e.g., homepage, service landing page, category portal) to showcase this fictional entity.
3. **Design:** Develop an opinionated, modern, and professional layout. Make distinct choices about structure and flow.
**Content & Structure Requirements (Deliver a COMPLETE page):**
- **Overall:** The final page must feel substantial and complete, with realistic amounts of text (multiple paragraphs per section where appropriate, avoid single sentences), well-integrated placeholder images, and logical flow. It should look like a real website a business would proudly use.
- **HEADER:** Include the invented site name, tagline, a logo placeholder image, and a primary navigation bar. Ensure the navigation has **at least 5-7 clearly defined, relevant links** including: "Market", "Buy", "Blog".
- **MAIN CONTENT:** Structure this area with **at least 3-4 distinct, well-developed sections**.
- Address key topics relevant to the "Real Estate" category. Consider themes similar to: "First-Time Buyers", "Open Houses", "Neighborhood Guide".
- **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "square footage", "closing costs", "appraisal".
- **Visuals:** Integrate relevant placeholder images logically within the content sections.
- **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "View Details", "Calculate Payment", "Start Search".
- **ENGAGEMENT (Recommended):** Strongly consider incorporating **one meaningful interactive element** that would genuinely benefit a user in the "Real Estate" sector. Ideas similar but not limited to: "open house scheduler".
- **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "featured agents", "mortgage rates", "seller advice".
- **FOOTER:** Include a professional footer with invented contact details, copyright (current year), social media links, and standard links (Privacy, Terms).
- **MODERN WEB PATTERNS:** Include modern web patterns like testimonial cards, feature grids, or FAQ accordions where appropriate.