5 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. Het onderdeel UX-ontwerp zit nu in deze opleiding. 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-design WCAG 2.1 AA Responsive ontwerp Figma & CMS

Ontwerpen voor werkelijk gebruik

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

01 Maak structuur en hiërarchie begrijpelijk, ook zonder visuele aanwijzingen.
02 Ontwerp interacties die werken met muis, toetsenbord, touch en ondersteunende technologie.
03 Lever een ontwerp op dat developers en contentbeheerders toegankelijk kunnen voortzetten.
Opleidingsgegevens Actuele planning via Prijzen & Startdata
Studiebelasting
Circa 6 uur per week, waarvan 2 uur live les
Duur
5 maanden
Lesvorm
De meeste wekelijkse groepslessen zijn live online via Zoom. Eventuele praktijkdagen of bijeenkomsten op locatie staan bij de opleiding vermeld.
Taal
Nederlands of Engels
Niveau
mbo-4/hbo werk- en denkniveau
Prijs
€ 4.975 · btw-vrij
Reken op circa 6 uur per week, waarvan 2 uur live les en circa 4 uur zelfstudie en opdrachten. De opleidingsprijs is € 4.975, btw-vrij. De actuele startmomenten en lesmomenten staan op Prijzen & Startdata . Deze opleiding staat in ons UWV-scholingsaanbod en is in EDU-DEX geregistreerd als Webdesigner - toegankelijk webontwerp (WCAG 2.1 AA).
Kleine groepen Docenten uit de praktijk Eigen portfolio Diploma 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.

Structuur Logische pagina's, koppen, navigatie en leesvolgorde.
Vorm Typografie, contrast, schaalbaarheid en herkenbare staten.
Interactie Toetsenbord, 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 · 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.

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
Docent

Dit is je docent voor deze opleiding.

Wiebe Brandsema

UX/UI designer · Conceptontwikkeling · Digitale toegankelijkheid

Wiebe werkt al bijna tien jaar als UX/UI designer aan digitale projecten voor onder meer overheid, energie en woningcorporaties. Het liefst duikt hij in een vraagstuk waarvan de oplossing nog niet vaststaat: het probleem ontrafelen, verschillende richtingen onderzoeken en één sterk idee verder vormgeven. Zijn specialisatie ligt in conceptontwikkeling binnen UX, waarin analytisch denken en creativiteit samenkomen met interaction design, visual design en digitale toegankelijkheid.

UX/UI design WCAG & toegankelijkheid Conceptontwikkeling
Wiebe Brandsema

Prijzen, startdata en diploma

Bekijk actuele prijzen en startmomenten in één overzicht

We houden prijzen, startdata en lesmomenten centraal bij. Zo zie je altijd de actuele informatie voor de startgroep die bij jou past. Bekijk Prijzen & Startdata.

Opleiding

Actueel overzicht
Bekijk de actuele prijs op Prijzen & Startdata
  • 16 lessen van 2 uur, live online via Zoom, met eventuele praktijkmomenten op locatie
  • 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

Examen & diploma
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
Je hebt recht op één kosteloos herexamen
Actuele informatie

Bekijk actuele startmomenten, lesmomenten, opleidingsprijs en examenkosten in het centrale overzicht.

Bekijk Prijzen & Startdata
Examen als apart onderdeel

Bij een aanvraag via UWV of werkgever kunnen opleiding en examen als aparte onderdelen worden gespecificeerd. De actuele bedragen vind je altijd op Prijzen & Startdata.

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

Actuele info

Bekijk actuele startmomenten, lesmomenten en prijzen in het centrale overzicht.

  • Wekelijkse live lessen
  • Praktijkopdrachten en portfolio
  • Examenvoorbereiding
Bekijk startdata & prijzen

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

Goed om te weten

Niveau. Deze opleiding gaat uit van mbo-4 of hbo werk- en denkniveau. Vakkennis is niet nodig.

Vrijstellingen. Voor losse onderdelen geven we geen vrijstelling. In het adviesgesprek kijken we welke instap het beste past.

Lesmateriaal. De syllabus per module is inbegrepen. Welke software en laptop je nodig hebt, lees je op de pagina Benodigde software.

Examen en herkansing. Het examen heeft drie delen: theorie, een praktijkopdracht en een eindopdracht met portfoliopresentatie. Je hebt recht op één kosteloos herexamen.

Diploma. Het diploma van Art and the City is een instituutsdiploma. Het is niet wettelijk erkend en niet ingeschaald in het NLQF.

Voorwaarden en klachten. Lees onze algemene voorwaarden en klachtenregeling.

Veelgestelde vragen

Veelgestelde vragen

Hoeveel tijd kost de opleiding per week?

Reken op ongeveer 6 uur per week, waarvan circa 2 uur live les. Daarnaast werk je aan ontwerp-, test- en portfolio-opdrachten. De actuele lesmomenten per startgroep staan op Prijzen & Startdata.

Kan ik mij omscholen tot webdesigner zonder ervaring?

Ja, 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.

Moet ik iedere les live aanwezig zijn?

De opleiding is opgezet als een live traject. Tijdens de lessen kun je direct vragen stellen, je scherm delen en feedback krijgen op je werk. Kun je een keer niet aanwezig zijn, dan kun je de opname van een online les vier weken terugkijken. De opnames zijn bedoeld als ondersteuning en om incidenteel een gemiste les in te halen. De opleiding is geen volledig zelfstudie- of on-demandtraject.

Zijn de lessen online of op locatie?

De meeste wekelijkse groepslessen worden live online via Zoom gegeven. Sommige opleidingen bevatten daarnaast praktijkdagen, bijeenkomsten of presentaties in Amsterdam of Den Haag. Dit staat bij de betreffende opleiding vermeld. De actuele lesmomenten per startgroep vind je altijd op de pagina Prijzen & Startdata.

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 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

Bekijk de actuele startmogelijkheden of plan een vrijblijvend adviesgesprek. Zo kies je de groep en planning die het beste bij je passen.