Tilgængelighedserklæring

Vores tilgængelighedsforpligtelse

Regnradar.dk er forpligtet til at sikre, at vores vejrtjeneste er tilgængelig for alle brugere, uanset handicap eller tekniske begrænsninger. Vi tror på, at vejrinformation skal være tilgængelig for alle.

Vores mål:

• Universelt design - Designet til at fungere for alle fra start
• WCAG 2.1 AA compliance - Overholder internationale standarder
• Kontinuerlig forbedring - Vi tester og optimerer løbende
• Bruger-feedback - Vi lytter til vores brugeres behov

WCAG 2.1 Compliance Status

Level A

✅ Fuldt understøttet
Alle grundlæggende tilgængelighedskrav er opfyldt.

Level AA

✅ I stort set understøttet
Målrettet niveau med løbende forbedringer.

Level AAA

🔄 Under udvikling
Arbejder mod højeste tilgængelighedsniveau.

Seneste test: Januar 2025 |Testmetode: Automatiserede tests + manuel gennemgang |Næste planlagte test: April 2025

Tilgængelighedsfunktioner

🧭 Navigation og struktur

• Logisk heading-struktur - H1, H2, H3 i korrekt rækkefølge
• Skip-links - Spring til hovedindhold med Tab/Enter
• Breadcrumbs - Tydelig navigation og orientering
• Fokus-indikatorer - Synlige markeringer ved keyboard-navigation
• Konsistent layout - Samme struktur på tværs af sider

👁️ Visuel tilgængelighed

• Høj farvekontrast - Minimum 4.5:1 for normal tekst, 3:1 for stor tekst
• Skalerbar tekst - Op til 200% zoom uden tab af funktionalitet
• Farveuafhængig information - Vigtige data er ikke kun baseret på farver
• Vejr-baggrunde - Tilgængelige farvevalg med tilstrækkelig kontrast
• Ikoner med tekst - Alt-tekst på alle grafiske elementer

⌨️ Interaktion og input

• Fuld keyboard-support - Alle funktioner tilgængelige uden mus
• Tydelige fokus-states - Du kan altid se hvor du er
• Tilstrækkelige klik-områder - Minimum 44x44px for touch-targets
• Timeout-advarsler - Advarsel før session udløber
• Fejlhåndtering - Tydelige fejlmeddelelser med løsningsforslag

🔊 Skærmlæser-support

• Semantisk HTML - Korrekt brug af landmarks og roller
• Alt-tekst på billeder - Beskrivende tekst til alle vejr-ikoner
• ARIA-labels - Ekstra kontekst hvor nødvendigt
• Live regions - Automatiske opdateringer annonceres
• Tabel-headers - Associerede headers i vejrdata-tabeller

Tilgængelighed af vejr-baggrunde

Vores dynamiske vejr-baggrunde er designet med tilgængelighed i fokus:

✅ Tilgængelige funktioner

• Høj kontrast - Header/footer forbliver hvide med god læsbarhed
• Tekst-alternativer - Vejrinfo tilgængelig som tekst, ikke kun farver
• Graduelle overgange - Ingen blinkende eller aggressive skift
• Prefers-reduced-motion - Respekterer bruger-præferencer

🎨 Farvekontrast-levels

• Hvid tekst på mørke baggrunde: 4.5:1+ kontrast
• Mørk tekst på lyse baggrunde: 4.5:1+ kontrast
• Ikoner og UI-elementer: 3:1+ kontrast
• Dekorative elementer: Ingen kritisk information

Tip for brugere med farveblindhed: Vejrinformation er altid tilgængelig som tekst i "Current Conditions" og vejr-widgets, så du ikke er afhængig af baggrundsfarverne alene.

Kendte begrænsninger

Vi arbejder løbende på at forbedre tilgængeligheden. Her er områder vi aktivt forbedrer:

🔄 Under forbedring

• Interaktivt kort: Arbejder på bedre keyboard-navigation for Leaflet-kortet
• Vejr-animationer: Forbedrer screen-reader beskrivelser af radar-data
• Real-time opdateringer: Optimerer live-region announcements
• Mobile touch: Forbedrer touch-navigation på mindre skærme

📋 Planlagte forbedringer

• Højkontrast-tilstand: Dedikeret højkontrast-tema (Q2 2025)
• Voice commands: Mulighed for stemme-søgning af lokaliteter
• Forstørrelsesglas: Bedre zoom-funktioner til kort og tekst
• Personalisering: Bruger-definerede tilgængelighedsindstillinger

Sådan bruger du Regnradar.dk tilgængeligt

⌨️ Keyboard navigation

• Tab: Naviger fremad gennem elementer
• Shift + Tab: Naviger bagud
• Enter/Space: Aktivér knapper og links
• Escape: Luk dialoger og dropdown-menuer
• Arrow keys: Naviger i dropdown-menuer

🔊 Screen reader tips

• Landmarks: Brug landmark-navigation (header, main, footer)
• Headings: Naviger med H-tasterne (H1-H6)
• Lists: Naviger lister med L-tasten
• Forms: Brug F-tasten til formular-navigation
• Tables: T-tasten for vejrdata-tabeller

Test og feedback

🧪 Vores test-metoder

• Automatiserede tests: axe-core, WAVE, Lighthouse
• Manual testing: Keyboard-only navigation
• Screen reader testing: NVDA, JAWS, VoiceOver
• Bruger-tests: Tests med rigtige brugere
• Kontrast-analyse: WebAIM Contrast Checker