kjdkdjd TESTLINKdjkdkdjd

Ontwerp richtlijnen OBF

Kleurschema

||..hero

||..hero-overlay

||..hero-overlay-item

Richtlijnen voor het grafisch vormgeven van applicaties

Aan de slag

OBF Design System voor ontwerp en ontwikkeling

Voor applicatie-ontwerp en ontwikkeling binnen OBF (Ministerie van Binnenlandse Zaken) wordt het OBF Design System als basis gebruikt. Het Design System bestaat uit een visuele taal, componenten en patronen die gebruikt worden om de digitale diensten consistent en toegankelijk te ontwikkelen.

Het OBF Design System is gebaseerd op het CIBG Design System, het WEM Rijksoverheid template en een hernieuwd UX Design.

Momenteel wordt ook al gewerkt aan de nieuwe Rijkshuisstijl zoals deze in december 2024 gelanceerd is en in 2025 en verder geimplementeerd gaat worden.

Digitale Toegankelijkheid (WCAG)

Binnen de Master Template, welke in alle applicaties toegepast wordt, is ook speciale aandacht voor de Digitale Toegankelijkheid.

Zo worden:

labels gekoppeld aan formuliervelden
speciale aria-labels toegepast waar nodig
afbeeldingen voorzien van de juiste alt attributen
etc.

Klik hieronder voor de wijzigingen in deze versie:

Versiegegevens

Ga direct aan de slag

Visuele taal

De visuele taal beschrijft het gebruik van lettertypes, kleuren, iconen en schermindelingen. De visuele taal sluit aan op de Rijkshuisstijl.

Bekijk visuele taal

Componenten

Met de HTML-componenten kun je met standaard en herbruikbare onderdelen snel schermen ontwikkelen. Je kunt eenvoudig code voorbeelden inzien.

Bekijk componenten

Patronen

De patronen beschrijven het gedrag en de samenhang van gebruikte componenten zoals veldvalidaties, foutafhandeling en aanvraagprocessen.

Bekijk patronen

Toegankelijkheid

De componenten en patronen van het UBR Design System zullen getoetst worden op toegankelijkheid om te voldoen aan WCAG 2.1 niveau 2 (AA). Het gebruiken van de componenten en het toepassen van de patronen verbetert de toegankelijkheid van applicaties.