Standarder
Där det finns en standard följer biblioteket den. Status är avläst ur koden och kontrollerna.
Karta
| Område | Standard | Så följs den | Status |
|---|---|---|---|
| Formgivning | Dieter Rams tio principer för god design | Varje linje, fyllning, färg och ord har ett skäl, inget ser ut som en kontroll utan att vara det, och så lite formgivning som möjligt. Varje del ska gås igenom mot principerna. | Delvis |
| Tillgänglighet | WCAG 2.2, nivå AAA | Kontrast för varje färgpar och axe-core över varje sida, i alla tre accenter och båda teman. | Följs |
| Lagkrav | EN 301 549 och DOS-lagen | Kräver WCAG 2.1 AA. Biblioteket klarar AAA. | Följs |
| Beteende | WAI-ARIA 1.2 och APG-mönstren | Flikar, kombobox, dialog, meny och notiser följer mönstren för roller och tangentbord. | Följs |
| Element | HTML: dialog, popover, formulär | Plattformens egna element i stället för egenbyggda lager. | Följs |
| Färg | IBM Carbon | Neutraler och varningsmarkeringar genereras ur Carbons paket. Accenterna är Whitespaces. | Följs |
| Statusfärger | GOV.UK Design System | Pillar, notiser och notifieringar i GOV.UK:s taggfärger. Mörkt tema är Carbons, eftersom GOV.UK saknar ett. | Följs |
| Formulär | GOV.UK Design System | Fel i GOV.UK:s ordning med felsammanfattning överst, teckenräknare, sammanfattning före skicka och bekräftelse efter. | Följs |
| Ikoner | IBM Carbon Icons | Alla 2 753 ikoner, under Carbons egna namn. | Följs |
| Kod | JetBrains Mono, som i Ghostty | Standard för all kod, i 13 px och snittets egen radhöjd som en terminal. IBM Plex Mono och systemets går att välja. Inga ligaturer. | Följs |
| Radlängd | WCAG 1.4.8 och Bringhurst | Högst 80 tecken, mätt på varje sida. | Följs |
| Användarens val | CSS Media Queries nivå 5 | Mörkt tema, reducerad rörelse, ökad kontrast och Windows högkontrast. Ökad kontrast går också att välja under inställningarna. | Följs |
| Skrivriktning | CSS logiska egenskaper | Alla kanter, avstånd och positioner är logiska, och en stylelint-regel stoppar nya fysiska. Undantaget är valrutans pil, som saknar en logisk form. | Följs |
| Typografi | IBM Carbon, produktiv typskala | Varje steg namngivet mot Carbons motsvarighet, i tokenfilen och på typografisidan. Fyra av åtta steg sammanfaller; de andra är egna val. | Följs |
| Datum och tal | ISO 8601 och Unicode CLDR | Modulen format: tal, timmar, belopp, datum och relativ tid ur CLDR via Intl, i svensk tid. ISO 8601 i adresser och attribut. | Följs |
| Tokens | W3C Design Tokens-formatet | Exporteras ur CSS:en till tokens/: kärna, ljust och mörkt tema och en uppsättning per färgtema. Tokens Studio och Style Dictionary läser dem. | Följs |
Nästa steg
Gå igenom varje komponent mot Rams tio principer och ta bort det som saknar skäl. En ny standard börjar som en rad här, markerad Delvis eller Inte än.