Tillgänglighet

Trivsio byggs med tillgänglighet och färgblindhet i åtanke från dag ett. Alla färgval testas mot WCAG 2.2 AA-kontrastkrav, animationer respekterar prefers-reduced-motion och kan pausas manuellt, och gränssnittet är fullt navigerbart med tangentbord.

Design

28 färgtoken för Vinter. Byt tema i headern för att se det andra.

Text

WCAG 1.4.3 — Kräver minst 4.5:1

#EAE5DFRubriker, brödtext13,9:1 ✓ AAA

#B5B0A8Sekundär text, beskrivningar8,1:1 ✓ AAA

#8A8590Etiketter, ledtext, flat trend, kartetikett4,8:1 ✓ AA

#90C090CTA-text, externa länkar8,4:1 ✓ AAA

UI

WCAG 1.4.11 — Kräver minst 3:1

#181A22Sidans grund, kartbotten, markörtext13,9:1 ✓ AAA

#22242CKort, paneler, poängstapel botten12,4:1 ✓ AAA

#2A2C36Inputs, dropdowns, popups, badges11,1:1 ✓ AAA

#D4A96APrimär accent, poängfyll, badges, kartmarkör8,0:1 ✓ AAA

#B89050Klickade/aktiva knappar5,9:1 ✓ AA

#5B9BD5Positiv trendindikator5,9:1 ✓ AA

#D4845ANegativ trendindikator6,0:1 ✓ AA

Dekorativ

WCAG — Inget kontrastkrav

#363840Standard kort/panelkantDEKORATIV

#484A52Hover-kant, slider, kartgränsDEKORATIV

#4A4850Inaktiv/placeholder-textDEKORATIV

#8A7A60Dämpade accentetiketterDEKORATIV

#323640Kommun utan dataDEKORATIV

#14161CFiltrerad kommunDEKORATIV

#3A4258Lägst poängDEKORATIV

#4A5A78MedelpoängDEKORATIV

#5A7A9EHögt poängDEKORATIV

#6A94C0Högst poäng, vald kommunDEKORATIV

Politik

Partifärger — Karta & kort

#C04040Blockbalans — vänsterDEKORATIV

#4060C0Blockbalans — högerDEKORATIV

WCAG 2.2 Audit

Automatiserade tillgänglighetstester mot WCAG 2.2 AA, utförda med Vitest.

Laddar testresultat...