SVG-icoonsystemen die schaalbaar en toegankelijk zijn voor elke Nederlandse webinterface
Ontworpen een compleet SVG-icoonsysteem met 120+ vector iconen voor een Nederlands e-commerce bedrijf. De iconen schalen perfect van 16px tot 128px zonder kwaliteitsverlies, en we hebben ze ingedeeld in 8 logische categorieën met duidelijke naamgeving.
Bouwden een geoptimaliseerde SVG sprite sheet voor een SaaS-platform met 85 iconen. Door slimme viewBox-naamgeving en CSS-selectoren haalden we een laadtijdwinst van 45%. Het bestand daalde van 156KB naar 32KB met behoud van volledige scherpte op alle schermresoluties.
Creëerden we 40 geanimeerde SVG-iconen met CSS transitions en JavaScript event handlers. Iconen reageren op user-interactie, laadstaten en foutmeldingen. Alle animaties zijn accessible: ze respecteren prefers-reduced-motion voor gebruikers die beweging minimaliseren.
Voor een Nederlandse overheidswebsite implementeerden we 95 SVG-iconen met correcte ARIA-attributen en alt-teksten. Alle iconen zijn getest met NVDA en JAWS schermlezer software. De iconen behalen WCAG AA niveau en werken perfect voor slechtzienden.
Wij helpen je SVG-iconen zo in te richten dat ze op elk scherm scherp weergeven, snel laden en volledig toegankelijk zijn.
Neem contact op