Bernt
1a12fb870b
- New /developers/ page with API docs, SDKs, pricing, use cases - OpenAPI 3.0 spec for Orders, Missions, Photos, Analytics - Case study: Glasskiosken i Flatenbadet — complete ROI analysis - Updated /order/ with recurring missions and frequency dropdown
276 lines
15 KiB
HTML
276 lines
15 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Accessibility Statement — Landvex</title>
|
|
<meta name="description" content="Landvex accessibility statement — WCAG 2.1 AA commitment, known limitations, remediation plan, and feedback contact.">
|
|
<link rel="canonical" href="https://landvex.com/accessibility/">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:url" content="https://landvex.com/accessibility/">
|
|
<meta property="og:title" content="Accessibility Statement — Landvex">
|
|
<meta property="og:image" content="https://landvex.com/og-image.jpg">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
|
|
<link rel="icon" type="image/x-icon" href="/favicon.ico">
|
|
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
|
|
|
<link rel="stylesheet" href="/assets/css/landvex-complete.css">
|
|
<style>
|
|
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
|
|
|
:root {
|
|
--bg-dark: #f5f5f7;
|
|
--blue: #0066FF;
|
|
--blue-dark: #0052CC;
|
|
--blue-glow: rgba(0,102,255,0.15);
|
|
--text-light: #1d1d1f;
|
|
--text-dim: #6B6B6B;
|
|
--text-muted: #6B6B6B;
|
|
--surface: #ffffff;
|
|
--surface-2: #f5f5f7;
|
|
--border: rgba(0,0,0,0.08);
|
|
--radius-sm: 8px;
|
|
--radius-md: 14px;
|
|
--radius-lg: 24px;
|
|
}
|
|
|
|
html { scroll-behavior: smooth; }
|
|
body { font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'Helvetica Neue', sans-serif; background: var(--bg-dark); color: var(--text-light); line-height: 1.6; -webkit-font-smoothing: antialiased; }
|
|
a { color: inherit; text-decoration: none; }
|
|
|
|
/* NAV */
|
|
nav {
|
|
position: fixed; top: 0; left: 0; right: 0; z-index: 100;
|
|
display: flex; align-items: center; justify-content: space-between;
|
|
padding: 0 40px; height: 64px;
|
|
background: rgba(255,255,255,0.92);
|
|
backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
|
|
border-bottom: 1px solid var(--border);
|
|
}
|
|
.nav-logo {
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
letter-spacing: -0.3px;
|
|
color: #1d1d1f; }
|
|
.nav-links { display: flex; gap: 16px; list-style: none; }
|
|
.nav-links a { font-size: 14px; color: var(--text-dim); transition: color 0.2s; }
|
|
.nav-links a:hover { color: #1d1d1f; }
|
|
.btn { display: inline-flex; align-items: center; gap: 16px; padding: 24px; background: var(--blue); color: #1d1d1f; font-size: 14px; font-weight: 600; border-radius: var(--radius-md); border: none; cursor: pointer; transition: background 0.2s, transform 0.15s; }
|
|
.btn:hover { background: var(--blue-dark); transform: translateY(-1px); }
|
|
|
|
/* PAGE HERO */
|
|
.page-hero {
|
|
padding: 24px 80px; text-align: center;
|
|
position: relative; overflow: hidden;
|
|
}
|
|
.page-hero::before {
|
|
content: ''; position: absolute; top: -100px; left: 50%; transform: translateX(-50%);
|
|
width: 900px; height: 500px;
|
|
background: radial-gradient(ellipse at center, rgba(0,102,255,0.08) 0%, transparent 70%);
|
|
pointer-events: none;
|
|
}
|
|
.hero-eyebrow { display: inline-flex; align-items: center; gap: 16px; color: #0066ff; font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; padding: 8px 0; }
|
|
.page-hero h1 { font-size: clamp(32px, 5vw, 56px); font-weight: 800; letter-spacing: -1.5px; line-height: 1.1; color: #1d1d1f; max-width: 700px; margin: 0 auto 20px; }
|
|
.page-hero-sub { font-size: clamp(15px, 2vw, 18px); color: var(--text-dim); max-width: 520px; margin: 0 auto; line-height: 1.65; }
|
|
|
|
/* CONTENT */
|
|
section { padding: 24px; }
|
|
.container { max-width: 900px; margin: 0 auto; }
|
|
.surface-bg { background: var(--surface); }
|
|
|
|
.section-label { font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--blue); margin-bottom: 12px; }
|
|
.section-title { font-size: clamp(22px, 3vw, 32px); font-weight: 800; letter-spacing: -0.8px; line-height: 1.1; color: #1d1d1f; margin-bottom: 20px; }
|
|
|
|
.prose p { font-size: 15px; color: var(--text-dim); line-height: 1.8; margin-bottom: 14px; }
|
|
.prose p:last-child { margin-bottom: 0; }
|
|
.prose ul { padding-left: 24px; margin-bottom: 14px; }
|
|
.prose ul li { font-size: 15px; color: var(--text-dim); line-height: 1.7; margin-bottom: 8px; list-style: disc; }
|
|
.prose a { color: #5599ff; text-decoration: underline; text-decoration-color: rgba(85,153,255,0.35); }
|
|
.prose a:hover { text-decoration-color: #5599ff; }
|
|
|
|
/* STATUS BADGE */
|
|
.status-badge {
|
|
display: inline-flex; align-items: center; gap: 16px;
|
|
background: rgba(0,200,83,0.1); border: 1px solid rgba(0,200,83,0.25);
|
|
border-radius: var(--radius-md); padding: 24px;
|
|
font-size: 13px; font-weight: 700; color: #00b84a;
|
|
margin-bottom: 24px;
|
|
}
|
|
.status-dot { width: 8px; height: 8px; border-radius: var(--radius-full); background: #00C853; flex-shrink: 0; }
|
|
|
|
/* LIMITATION CARDS */
|
|
.limitation-card {
|
|
background: var(--surface-2); border: 1px solid var(--border);
|
|
border-radius: var(--radius-md); padding: 24px; margin-bottom: 12px;
|
|
border-left: 3px solid transparent;
|
|
}
|
|
.limitation-card.yellow { border-left-color: #F59E0B; }
|
|
.limitation-card.blue { border-left-color: var(--blue); }
|
|
.limitation-card h3 { font-size: 15px; font-weight: 700; color: #1d1d1f; margin-bottom: 6px; }
|
|
.limitation-card p { font-size: 14px; color: var(--text-dim); line-height: 1.65; margin: 0; }
|
|
.remediation-label { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: #5599ff; margin-top: 10px; }
|
|
|
|
/* CONTACT CARD */
|
|
.contact-card {
|
|
background: var(--surface); border: 1px solid var(--border);
|
|
border-radius: var(--radius-lg); padding: 24px;
|
|
display: flex; gap: 16px; align-items: flex-start;
|
|
}
|
|
.contact-icon { flex-shrink: 0; width: 48px; height: 48px; border-radius: var(--radius-full); background: var(--blue-glow); border: 1px solid rgba(0,102,255,0.2); display: flex; align-items: center; justify-content: center; }
|
|
.contact-icon svg { color: var(--blue); }
|
|
.contact-card h3 { font-size: 18px; font-weight: 700; color: #1d1d1f; margin-bottom: 8px; letter-spacing: -0.2px; }
|
|
.contact-card p { font-size: 15px; color: var(--text-dim); line-height: 1.65; }
|
|
.contact-card a { color: #5599ff; }
|
|
|
|
/* FOOTER */
|
|
footer { border-top: 1px solid var(--border); padding: 40px; }
|
|
.footer-inner { max-width: 1140px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
|
|
.footer-logo { font-size: 17px; font-weight: 700; color: #1d1d1f; }
|
|
.footer-copy { font-size: 13px; color: var(--text-muted); }
|
|
.footer-tagline { font-size: 12px; color: var(--text-muted); margin-top: 4px; }
|
|
.footer-links { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; }
|
|
.footer-links a { font-size: 14px; color: var(--text-muted); transition: color 0.2s; }
|
|
.footer-links a:hover { color: #1d1d1f; }
|
|
.footer-social { width: 32px; height: 32px; border: 1px solid var(--border); border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; transition: border-color 0.2s, background 0.2s; }
|
|
.footer-social:hover { border-color: rgba(0,0,0,0.25); background: rgba(0,0,0,0.04); }
|
|
|
|
@media (max-width: 900px) { nav { padding: 0 16px; } .nav-links { display: none; } }
|
|
@media (max-width: 640px) { .page-hero { padding: 24px 64px; } section { padding: 24px; } .contact-card { flex-direction: column; gap: 16px; padding: 24px; } footer { padding: 24px; } .footer-inner { flex-direction: column; text-align: center; } .footer-links { justify-content: center; gap: 16px 16px; } }
|
|
</style>
|
|
<link rel="alternate" hreflang="x-default" href="https://landvex.com/">
|
|
<link rel="alternate" hreflang="en" href="https://landvex.com/"></head>
|
|
<body>
|
|
<nav aria-label="breadcrumb" aria-label="Main navigation">
|
|
<a href="/" >Home</a> / <span>accessibility</span>
|
|
</nav>
|
|
|
|
<nav aria-label="Main navigation">
|
|
<a href="/" class="nav-logo">Landvex</a>
|
|
<ul class="nav-links">
|
|
<li><a href="/">Platform</a></li>
|
|
<li><a href="/methodology/">Methodology</a></li>
|
|
<li><a href="/for-organisations/">For organisations</a></li>
|
|
<li></li>
|
|
</ul>
|
|
<a href="mailto:contact@landvex.com" class="btn">Contact us</a>
|
|
</nav>
|
|
|
|
<section class="page-hero">
|
|
<div class="lv-hero-eyebrow">Accessibility</div>
|
|
<h1>Accessibility Statement</h1>
|
|
<p class="page-hero-sub">Landvex is committed to ensuring digital accessibility for all users, in accordance with the EU Web Accessibility Directive and WCAG 2.1 Level AA.</p>
|
|
</section>
|
|
|
|
<section>
|
|
<div class="lv-container">
|
|
|
|
<div>
|
|
<div class="status-badge">
|
|
<span class="status-dot"></span>
|
|
Compliance target: WCAG 2.1 Level AA
|
|
</div>
|
|
<div class="section-title">Our commitment</div>
|
|
<div class="prose">
|
|
<p>Landvex is committed to making its digital services accessible to all people, including those with disabilities. We target conformance with the <a href="https://www.w3.org/TR/WCAG21/">Web Content Accessibility Guidelines (WCAG) 2.1</a>, Level AA, as referenced in the EU Web Accessibility Directive (Directive (EU) 2016/2102) and the European Accessibility Act.</p>
|
|
<p>This statement covers the Landvex marketing and platform website at landvex.com and the Landvex client dashboard.</p>
|
|
<p>We review accessibility on an ongoing basis and address identified issues according to the remediation plan described below.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<div class="section-label">Conformance status</div>
|
|
<div class="prose">
|
|
<p>Landvex is <strong>partially conformant</strong> with WCAG 2.1 Level AA. The known limitations below identify areas where full conformance has not yet been achieved, along with remediation timelines.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<div class="section-label">Known limitations</div>
|
|
<div>
|
|
<div class="limitation-card yellow">
|
|
<h3>Data visualisation components</h3>
|
|
<p>Several intelligence index charts and map overlays in the client dashboard do not currently provide accessible text alternatives for screen reader users. Tabular data equivalents are available as an alternative in all affected views.</p>
|
|
<div class="remediation-label">Remediation: Q3 2026 — ARIA live region and alt-text implementation</div>
|
|
</div>
|
|
<div class="limitation-card yellow">
|
|
<h3>Keyboard focus management in dashboard filters</h3>
|
|
<p>The multi-parameter filter panel in the intelligence dashboard does not maintain consistent keyboard focus state during complex interactions. This may affect users navigating exclusively by keyboard.</p>
|
|
<div class="remediation-label">Remediation: Q3 2026 — focus trap and ARIA combobox refactor underway</div>
|
|
</div>
|
|
<div class="limitation-card blue">
|
|
<h3>Colour contrast — data legend labels</h3>
|
|
<p>Certain colour-coded legend labels in map views do not meet the 4.5:1 contrast minimum. These labels are supplementary to other indicators and do not prevent access to underlying data.</p>
|
|
<div class="remediation-label">Remediation: Q2 2026 — colour system update in progress</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<div class="section-label">Assistive technologies supported</div>
|
|
<div class="prose">
|
|
<p>Landvex targets compatibility with the following:</p>
|
|
<ul>
|
|
<li>Screen readers: NVDA and JAWS on Windows; VoiceOver on macOS</li>
|
|
<li>Keyboard-only navigation on all desktop browsers</li>
|
|
<li>Browser zoom up to 200% without loss of content or functionality</li>
|
|
<li>High contrast mode (Windows and macOS system settings)</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<div class="section-label">Formal complaints</div>
|
|
<div class="prose">
|
|
<p>If you are not satisfied with our response to an accessibility report, you have the right to escalate to the relevant national supervisory authority. In Sweden, this is the <a href="https://www.digg.se">Agency for Digital Government (DIGG)</a>.</p>
|
|
<p><strong>Last reviewed:</strong> June 2026 | <strong>Standard:</strong> WCAG 2.1 Level AA | <strong>Directive:</strong> EU Web Accessibility Directive 2016/2102</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="contact-card">
|
|
<div class="contact-icon">
|
|
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
|
|
</div>
|
|
<div>
|
|
<h3>Report an accessibility barrier</h3>
|
|
<p>If you encounter a barrier not listed above, or need content in an alternative format, please contact us. We aim to respond to all accessibility feedback within 10 working days.</p>
|
|
<p><a href="mailto:accessibility@landvex.com">accessibility@landvex.com</a></p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<footer class="lv-footer" role="contentinfo">
|
|
<div class="footer-inner">
|
|
<div>
|
|
<div class="footer-logo">Landvex</div>
|
|
<div class="footer-copy">© 2026 Landvex AB · Org.nr 559141-7042 · Stockholm, Sweden</div>
|
|
<div class="footer-tagline">Decision intelligence for the physical world.</div>
|
|
<div>Landvex AB · Org.nr 559141-7042<br>Stockholm, Sweden · <a href="mailto:contact@landvex.com" >contact@landvex.com</a></div>
|
|
</div>
|
|
<div class="footer-links">
|
|
<a href="/privacy/">Privacy</a>
|
|
<a href="/terms/">Terms</a>
|
|
<a href="/methodology/">Methodology</a>
|
|
<a href="/data-quality/">Data Quality</a>
|
|
<a href="/security/">Security</a>
|
|
<a href="/sla/">SLA & Coverage</a>
|
|
<a href="/careers/">Careers</a>
|
|
<a href="/accessibility/" >Accessibility</a>
|
|
<a href="/responsible-disclosure/">Responsible disclosure</a>
|
|
<a href="https://www.quixzoom.com/" target="_blank" rel="noopener">quiXzoom →</a>
|
|
<a href="mailto:contact@landvex.com">contact@landvex.com</a>
|
|
<a href="https://www.linkedin.com/company/landvex" target="_blank" rel="noopener" class="footer-social" title="LandveX on LinkedIn">
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z" stroke="#888" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><rect x="2" y="9" width="4" height="12" stroke="#888" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><circle cx="4" cy="4" r="2" stroke="#888" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
|
</a>
|
|
<a href="https://x.com/landvex" target="_blank" rel="noopener" class="footer-social" title="LandveX on X">
|
|
<svg width="15" height="15" viewBox="0 0 24 24" fill="#888"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.746l7.73-8.835L1.254 2.25H8.08l4.253 5.622 5.912-5.622Zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|