Tillgänglighetsredovisning

1. Sammanfattning

Sajten rafz.se strävar efter att uppfylla WCAG 2.1 nivå AA i enlighet med EU-direktiv 2016/2102. Denna redovisning dokumenterar genomförda åtgärder, testresultat och kvarstående punkter.

Övergripande status: Sajten uppfyller WCAG 2.1 AA med kända undantag (se §5).

2. Genomförda åtgärder

2.1 Perceivable (Uppfattbar)

Produktbilder har alt-text. Dekorativa ikoner har aria-hidden="true".
Semantisk HTML med landmarks och heading-hierarki. Label-kopplingar på formulär.
DOM-ordning matchar visuell ordning.
Primärtext 13.6:1 kontrast, muted-text 4.6:1, knappar 7.2:1.
Fungerar vid 200 % zoom. Responsiv layout.
Ingen horisontell scrollning vid 320 px.

2.2 Operable (Hanterbar)

Alla element nåbara med Tab/Shift+Tab. focus-visible synlig.
Modaler stängs med Escape. Ingen tangentbordsfälla identifierad.
Skip-link "Hoppa till innehåll".
Unika <title> per sida.
Logisk tab-ordning. Ikoner har aria-label.

2.3 Understandable (Begriplig)

<html lang={locale}> dynamiskt (sv/en).
Felidentifiering med aria-invalid, aria-describedby, role="alert".
Alla fält har synliga etiketter eller aria-label.
Bekräftelsesteg i checkout.

2.4 Robust

React genererar giltig HTML. ESLint med jsx-a11y.
aria-pressed, aria-expanded, aria-label, aria-live konsekvent. Radix UI-komponenter.
aria-live="polite" på kvantitetsräknare och prisuppdateringar.

3. Tekniska implementeringar

Skip-link för tangentbordsnavigation.
Semantiska landmärken: <header>, <nav>, <main>, <footer>, role="search".
Fullständig formulärtillgänglighet med label-koppling, felhantering och autoComplete.
Interaktiva kontroller med aria-pressed, fokus-trap, Escape-stängning.

4. Testning

Testning genomförs med:

eslint-plugin-jsx-a11y — alla TSX-komponenter
TypeScript tsc --noEmit — hela kodbasen
Lighthouse — startsida, kategorisida, PDP, checkout
axe DevTools — stickprov på nyckelsidor

Testade sidor inkluderar startsida, kategorisida, produktsida, produktkatalog, checkout, jämförelse, sälj möbler, kontosida och inloggning.

5. Kända begränsningar

Punkt	Beskrivning	Allvarlighet	Plan
Mega-dropdown	Piltangents-navigation saknas (Tab och Escape fungerar)	Låg	Planerad förbättring
Hero-karusell	Saknar `aria-roledescription` och paus-knapp	Medel	Planerad förbättring
CMS-färger	Hex-färger i CMS-block kan ha otillräcklig kontrast	Medel	Kräver runtime-validering
Tredjepartswidgets	Klarna/Nets checkout-iframes kontrolleras av leverantören	Låg	Utanför vår kontroll

6. Kontakt

Vid frågor om tillgänglighet, kontakta:

E-post: info@rafz.se
Webbplats: rafz.se

Dokumentet uppdateras löpande vid ändringar som påverkar tillgänglighet.