platform-admin/boc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
b2b7e27da82ad44b8fa82004b5ff321fc254d3e6
boc/landvex-site/accessibility/index.html
T
Bernt 1a12fb870b dev-api: add developer portal, OpenAPI spec, and Flatenbadet case study 
- 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
2026-07-14 15:27:33 +00:00

361 lines
22 KiB
HTML
Raw Blame History

<!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://www.landvex.com/accessibility/">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.landvex.com/accessibility/">
<meta property="og:title" content="Accessibility Statement — Landvex">
<meta property="og:image" content="https://www.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">
<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.88);
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: 32px; 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: 6px; padding: 10px 22px; 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: 140px 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: 8px;
background: rgba(0,102,255,0.1); border: 1px solid rgba(0,102,255,0.25);
color: #5599ff; font-size: 12px; font-weight: 600; letter-spacing: 0.08em;
text-transform: uppercase; padding: 6px 16px; border-radius: 100px; margin-bottom: 28px;
}
.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: 72px 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: 8px;
background: rgba(0,200,83,0.1); border: 1px solid rgba(0,200,83,0.25);
border-radius: var(--radius-md); padding: 8px 14px;
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 28px; 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: 36px 40px;
display: flex; gap: 28px; 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: 20px; }
.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: 24px; 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: 120px 16px 64px; } section { padding: 48px 16px; } .contact-card { flex-direction: column; gap: 16px; padding: 24px 20px; } footer { padding: 32px 16px; } .footer-inner { flex-direction: column; text-align: center; } .footer-links { justify-content: center; gap: 12px 16px; } }
</style>
<link rel="alternate" hreflang="x-default" href="https://www.landvex.com/">
<link rel="alternate" hreflang="en" href="https://www.landvex.com/">
<link rel="alternate" hreflang="sv" href="https://landvex.se/">
<link rel="alternate" hreflang="de" href="https://landvex.de/">
<link rel="alternate" hreflang="fr" href="https://landvex.fr/">
<link rel="alternate" hreflang="en-GB" href="https://landvex.co.uk/">
</head>
<body>
<nav aria-label="breadcrumb" style="padding: 10px 20px; color: rgba(235,235,245,0.6); font-size: 14px;">
<a href="/" style="color: #007AFF; text-decoration: none;">Home</a> / <span>accessibility</span>
</nav>
<nav>
<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><a href="/about/">About</a></li>
</ul>
<a href="mailto:contact@landvex.com" class="btn">Contact us</a>
</nav>
<section class="page-hero">
<div class="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="container">
<div style="margin-bottom:48px;">
<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 www.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 style="margin-bottom:48px;">
<div class="section-label">Conformance status</div>
<div class="prose" style="margin-top:8px;">
<p>Landvex is <strong style="color: #1d1d1f">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 style="margin-bottom:48px;">
<div class="section-label">Known limitations</div>
<div style="margin-top:16px;">
<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 style="margin-bottom:48px;">
<div class="section-label">Assistive technologies supported</div>
<div class="prose" style="margin-top:8px;">
<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 style="margin-bottom:48px;">
<div class="section-label">Formal complaints</div>
<div class="prose" style="margin-top:8px;">
<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 style="color: #1d1d1f">Last reviewed:</strong> June 2026 &nbsp;|&nbsp; <strong style="color: #1d1d1f">Standard:</strong> WCAG 2.1 Level AA &nbsp;|&nbsp; <strong style="color: #1d1d1f">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 style="margin-top:12px;"><a href="mailto:accessibility@landvex.com">accessibility@landvex.com</a></p>
</div>
</div>
</div>
</section>
<footer>
<div class="footer-container" style="max-width:1200px;margin:0 auto;padding:48px 24px 32px;">
<!-- Main Footer Grid -->
<div style="display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:48px;">
<!-- Column 1: Products -->
<div>
<h4 style="font-size:13px;font-weight:600;color:#0A0A0A;margin-bottom:16px;text-transform:uppercase;letter-spacing:0.5px;">Produkter</h4>
<ul style="list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;">
<li><a href="/infrastructure-monitoring/" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">VIMS</a></li>
<li><a href="/intelligence/" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">Intelligence</a></li>
<li><a href="/reality-alerts/" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">Reality Alerts</a></li>
<li><a href="/enterprise/" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">Enterprise</a></li>
<li><a href="/pilot/" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">Pilotprogram</a></li>
</ul>
</div>
<!-- Column 2: Solutions -->
<div>
<h4 style="font-size:13px;font-weight:600;color:#0A0A0A;margin-bottom:16px;text-transform:uppercase;letter-spacing:0.5px;">Lösningar</h4>
<ul style="list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;">
<li><a href="/verticals/bridge-inspection/" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">Broinspektion</a></li>
<li><a href="/verticals/road-monitoring/" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">Vägövervakning</a></li>
<li><a href="/verticals/infrastructure/" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">Infrastruktur</a></li>
<li><a href="/verticals/utilities/" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">Utilities</a></li>
<li><a href="/use-cases/" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">Användningsfall</a></li>
</ul>
</div>
<!-- Column 3: Resources -->
<div>
<h4 style="font-size:13px;font-weight:600;color:#0A0A0A;margin-bottom:16px;text-transform:uppercase;letter-spacing:0.5px;">Resurser</h4>
<ul style="list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;">
<li><a href="/blog/" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">Intelligence Insights</a></li>
<li><a href="/guides/" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">Guider</a></li>
<li><a href="/developers/" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">Developer API</a></li>
<li><a href="/status/" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">Systemstatus</a></li>
<li><a href="/reports/" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">Rapporter</a></li>
</ul>
</div>
<!-- Column 4: Company -->
<div>
<h4 style="font-size:13px;font-weight:600;color:#0A0A0A;margin-bottom:16px;text-transform:uppercase;letter-spacing:0.5px;">Företag</h4>
<ul style="list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;">
<li><a href="/about/" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">Om oss</a></li>
<li><a href="/careers/" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">Karriär</a></li>
<li><a href="/press/" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">Press</a></li>
<li><a href="/contact/" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">Kontakt</a></li>
<li><a href="https://www.quixzoom.com" target="_blank" rel="noopener" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">quiXzoom →</a></li>
</ul>
</div>
</div>
<!-- Divider -->
<div style="border-top:1px solid #E5E5E5;padding-top:32px;">
<!-- Legal & Compliance Row -->
<div style="display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:24px;margin-bottom:24px;">
<div style="display:flex;flex-wrap:wrap;gap:16px 24px;">
<a href="/privacy/" style="font-size:12px;color:#6E6E73;text-decoration:none;">Privacy</a>
<a href="/terms/" style="font-size:12px;color:#6E6E73;text-decoration:none;">Terms</a>
<a href="/cookie-policy/" style="font-size:12px;color:#6E6E73;text-decoration:none;">Cookies</a>
<a href="/compliance/" style="font-size:12px;color:#6E6E73;text-decoration:none;">Compliance</a>
<a href="/trust/" style="font-size:12px;color:#6E6E73;text-decoration:none;">Trust Centre</a>
<a href="/dpa/" style="font-size:12px;color:#6E6E73;text-decoration:none;">DPA</a>
<a href="/sla/" style="font-size:12px;color:#6E6E73;text-decoration:none;">SLA</a>
<a href="/security/" style="font-size:12px;color:#6E6E73;text-decoration:none;">Security</a>
<a href="/accessibility/" style="font-size:12px;color:#6E6E73;text-decoration:none;">Accessibility</a>
<a href="/responsible-disclosure/" style="font-size:12px;color:#6E6E73;text-decoration:none;">Responsible Disclosure</a>
</div>
<div style="display:flex;gap:16px;">
<a href="https://www.linkedin.com/company/landvex" target="_blank" rel="noopener" style="color:#6E6E73;" title="LinkedIn">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><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"/><rect x="2" y="9" width="4" height="12"/><circle cx="4" cy="4" r="2"/></svg>
</a>
<a href="https://x.com/landvex" target="_blank" rel="noopener" style="color:#6E6E73;" title="X">
<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><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>
<!-- Company Info Row -->
<div style="display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px;">
<div>
<div style="font-size:12px;color:#86868B;line-height:1.6;">
<strong style="color:#0A0A0A;">Landvex Inc.</strong> · Houston, Texas · USA<br>
<strong style="color:#0A0A0A;">Landvex AB</strong> · Org.nr 559141-7042 · Stockholm, Sweden · EU<br>
<a href="mailto:contact@landvex.com" style="color:#86868B;text-decoration:none;">contact@landvex.com</a> ·
<a href="mailto:security@landvex.com" style="color:#86868B;text-decoration:none;">security@landvex.com</a>
</div>
<div style="font-size:11px;color:#86868B;margin-top:8px;line-height:1.5;">
Field data powered by <a href="https://www.quixzoom.com" style="color:#86868B;text-decoration:underline;">quiXzoom</a> ·
<a href="/data-lineage/" style="color:#86868B;text-decoration:underline;">Data Lineage</a> ·
<a href="/subprocessors/" style="color:#86868B;text-decoration:underline;">Sub-processors</a> ·
<a href="/methodology/" style="color:#86868B;text-decoration:underline;">Methodology</a>
</div>
</div>
<div style="font-size:12px;color:#86868B;">
© 2026 Landvex Inc / Landvex AB. All rights reserved.
</div>
</div>
</div>
</div>
</footer>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink