6 maanden · opleiding met diploma

Opleiding Webdesigner

Ontwerp websites die niet alleen sterk ogen, maar door meer mensen werkelijk gebruikt kunnen worden.

Je leert toegankelijk webontwerp verbinden met UX, UI, responsive design en praktische realisatie. Van duidelijke navigatie en leesbare typografie tot formulieren, toetsenbordbediening en overdracht aan developers: toegankelijkheid wordt onderdeel van je ontwerpbeslissingen, niet een reparatieronde aan het einde.

UX & UI-designWCAG 2.1 AAResponsive ontwerpFigma & CMS

Ontwerpen voor werkelijk gebruik

Goed webdesign blijft overeind wanneer iemand anders kijkt, luistert of navigeert.

01Maak structuur en hiërarchie begrijpelijk, ook zonder visuele aanwijzingen.
02Ontwerp interacties die werken met muis, toetsenbord, touch en ondersteunende technologie.
03Lever een ontwerp op dat developers en contentbeheerders toegankelijk kunnen voortzetten.
OpleidingsgegevensDiploma na examen · CRKBO-geregistreerd en btw-vrij
Start
Maandag 14 september 2026
Einddatum
Maandag 15 februari 2027
Lesritme
1× per week op maandag
Duur
5 maanden, excl. vakanties
Prijs
€ 4.975 btw-vrij
Locatie
Amsterdam, Den Haag of live online
Taal
Nederlands of Engels
Niveau
Middelbaar tot hoger
Reken naast de wekelijkse les op circa 4–6 uur eigen werk. Betalen in termijnen is mogelijk. Voor een aanvraag via werkgever of UWV leveren wij programma, leerdoelen, planning, studiebelasting, offerte en opleidingsonderbouwing aan.
Kleine groepenDocenten uit de praktijkEigen portfolioDiploma na praktijkexamen

Waarom toegankelijk webdesign

Toegankelijkheid begint vóór de eerste kleurkeuze

Een website wordt niet toegankelijk door achteraf alleen contrasten te corrigeren. De basis zit al in de informatiestructuur, volgorde, navigatie, componenten, formulieren en foutmeldingen. Daarom werk je tijdens deze opleiding van gebruikersbehoefte tot getest ontwerp.

StructuurLogische pagina's, koppen, navigatie en leesvolgorde.
VormTypografie, contrast, schaalbaarheid en herkenbare staten.
InteractieToetsenbord, formulieren, focus, feedback en foutpreventie.
Juridisch precies: voor Nederlandse overheidswebsites geldt EN 301 549, waarin WCAG 2.1 op niveau A en AA is opgenomen. Omdat WCAG 2.2 de actuele W3C-standaard is, behandelen we ook relevante aanvullingen zodat je ontwerp niet al bij oplevering achterloopt.

Officiële achtergrond: DigiToegankelijk over EN 301 549 en WCAG en W3C over WCAG 2.2.

Herkenbaar?

Je wilt verder dan mooie schermen en losse wireframes

  • Je kunt ontwerpen, maar wilt beter onderbouwen waarom iets werkt
  • Je wilt UX, UI en digitale toegankelijkheid in één proces leren verbinden
  • Je merkt dat opdrachtgevers vaker vragen naar WCAG en toegankelijkheid
  • Je wilt duidelijker samenwerken met developers, redacteuren en beheerders
  • Je zoekt een portfolio waarmee je concrete ontwerpkeuzes kunt aantonen

Programma

Van gebruikersbehoefte naar aantoonbaar toegankelijk ontwerp

Je ontwikkelt geen verzameling losse schermen, maar een samenhangende websitecase. Iedere module voegt een laag toe: onderzoek, structuur, visueel ontwerp, interactie, technische overdracht en testen.

1

UX, inclusie en toegankelijkheidsbasis

Gebruikersbehoeften onderzoeken, beperkingen en hulpmiddelen begrijpen, de vier WCAG-principes toepassen en toegankelijkheid vertalen naar ontwerpcriteria.

2

Informatiearchitectuur en contentstructuur

Paginahiërarchie, navigatie, koppen, leesvolgorde, linkteksten en contentpatronen ontwerpen die begrijpelijk en voorspelbaar blijven.

3

Visueel ontwerp: contrast, typografie en componenten

Leesbare typografie, kleurgebruik, schaalbaarheid, iconen en componentstaten uitwerken in een toegankelijke design system-basis.

4

Interactie, formulieren en responsive gedrag

Toetsenbordroutes, zichtbare focus, formulieren, foutmeldingen, touchdoelen, modals en mobiele navigatie zorgvuldig ontwerpen.

5

CMS, front-end en toegankelijke overdracht

Semantische HTML en CSS op hoofdlijnen begrijpen, grenzen van ARIA herkennen en ontwerpen documenteren voor developers en contentbeheerders.

6

Testen, verbeteren en eindportfolio

Automatische checks combineren met handmatige tests, bevindingen prioriteren en je websitecase afronden met een toegankelijkheidsdossier.

Werkmiddelen

Je leert ontwerpen, overdragen en controleren

Tools kunnen veranderen. De ontwerpprincipes en testvaardigheden blijven bruikbaar, ook wanneer je later in een ander CMS of designteam werkt.

FigmaWireframes, componenten, prototypes en annotaties
WCAG & EN 301 549Criteria begrijpen en vertalen naar ontwerp
HTML & CSS-basisSemantiek, structuur en haalbare overdracht
WordPress / CMSOntwerpkeuzes doorzetten in echte pagina’s
TesttoolsContrast, zoom, toetsenbord en automatische checks
Design documentationStaten, gedrag, fouten en acceptatiecriteria vastleggen

Ontwerpproces

Vier stappen die toegankelijkheid uit de marge halen

STAP 01Begrijpen

Gebruikers, context, content en toegankelijkheidsrisico’s onderzoeken.

STAP 02Ontwerpen

Structuur, componenten en interacties inclusief uitwerken.

STAP 03Overdragen

Gedrag en acceptatiecriteria helder documenteren.

STAP 04Testen

Problemen vinden, prioriteren, verbeteren en opnieuw controleren.

Uitstroomrichtingen

Reële functies, met een eerlijk onderscheid tussen directe en kansrijke routes

De inhoudelijke match van de opleiding is het sterkst met webdesign, UI en front-end ontwerp. Het UWV-label ‘kansrijk’ ligt bij enkele aanpalende beroepen. Daarom presenteren we hieronder niet één grote banenbelofte, maar verschillende routes met hun voorwaarden.

Directe inhoudelijke match

Webdesigner / UI- of front-end designer

De meest logische uitstroomrichting voor portfolio, UX/UI en toegankelijk ontwerp. Deze titels staan niet als kansrijk beroep op de landelijke UWV-lijst.

Kansrijk volgens UWV

Documentalist

De sterkste kansrijke match in het aangeleverde UWV-overzicht, vooral bij organisaties waar websites, publicaties en toegankelijke documenten samen worden beheerd.

Kansrijk · aanpalend

Applicatie- en functioneel beheerder

Relevant voor deelnemers met ICT-affiniteit die toegankelijkheid willen verbinden aan CMS’en, requirements, gebruikersvragen en functioneel beheer.

Kansrijk · aanvullende basis nodig

Webdeveloper

Technische en backendfuncties zijn kansrijk, maar werkgevers stellen hoge eisen. Deze opleiding is vooral een aanvulling voor wie al ICT-ervaring of een technische opleiding heeft.

Kansrijk · bij vooropleiding

Communicatie- en pr-adviseur

Toegankelijk webontwerp versterkt dit profiel wanneer je al een communicatieachtergrond hebt en digitale projecten, campagnes of websites begeleidt.

Gangbare vacaturetitel

Webredacteur / content- of CMS-beheerder

Een praktische route voor wie ontwerp wil combineren met content, publicatie en beheer. Niet als apart kansrijk beroep opgenomen in het aangeleverde overzicht.

Belangrijk: een opleiding alleen maakt iemand niet automatisch webdeveloper, functioneel beheerder of communicatieadviseur. Bestaande werkervaring, ICT-affiniteit, taalniveau en portfolio bepalen mede welke route realistisch is. UWV-lijsten veranderen bovendien per jaar en regio.

Voor wie

Vier soorten deelnemers

De groep is klein en gemengd. Een beginnend designer kijkt anders naar een formulier dan een CMS-beheerder of communicatiemedewerker. Die verschillende perspectieven maken de tests en ontwerpbeslissingen beter.

  • Beginnende web- en UI-designers die een professioneel en maatschappelijk relevant specialisme willen opbouwen
  • Grafisch ontwerpers en DTP’ers die de overstap naar digitaal en interactief ontwerp willen maken
  • CMS-, content- en communicatiemedewerkers die beter willen samenwerken met designers en developers
  • Omscholers met visueel en digitaal inzicht die zorgvuldig, analytisch en gebruikersgericht willen leren ontwerpen

Ervaringen

Wat deelnemers over verwante web- en ontwerplessen zeggen

Deze specialisatie in toegankelijk webontwerp is nieuw en bouwt voort op onze lessen in webdesign, UI/UX en WordPress. De reacties hieronder gaan over die verwante trajecten en laten zien hoe deelnemers de uitleg, praktijk en kleine groepen ervaren.

“De lessen zijn praktisch en de groepjes zijn klein.”

Lysette Rindertsma Opleiding UI/UX

“De docent legde alles helder uit.”

Wiard Jaap Laarman WordPress / Elementor

“Je leert veel in korte tijd.”

Cursist Art and the City Opleiding Webdesign

Prijs, examen en diploma

Wat de opleiding kost — en wat het examen apart kost

Elke opleiding kost hetzelfde. Het lesgeld en de examenkosten staan bewust los van elkaar, zodat je ziet waar je voor betaalt, en het examen als apart onderdeel kan worden opgenomen in een aanvraag bij UWV of een werkgever.

Opleiding

€ 4.975
Vrijgesteld van btw · CRKBO-geregistreerd
  • 16 lessen van 2 uur, live online of op locatie in Amsterdam of Den Haag
  • Al het lesmateriaal en de benodigde middelen zijn inbegrepen
  • Persoonlijke feedback op eigen werk, in een groep van maximaal tien deelnemers
  • Individuele intake vooraf over je startniveau en je doelen
  • Begeleiding bij de opbouw van je portfolio

Examen en diploma

€ 255
Apart onderdeel, los van het lesgeld
  • Een onafhankelijke examinator beoordeelt je werk en je portfoliopresentatie
  • Inclusief de planning, de afname en de beoordeling van het examen
  • Bij goed gevolg ontvang je het diploma van Art and the City
  • Voor opleidingen via UWV is een diploma vereist
Herexamen is gratis
Waarom apart

Het examen is meer dan een afsluiting: er wordt een examinator ingepland, je werk wordt onafhankelijk beoordeeld en de uitslag wordt vastgelegd. Omdat UWV die kosten als los onderdeel gespecificeerd wil zien, staan ze niet verwerkt in het lesgeld. Bespreek beide bedragen met je UWV-adviseur, zodat ze samen in je aanvraag terechtkomen. Opgeteld komt de opleiding daarmee op € 5.230.

Praktijkexamen

Je sluit af met een toegankelijke websitecase

Je ontwerpt of verbetert een compacte website voor een realistische opdrachtgever. Je levert onderzoek, structuur, wireframes, visueel ontwerp, interactieve componenten en een onderbouwde test- en overdrachtsset op.

  • Responsive prototype of werkende CMS-site
  • Design system-basis met toegankelijke componentstaten
  • WCAG-check met bevindingen en verbeteringen
  • Presentatie waarin je ontwerpkeuzes verdedigt

Wie slaagt ontvangt het diploma Webdesigner – Toegankelijk webontwerp. Zonder examen ontvang je een certificaat van deelname.

Aantoonbaar resultaat

Je portfolio laat niet alleen zien wat je maakte, maar waarom het werkt

WebsitecaseEen uitgewerkt ontwerp voor desktop en mobiel
ComponentbibliotheekStaten, focus, fouten en interactiegedrag
TestdossierBevindingen, prioriteiten en verbeterbesluiten
DiplomaNa voldoende beoordeling van examen en presentatie

De opleiding leidt niet zelfstandig op tot formeel WCAG-auditor. Je leert wel toegankelijk ontwerpen, basiscontroles uitvoeren en bevindingen professioneel bespreken met ontwikkelaars en opdrachtgevers.

Inbegrepen

Begeleiding van eerste wireframe tot geteste eindcase

  • Wekelijkse live lessen in een kleine groep
  • Feedback op structuur, UI, componenten en prototypes
  • Praktische checklists voor WCAG, handoff en testen
  • Oefenen met toetsenbord, zoom, contrast en testtools
  • Portfolio-opbouw en voorbereiding op het praktijkexamen

Voor werkgever of UWV

Een vakgerichte opleiding met een transparant arbeidsmarktverhaal

De opleiding combineert een direct webdesignprofiel met toegankelijkheidskennis die ook bruikbaar is in documentbeheer, CMS-beheer, communicatie en functioneel beheer. Per uitstroomrichting benoemen we duidelijk welke aanvullende ervaring nodig kan zijn.

  • Uitgeschreven programma en leerdoelen
  • Planning, studiebelasting en opleidingsduur
  • Offerte en onderbouwing voor een scholingsaanvraag
  • Diploma en concreet portfolio na praktijkexamen

Kies je route

Drie manieren om de volgende stap te zetten

Complete opleiding

Vijf maanden les, praktijkopdrachten, portfolio en examenvoorbereiding

€ 4.975

btw-vrij · termijnen mogelijk

  • Start dinsdag 14 september 2026
  • Eén les per week op dinsdag
  • Einddatum 15 februari 2027
Vraag inschrijving aan

Adviesgesprek

Twijfel je over niveau, vooropleiding, portfolio of vergoeding?

Gratis

circa 20 minuten

  • Korte intake
  • Bespreking van je ontwerp- en ICT-ervaring
  • Check van uitstroomrichting en leerdoel
Plan een gesprek

Vergoeding

Bespreek financiering via werkgever, UWV of een persoonlijk ontwikkelbudget

Mogelijk

wij leveren de opleidingsinformatie

  • Programma en leerdoelen
  • Planning en studiebelasting
  • Offerte en arbeidsmarktonderbouwing
Vraag de mogelijkheden

Veelgestelde vragen

Goed om te weten

Hoeveel tijd kost de opleiding per week?

Je hebt één vaste les op dinsdag en werkt daarnaast aan ontwerp- en testopdrachten. Reken gemiddeld op circa vier tot zes uur eigen werk. Tijdens de geplande vakantieweken zijn er geen lessen; daarom loopt het traject van 8 september 2026 tot en met 23 februari 2027.

Heb ik al ervaring met webdesign nodig?

Nee, maar algemene digitale vaardigheid en gevoel voor vorm, structuur of communicatie helpen. Beginners starten bij de basis. Wie al grafisch ontwerp, content, CMS- of communicatie-ervaring heeft, kan eigen cases verdiepen.

Leer ik ook websites bouwen?

Je leert prototypes maken en ontwerpbeslissingen vertalen naar een CMS of eenvoudige front-end. De nadruk ligt op webdesign, UX/UI en toegankelijkheid. Complexe backendontwikkeling en programmeren vallen buiten de opleiding.

Waarom staat WCAG 2.1 AA in de opleidingsnaam en komt WCAG 2.2 ook aan bod?

De huidige gepubliceerde versie van EN 301 549 voor Nederlandse overheidsorganisaties verwijst naar WCAG 2.1 op niveau A en AA. WCAG 2.2 is de nieuwere W3C-standaard en is achterwaarts compatibel. Daarom leer je de wettelijke basis én relevante nieuwe criteria voor toekomstbestendig ontwerp.

Kan ik na deze opleiding garanderen dat een website volledig voldoet?

Nee. Volledige conformiteit geldt voor de complete gerealiseerde website, inclusief code, content, documenten en externe onderdelen, en moet met handmatige én technische controles worden vastgesteld. Je leert ontwerpen volgens de criteria, basischecks uitvoeren en toegankelijkheid goed overdragen.

Leer ik werken met een screenreader?

Je maakt kennis met hoe screenreaders structuur en bediening interpreteren en voert eenvoudige controles uit. De opleiding maakt je niet automatisch specialist in alle combinaties van screenreader, browser en besturingssysteem.

Welke software gebruik ik?

Je werkt onder meer met Figma, browsertools, contrast- en testtools en een CMS zoals WordPress. De precieze selectie kan veranderen. Voor de start ontvang je een overzicht van benodigde software en eventuele abonnementskosten.

Is dit een opleiding met diploma?

Ja. Na het praktijkexamen en de eindpresentatie ontvang je bij voldoende resultaat het diploma Webdesigner – Toegankelijk webontwerp. Wie niet aan het examen deelneemt, ontvangt een certificaat van deelname.

Ben ik na afloop een officieel toegankelijkheidsauditor?

Nee. Je kunt toegankelijkheidscriteria toepassen in ontwerp, veelvoorkomende problemen herkennen en basiscontroles uitvoeren. Voor formele, volledige audits is aanvullende specialistische opleiding en ruime testervaring nodig.

Waar worden de lessen gegeven?

De opleiding wordt aangeboden in Amsterdam, Den Haag of live online, in het Nederlands of Engels. De definitieve lesvorm, locatie en lestijd worden bij de plaatsing bevestigd.

Kan UWV of mijn werkgever de opleiding vergoeden?

Dat kan in sommige situaties. UWV, werkgever of fonds beslist uiteindelijk over de vergoeding. Art and the City kan de offerte, het programma, de leerdoelen, planning, studiebelasting en genuanceerde beroepsonderbouwing aanleveren.

Voor welke beroepen is deze opleiding relevant?

Direct voor webdesigner, UI-designer en front-end designer. Daarnaast kan de opleiding een waardevolle specialisatie zijn voor documentalisten, webredacteuren, CMS-beheerders, communicatieprofessionals en mensen met ICT-ervaring die richting functioneel beheer of webdevelopment willen groeien.

Ontwerp niet voor een gemiddelde gebruiker die niet bestaat

Start dinsdag 8 september 2026 met de opleiding Webdesigner. Bouw een professioneel portfolio waarin esthetiek, gebruiksgemak en digitale toegankelijkheid geen losse hoofdstukken zijn, maar één helder ontwerp.