-
Notifications
You must be signed in to change notification settings - Fork 7
Home
Designsystemet hjälper utvecklingsteam att snabbt bygga upp webbaserade system med hjälp av färdiga och kvalitetskontrollerade komponenter som hålls uppdaterade över tid.
Released
Komponentkartan hjälper oss att hålla ihop beteende och upplevelse mellan olika applikationer, vilket är en förutsättning för god användbarhet och för att undvika onödig friktion vid byte mellan några av Västra Götalandsregionens olika applikationer. Designsystemet är idag främst inriktat för ersättningssystem.
VGR:s webbplatser och applikationer skall uppnå kraven på tillgänglighet i EN301549, vilket innefattar WCAG nivå AA. Detta är lag för alla offentliga aktörer i EU enligt Webbtillgänglighetsdirektivet som trädde i kraft den 23:e september 2018. Komponenterna är utformade i enlighet med WCAG 2.1 nivå AA och gör att stor del av tillgänglighetsanpassningen är inbyggd och kan återanvändas. Implementatören behöver också se till att komponenten implementeras på ett sätt som uppfyller kraven och att respektive sida fungerar i enlighet med kraven.
Vi siktar på att stärka dokumentationen kring komponenterna, hur de är tänkta att användas och hur de inte kan användas. Med detta sagt, behöver respektive team ansvara för sin interaktionsdesign och se till att den kompetensen finns i teamet.
Mer information finns på https://www.funka.com/lagar-och-regler/webbtillganglighetsdirektivet/ samt https://webbriktlinjer.se/wcag/
Komponentkartan började som ett sätt att få upp tempo inför utveckling av ett nytt vårdersättningssystem, men har sedan vuxit till ett mer generellt designsystem. Det sker ett levande arbete med att utveckla, generalisera och lägga till fler delar.
I produktion
Ivard
Vårdval Vårdcentral
Under utveckling
Privera
VEP
Vid allmänna frågor angående Komponentkartan, kontakta gärna:
Jonas Broström ([email protected])
Om du har förbättringsförslag kan du vända dig till Komponentkartans designråd som för tillfället består av:
Torin Williams ([email protected])
Start
Arbetsprocess
Taggar och flöde på github
Releaser
Inspiration om designsystem
DoD
Arbetsprocess - Branchstrategi
Testguide
Färger
Typografi
Ikoner
Layout
Marginaler och brytgräns
Knappar
Button
Back-to-top
Formulär
Checkbox
Combobox
Datepicker
Dropdown Select
Filter tag
Input
Radio group
Search results
Validering
Layout
Header & header menu
Meny (pågående)
Modal dialog
Grid
Startsida
Portal
Sökning
Listor
Formulär
Laddning