The AccessibilityStatement component provides an easy, prescriptive way to publish the legally required accessibility documentation for your digital services. It automatically maps the correct legislation and enforcement authorities based on the country and sector.

Quick Start

import { AccessibilityStatement } from '@holmdigital/components'; function PolicyPage() { return ( <AccessibilityStatement country="SE" sector="public" organizationName="Exempelkommun" websiteUrl="https://exempel.se" complianceLevel="partial" lastReviewDate={new Date('2026-01-15')} contactEmail="tillganglighet@exempel.se" locale="sv" /> ); }

Premium V2 Features

Glassmorphism

Sections are grouped into modern translucent cards with subtle shadows.

Smart Mapping

Automatic detection of laws (e.g. DOS-lagen) and authorities (e.g. Digg).

Micro-animations

Subtle entry and hover animations powered by Framer Motion.

Props Reference

Prop	Type	Description
country	CountryCode	SE, NO, DK, FI, DE, etc.
sector	'public' \| 'private'	Determines WAD or EAA framework.
complianceLevel	'full' \| 'partial' \| 'non'	The self-assessed compliance status.
nonComplianceItems	string[]	List of known accessibility barriers.

Examples

Swedish Public Sector (DOS)

<AccessibilityStatement country="SE" sector="public" organizationName="Statens servicecenter" websiteUrl="https://statensservicecenter.se" complianceLevel="full" lastReviewDate={new Date()} contactEmail="tillganglighet@statensservicecenter.se" locale="sv" />

German Private Sector (EAA/BFSG)

<AccessibilityStatement country="DE" sector="private" organizationName="Mein Shop" websiteUrl="https://mein-shop.de" complianceLevel="partial" lastReviewDate={new Date()} contactEmail="support@mein-shop.de" locale="en" />

Tip: You can embed this component on its own page, or inside a modal. It is fully responsive and adjusts its typography based on the container size.