TU Delft | Technische Universiteit Delft | Challenge. Change. Impact!

<!DOCTYPE html> <html dir="ltr" lang="nl-NL"> <head> <meta charset="utf-8">  <title>TU Delft | Technische Universiteit Delft | Challenge. Change. Impact!</title> <meta name="generator" content="TYPO3 CMS" /> <meta name="description" content="Top onderwijs- en onderzoek staan centraal bij de oudste en grootste technische universiteit van Nederland. Onze 8 faculteiten bieden 16 bachelor- en meer dan 30 masteropleidingen. Onze ruim 25.000 studenten en 6.000 medewerkers delen een fascinatie voor wetenschap, design en techniek. Onze gezamenlijk missie: impact voor een betere samenleving." /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta property="og:site_name" content="TU Delft" /> <meta property="og:type" content="website" /> <meta property="og:title" content="TU Delft" /> <meta property="og:description" content="Top onderwijs- en onderzoek staan centraal bij de oudste en grootste technische universiteit van Nederland. Onze 8 faculteiten bieden 16 bachelor- en meer dan 30 masteropleidingen. Onze ruim 25.000 studenten en 6.000 medewerkers delen een fascinatie voor wetenschap, design en techniek. Onze gezamenlijk missie: impact voor een betere samenleving." /> <meta property="og:image" content="https://filelist.tudelft.nl/_processed_/7/5/csm_Cutout-02-1_96d41d8810.png" /> <meta name="twitter:card" content="summary" /> <meta name="abstract" content="Top onderwijs- en onderzoek staan centraal bij de oudste en grootste technische universiteit van Nederland. Onze 8 faculteiten bieden 16 bachelor- en meer dan 30 masteropleidingen. Onze ruim 25.000 studenten en 6.000 medewerkers delen een fascinatie voor wetenschap, design en techniek. Onze gezamenlijk missie: impact voor een betere samenleving." /> <meta name="google-site-verification" content="vShvXo6q-uO9k9SNJyGlW9uV3m6LmjyO00PR-Ts7hYQ" /> <link rel="stylesheet" type="text/css" href="/typo3conf/ext/site_tud/Resources/Public/StyleSheets/dist.style.e19d9d9b36.min.css" media="all"> <style type="text/css"> /*<![CDATA[*/  /*]]>*/ </style> <style> #dynamicHeader-c1148479 .dynamicHeader-slide { --mobile-height: 0.8; --tablet-height: 0.8; --desktop-height: 0.6; } </style> <script src="/typo3conf/ext/tud_styling/Resources/Public/JavaScript/Vendor/modernizr.min.js"></script> <script src="/typo3temp/assets/js/6d999f1aea.js"></script> <script type="text/javascript"> var _wfl={fonts:[ {family:"roboto", weight: 300}, {family:"roboto", weight: 100}, ],isLoaded:function(){return document.cookie.indexOf("fontsLoaded")>=0},afterLoad:function(){document.documentElement.className+=" fontsLoaded",document.cookie="fontsLoaded=1; path=/"}};!function(){var e;if(_wfl.isLoaded())_wfl.afterLoad();else if(void 0!==document.fonts&&void 0!==window.Promise){document.fonts.onloadingerror=function(){console.error("Font error",arguments)};var o=_wfl.fonts.map(function(e){return e.family});e=document.addEventListener("DOMContentLoaded",function(){document.removeEventListener("DOMContentLoaded",e);var n=[];document.fonts.forEach(function(e){o.indexOf(e.family)>=0&&n.push(e.load())}),Promise.all(n).then(_wfl.afterLoad)})}else{var n=document.createElement("script");n.type="text/javascript",n.src= "/typo3conf/ext/tud_styling/Resources/Public/JavaScript/Vendor/asyncfontloader.min.js" ,n.async=!0,e=window.addEventListener("DOMContentLoaded",function(){document.removeEventListener("DOMContentLoaded",e),document.head.appendChild(n)})}}();</script><style> .nav-tab a.is-active { color: white !important; } a.is-active {background-color: #00a6d6;} .paging a.is-active {color:white; background-color: #BABABA; border-color: #BABABA;} .tab--red a.is-active {background-color: #E21A1A;} .tab--green a.is-active {background-color: #A5CA1A;} .tab--black a.is-active {background-color: #222;} .tab--white a.is-active {background-color: #fff; color:#000;} .tab--blue_lighter a.is-active {background-color: #D9F0F6;} .tab--blue_light a.is-active {background-color: #6EBBD5;} .tab--blue_dark a.is-active {background-color: #1E6188;} .tab--teal a.is-active {background-color: #008891;} .tab--yellow a.is-active {background-color: #FFC400;} .tab--orange a.is-active {background-color: #E64616;} .tab--purple a.is-active {background-color: #1C1C73;} .tab--purple_light a.is-active {background-color: #6D177F;} .tab--grey_dark a.is-active {background-color: #505050;} .tab--grey a.is-active {background-color: #9B9B9B;} .tab--grey_medium a.is-active {background-color: #BABABA;} .tab--grey_light a.is-active {background-color: #E7E7E7; color:#000;} .tab--pink a.is-active {background-color: #DB028C;} .nav-tab { font-family: 'Roboto Slab', Roboto; } .nav-tab a { padding: .5rem .5rem 0.3rem; } .nav-tab~* { border: 0; } </style> <style> /* no-padding fix */ .grid--noPaddingBottom) > * {padding-bottom: 0.1rem;} /* outline op accordions focus-visible */ .accordion__button:focus-visible {outline: 1px dashed black;} /* .contrast .nav-inline .horizontalTiny overflow fix */ .contrast .nav-inpage .card--horizontalTiny {overflow-y: hidden !important;} /* .i-search fix */ /* .nav-main .i-search span {display: initial;} */ /* flexbox referenties fix */ .row--equalHeightContentElements > div > .frame-type-shortcut { flex-grow: 1; display: inherit; } /* linkkleur in zwarte magazine nav */ .bg-black.magazine-navigation a {color:white;} /* contrast patch voor dynamic header */ /* .contrast .dynamicHeader-slideLink { background-color: #000d; border-radius: 3px; padding-left: 5px; } .contrast .dynamicHeader-slideTitle, .contrast .dynamicHeader-slideDescription { color: white; } */ /* Twitter / X icon */ i-twitter-after::after, .i-twitter::before { content: ""; width: 22px; height: 22px; } /* white ghost button text on hover fix */ .btn--ghost:hover.btn--white:hover {color: black !important;} .contrast .btn--ghost:hover.btn--white:hover {color: white !important;} /* Grid Card background fix */ .grid-background--black .card__img + .card__content {color:black;} .grid-background--black .label {color:#999;} /* Transparent topnav fixes */ .bg-transparent .nav-main__mainitem>a {text-shadow: 0px 0px 3px #888;} .bg-transparent .btn--languageSwitch:after, .bg-transparent .i-search:after {box-shadow: 0 0 2px #888, 0 0 1px #888 inset;} .bg-transparent .icon-languageSwitch, .bg-transparent .btn--icon:before {filter: drop-shadow(0px 0px 4px lightgrey);} .carousel .btn--round, .carousel .slick-arrow {filter: drop-shadow(0px 0px 3px #888);} /* Accordion title fix */ .accordion__title:before {font-size: .7rem;padding: .4rem;} /* Card text size reduction */ .frame-type-lookup_results .card__content:not(h3){font-size: .9rem;} .user-content h3 {margin-top:initial;} /* Blockquote edits*/ .frame-type-sitetud_quote>div{clear:both;} /* blockquote {float:none; padding-top: .5em; padding-bottom: 0;} */ /* disabled on 29-1-2024 */ blockquote cite {margin-top: 0rem; margin-bottom: 10px;} blockquote img {margin-top: -10px;} img + cite {margin-top: 2.5rem;margin-bottom: 2.5em} blockquote.quote-title-size--large img {margin-top:-30px;} blockquote.quote-title-size--medium img + cite {margin-bottom: 3em;} blockquote.quote-title-size--medium p {line-height:1.5;} /* Fix of header slider loading issues */ /*.poster {display:none;} .poster.is-loaded {display:block;} .headerBanner-content {display:initial;}*/ /* Form fixes */ .tx-powermail .checkbox, .tx-powermail .radio {display:block !important;} form {max-width: 100%;} /* blauwe link in cookiemelding */ .cookieNotice a {color: #00a6d6 ;} .cookieNotice .statement_expand:hover {color: #0066a2; text-decoration: underline dotted;} /* Huisstijlfixes */ button.accordion__button {font-family:'Roboto Slab';} .accordion__title {font-family:'Roboto Slab';} /* override align-justify in text-elements (WCAG) */ .frame-type-text .align-justify , p.align-justify {text-align: initial;} /* Spotler form layout */ .mpFormTable, .mpFormTable table {width:100%;} .mpFormLabel {width:30%;} .mpFormField {width:70%;} .mpFormTable .sublabel {font-size: .7em; font-style: italic;} /* .submitCellSpacer {display:none;} */ .mpFormTable li {list-style: none;} .mpFormTable ul {padding-inline-start: 0;} .mpMultipleLabel {margin-left:10px;} /* aside column fix on mobiles */ @media only screen and (max-width: 1024px) { .u-flex {flex-direction: column;} .u-flex.js-contrastChanger {flex-direction: initial;} } /* .accordion padding */ .accordion .grid > * {padding-bottom: initial;} /* magazine styling .bg-white.magazine-navigation .magazine-navigation-logoLink.btn--icon::after {border: 1px solid #222;} .bg-black.magazine-navigation a {color: #fff;} .bg-transparent.magazine-navigation {background: linear-gradient(#fffb 10%, #00a6d675);} .bg-transparent.magazine-navigation .magazine-navigation-logoLink.btn--icon::after {border: 1px solid #00a6d6;} .bg-transparent.magazine-navigation a {color: #00a6d6;} @media only screen and (max-width: 25.2em) {.magazine-navigation {bottom: 7.5rem;}} .nav-overlay.nav-overlay-magazine.is-active {background-color: #0c2340e8; padding:4rem; left:15vw; right:15vw; top:10vh; bottom:20vh} */ /* show-for-xlarge on chrome */ @media screen and (min-width:79.9375em) and (max-width:80em) { .show-for-xlarge { display:initial !important; } } /* zwart font voor witte buttons */ .btn--white {color: #222;} @media print { .nav-bottom {display: none;} } /* border-radius dynamic-header blocks */ .dynamicHeader-block {border-radius: 3px;} /* border-radius fix for header */ .dynamicHeader-slideGradient {border-radius: initial;} /* icons on popup menu */ /* @media only screen and (max-width:350px) { .nav-overlay__container .frame-type-sitetud_socialmedialinks .list-inline { --column-amount: 4; display: grid; grid-template-columns: repeat(var( --column-amount), 0fr); grid-gap: 0; place-items: center; margin: 0; justify-content: center; padding-top: 3em; }} @media only screen and (min-width:350px) and (max-width: 450px){ .nav-overlay__container .frame-type-sitetud_socialmedialinks .list-inline { --column-amount: 6; display: grid; grid-template-columns: repeat(var( --column-amount), 0fr); grid-gap: 0; place-items: center; margin: 0; justify-content: center; padding-top: 3em; }} @media only screen and (min-width:450px){ .nav-overlay__container .frame-type-sitetud_socialmedialinks .list-inline { padding-top:3em; } } */ /* adjusting footernav on mobile */ @media only screen and (max-width:405px) { .nav-bottom .logo {width: 100%; position: relative; display: grid; justify-content: center; padding-bottom: 0.3em; border-right: initial;} .nav-bottom .logo.left { border-bottom: 1px solid #fff; } } .contrast .dynamicHeader-block--blue h3, .contrast .dynamicHeader-block--blue p, .contrast .dynamicHeader-block--blue p .linepix {color: #fff;} .contrast .dynamicHeader-block--blue {background-color : #0C2340; color:#fff;} /* WCAG fix footer */ .pageFooter p a {display: inline-block;} /* WCAG fix voor bullet navigation */ .contrast .content-slider__bullet, .contrast .slick-dots button { width: 24px; height: 24px; margin: 0 5px; } .contrast .content-slider__bullet--active {background-color:#505050} .contrast .content-slider__bullet--active:hover {background-color:#222} /* WCAG fix voor witte social buttons */ .contrast .frame-type-sitetud_socialmedialinks .btn--icon {filter: invert(1);} </style> <style> .profile a:not(.btn--icon) {color: #00a6d6;} .profile {color:#222;} /* alle contactblokken met 2 regels voor de naam */ .profile .box h3 {min-height:54.6px;} </style> <script type="text/javascript">var cookieNoticeConfig = cookieNoticeConfig || {};cookieNoticeConfig.flags = {};cookieNoticeConfig.flags.EXTERNAL = 3;cookieNoticeConfig.flags.ANALYTICAL = 50;cookieNoticeConfig.labels = {statement_short: 'Deze%20website%20maakt%20gebruik%20van%20cookies.%20Wanneer%20u%20op%20%E2%80%9CIk%20ga%20akkoord%E2%80%9D%20klikt%2C%20geeft%20u%20toestemming%20voor%20het%20gebruik%20van%20cookies.',statement_detail: 'TU%20Delft%20gebruikt%20cookies%20om%20het%20gebruiksgemak%20voor%20onze%20bezoekers%20te%20verhogen.%20Door%20middel%20van%20cookies%20meten%20we%20gebruikersinteractie.%20Een%20cookie%20kan%20geen%20persoonlijke%20informatie%20bevatten%2C%20zoals%20een%20telefoonnummer%20of%20e-mailadres%2C%20zodoende%20kunnen%20cookies%20dus%20niet%20gebruikt%20worden%20voor%20ongevraagde%20telemarketing%20of%20e-mail%20nieuwsbrieven.%3Cbr%2F%3E%3Cbr%20%2F%3EDaarnaast%20gebruiken%20wij%20incidenteel%20externe%20content%20om%20gebruikerservaringen%20te%20verbeteren%3B%20deze%20content%20kan%20mogelijk%20cookies%20van%20externe%20partijen%20bevatten%2C%20van%20bijvoorbeeld%20sociale%20media%20platformen.%20Zonder%20uw%20toestemming%20zullen%20we%20deze%20onderdelen%20dan%20ook%20afschermen.',statement_expand: 'Wat%20zijn%20cookies%3F',agree: 'Ik%20ga%20akkoord',link_policy: 'Meer%20informatie%20over%20cookies%20vindt%20u%20in%20ons%20cookiebeleid.',disagree: 'Ik%20ga%20niet%20akkoord'};cookieNoticeConfig.hitsBeforeImplicitConsent =-1;cookieNoticeConfig.cookiePolicyDetailPage = '/cookiebeleid';cookieNoticeConfig.consentChangeCallbacks = [];cookieNoticeConfig.showDisagreeButton =true;cookieNoticeConfig.expiresInMonths =6;cookieNoticeConfig.defaultCookieLevel =1;cookieNoticeConfig.consentedCookieName = '__cookieNotice_consent';cookieNoticeConfig.hitCountCookieName = '__cookieNotice_hit';</script><script type="text/javascript">var tx_solr_suggestUrl = '/?eID=tx_solr_suggest&id=1';</script><script type="text/javascript"> (function () { if (document.cookie.indexOf("contrast") >= 0) { document.documentElement.className += " contrast"; } }());</script><link rel="apple-touch-icon" sizes="57x57" href="/typo3conf/ext/tud_styling/Resources/Public/img/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/typo3conf/ext/tud_styling/Resources/Public/img/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/typo3conf/ext/tud_styling/Resources/Public/img/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/typo3conf/ext/tud_styling/Resources/Public/img/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/typo3conf/ext/tud_styling/Resources/Public/img/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/typo3conf/ext/tud_styling/Resources/Public/img/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/typo3conf/ext/tud_styling/Resources/Public/img/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/typo3conf/ext/tud_styling/Resources/Public/img/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/typo3conf/ext/tud_styling/Resources/Public/img/apple-touch-icon-180x180.png"> <link rel="icon" type="image/png" href="/typo3conf/ext/tud_styling/Resources/Public/img/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="/typo3conf/ext/tud_styling/Resources/Public/img/android-chrome-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="/typo3conf/ext/tud_styling/Resources/Public/img/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="/typo3conf/ext/tud_styling/Resources/Public/img/favicon-16x16.png" sizes="16x16"> <link rel="manifest" href="/typo3conf/ext/tud_styling/Resources/Public/img/manifest.json"> <link rel="mask-icon" href="/typo3conf/ext/tud_styling/Resources/Public/img/safari-pinned-tab.svg" color="#5bbad5"> <link rel="shortcut icon" href="/typo3conf/ext/tud_styling/Resources/Public/img/favicon.ico"> <meta name="msapplication-TileColor" content="#2d89ef"> <meta name="msapplication-TileImage" content="/typo3conf/ext/tud_styling/Resources/Public/img/mstile-144x144.png"> <meta name="msapplication-config" content="/typo3conf/ext/tud_styling/Resources/Public/img/browserconfig.xml"> <meta name="theme-color" content="#ffffff"> <link rel="canonical" href="https://www.tudelft.nl/"/> <link rel="alternate" hreflang="nl-NL" href="https://www.tudelft.nl/"/> <link rel="alternate" hreflang="en-US" href="https://www.tudelft.nl/en/"/> <link rel="alternate" hreflang="x-default" href="https://www.tudelft.nl/"/>  <script type="application/ld+json">[{"@context":"https:\/\/www.schema.org","@type":"WebSite","url":"https:\/\/www.tudelft.nl","name":"TU Delft | Technische Universiteit Delft | Challenge. Change. Impact!"},{"@context":"https:\/\/www.schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https:\/\/www.tudelft.nl\/","name":"Technische Universiteit Delft"}}]}]</script> </head> <body class="page-1"> <script type="text/javascript"> /*<![CDATA[*/ cookieNoticeConfig.consentChangeCallbacks.push({ type: cookieNoticeConfig.flags.ANALYTICAL, callback: function () { (function() { var sz = document.createElement('script'); sz.type = 'text/javascript'; sz.async = true; sz.src = '//siteimproveanalytics.com/js/siteanalyze_6005654.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sz, s); })(); } }); /*]]>*/ </script><script id="powermail_conditions_container" data-condition-uri="https://www.tudelft.nl/?type=3132"></script><style> .card--no_image.card--red,.btn--ghost.btn--red:hover, .highlight--vertical .highlight--red, .highlight--red::after, .hoverableBlock--red::after,[class*="--red"]:not([class*="dynamicHeader"], [class*="searchForm"], [class*="hoverableBlock"], [class*="highlight"], .btn--ghost, .btn:hover, .moreLink, .nav-inpage, .ce-div, .navColored--red, .content-slider--red, .card--red, .accordion__title--red, .nav-inpage--red) {background-color: #E03C31;} .card--no_image.card--green, .btn--ghost.btn--green:hover, .highlight--vertical .highlight--green, .highlight--green::after, .hoverableBlock--green::after,[class*="--green"]:not([class*="dynamicHeader"], [class*="searchForm"], [class*="hoverableBlock"], [class*="highlight"], .btn--ghost, .btn:hover, .moreLink, .nav-inpage, .ce-div, .navColored--green, .content-slider--green, .card--green, .accordion__title--green, .nav-inpage--green ) {background-color: #6CC24A;} .card--no_image.card--blue_dark,.btn--ghost.btn--blue_dark:hover, .highlight--vertical .highlight--blue_dark, .highlight--blue_dark::after, .hoverableBlock--blue_dark::after,[class*="--blue_dark"]:not([class*="dynamicHeader"], [class*="searchForm"], [class*="hoverableBlock"], [class*="highlight"], .btn--ghost, .btn:hover, .moreLink, .nav-inpage, .ce-div, .navColored--blue_dark, .content-slider--blue_dark, .card--blue_dark, .accordion__title--blue_dark, .nav-inpage--blue_dark) {background-color: #0C2340;} .card--no_image.card--yellow, .btn--ghost.btn--yellow:hover, .highlight--vertical .highlight--yellow, .highlight--yellow::after, .hoverableBlock--yellow::after,[class*="--yellow"]:not([class*="dynamicHeader"], [class*="searchForm"], [class*="hoverableBlock"], [class*="highlight"], .btn--ghost, .btn:hover, .moreLink, .nav-inpage, .ce-div, .navColored--yellow, .content-slider--yellow, .card--yellow, .accordion__title--yellow, .nav-inpage--yellow) {background-color: #FFB81C;} .card--no_image.card--orange, .btn--ghost.btn--orange:hover, .highlight--vertical .highlight--orange, .highlight--orange::after, .hoverableBlock--orange::after,[class*="--orange"]:not([class*="dynamicHeader"], [class*="searchForm"], [class*="hoverableBlock"], [class*="highlight"], .btn--ghost, .btn:hover, .moreLink, .nav-inpage, .ce-div, .navColored--orange, .content-slider--orange, .card--orange, .accordion__title--orange, .nav-inpage--orange), .btn:not(.btn--ghost).btn--orange {background-color: #EC6842;} .card--no_image.card--purple, .btn--ghost.btn--purple:hover, .highlight--vertical .highlight--purple, .highlight--purple::after, .hoverableBlock--purple::after,[class*="--purple"]:not([class*="dynamicHeader"], [class*="searchForm"], [class*="hoverableBlock"], [class*="highlight"], .btn--ghost, .btn:hover, .moreLink, .nav-inpage, .ce-div, .navColored--purple, , .content-slider--purple, .card--purple, .accordion__title--purple, .nav-inpage--purple) {background-color: #6F1D77;} .card--no_image.card--purple_light, .btn--ghost.btn--purple_light:hover, .highlight--vertical .highlight--purple_light, .highlight--purple_light::after, .hoverableBlock--purple_light::after, [class*="--purple_light"]:not([class*="dynamicHeader"], [class*="searchForm"], [class*="hoverableBlock"], [class*="highlight"], .btn--ghost, .btn:hover, .moreLink, .nav-inpage, .ce-div, .navColored--purple_light, .content-slider--purple_light, .card--purple_light, .accordion__title--purple_light, .nav-inpage--purple_light) {background-color: #6F1D77;} .card--no_image.card--pink, .btn--ghost.btn--pink:hover, .highlight--vertical .highlight--pink, .highlight--pink::after, .hoverableBlock--pink::after, [class*="--pink"]:not([class*="dynamicHeader"], [class*="searchForm"], [class*="hoverableBlock"], [class*="highlight"], .btn--ghost, .btn:hover, .moreLink, .nav-inpage, .ce-div, .navColored--pink, .content-slider--pink, .card--pink, .accordion__title--pink, .nav-inpage--pink ) {background-color: #EF60A3;} .card--no_image.card--teal, .btn--ghost.btn--teal:hover, .highlight--vertical .highlight--teal, .highlight--teal::after, .hoverableBlock--teal::after, [class*="--teal"]:not([class*="dynamicHeader"], [class*="searchForm"], [class*="hoverableBlock"], [class*="highlight"], .btn--ghost, .btn:hover, .moreLink, .nav-inpage, .ce-div, .navColored--teal, .content-slider--teal, .card--teal, .accordion__title--teal, .nav-inpage--teal) {background-color: #00B8C8;} .btn:not(.btn--ghost).btn--orange:hover {background-color: #222;} .btn--ghost.btn--red, .notice--red .btn:not(.btn--ghost), .fact [class*="-red"] {color:#E03C31;} .btn--ghost.btn--green, .notice--green .btn:not(.btn--ghost), .fact [class*="-green"] {color:#6CC24A;} .btn--ghost.btn--blue_dark, .notice--blue_dark .btn:not(.btn--ghost), .fact [class*="-blue_dark"] {color:#0C2340;} .btn--ghost.btn--yellow, .notice--yellow .btn:not(.btn--ghost), .fact [class*="-yellow"] {color:#FFB81C;} .btn--ghost.btn--orange, .notice--orange .btn:not(.btn--ghost), .fact [class*="-orange"] {color:#EC6842;} .btn--ghost.btn--purple, .notice--purple .btn:not(.btn--ghost), .fact [class*="-purple"] {color:#6F1D77;} .btn--ghost.btn--purple_light, .notice--purple_light .btn:not(.btn--ghost), .fact [class*="-purple_light"] {color:#6F1D77;} .btn--ghost.btn--pink, .notice--pink .btn:not(.btn--ghost), .fact [class*="-pink"] {color:#EF60A3;} .btn--ghost.btn--teal, .notice--teal .btn:not(.btn--ghost), .fact [class*="-teal"] {color:#00B8C8;} .dynamicHeader-block--red {background-color: rgba(224, 60, 49, var(--block-opacity))} .dynamicHeader-block--green {background-color: rgba(108, 194, 74, var(--block-opacity))} .dynamicHeader-block--blue_dark {background-color: rgba(12, 35, 64, var(--block-opacity))} .dynamicHeader-block--yellow {background-color: rgba(255, 184, 28, var(--block-opacity))} .dynamicHeader-block--orange {background-color: rgba(237, 104, 66, var(--block-opacity))} .dynamicHeader-block--purple {background-color: rgba(111, 29, 119, var(--block-opacity))} .dynamicHeader-block--purple_light {background-color: rgba(111, 29, 119, var(--block-opacity))} .dynamicHeader-block--pink {background-color: rgba(239, 96, 163, var(--block-opacity))} .dynamicHeader-block--teal {background-color: rgba(0, 184, 200, var(--block-opacity))} .card--red h3 {color:#E03C31;} .card--red.card--horizontalTiny .card__content::after, .card--red::after, .card--red.card--no_image[href]::after {background-color:#E03C31;} .card--green h3 {color:#6CC24A;} .card--green.card--horizontalTiny .card__content::after, .card--green::after, .card--green.card--no_image[href]::after {background-color:#6CC24A;} .card--blue_dark h3 {color:#0C2340;} .card--blue_dark.card--horizontalTiny .card__content::after, .card--blue_dark::after, .card--blue_dark.card--no_image[href]::after {background-color:#0C2340;} .card--yellow h3 {color:#FFB81C;} .card--yellow.card--horizontalTiny .card__content::after, .card--yellow::after, .card--yellow.card--no_image[href]::after {background-color:#FFB81C;} .card--orange h3 {color:#EC6842;} .card--orange.card--horizontalTiny .card__content::after, .card--orange::after, .card--orange.card--no_image[href]::after {background-color:#EC6842;} .card--purple h3 {color:#6F1D77;} .card--purple.card--horizontalTiny .card__content::after, .card--purple::after, .card--purple.card--no_image[href]::after {background-color:#6F1D77;} .card--purple_light h3 {color:#6F1D77;} .card--purple_light.card--horizontalTiny .card__content::after, .card--purple_light::after, .card--purple_light.card--no_image[href]::after {background-color:#6F1D77;} .card--pink h3 {color:#EF60A3;} .card--pink.card--horizontalTiny .card__content::after, .card--pink::after, .card--pink.card--no_image[href]::after {background-color:#EF60A3;} .card--teal h3 {color:#00B8C8;} .card--teal.card--horizontalTiny .card__content::after, .card--teal::after, .card--teal.card--no_image[href]::after {background-color:#00B8C8;} .divider--red, .nav-inpage.nav-inpage--red {border-color:#E03C31;} .divider--green, .nav-inpage.nav-inpage--green {border-color:#6CC24A;} .divider--blue_dark, .nav-inpage.nav-inpage--blue_dark {border-color:#0C2340;} .divider--yellow, .nav-inpage.nav-inpage--yellow {border-color:#FFB81C;} .divider--orange, .nav-inpage.nav-inpage--orange {border-color:#EC6842;} .divider--purple_light, .nav-inpage.nav-inpage--purple_light {border-color:#6F1D77;} .divider--purple, .nav-inpage.nav-inpage--purple {border-color:#6F1D77;} .divider--pink, .nav-inpage.nav-inpage--pink {border-color:#EF60A3;} .divider--teal, .nav-inpage.nav-inpage--teal {border-color:#00B8C8;} .tab--blue_dark a {color: white;} </style> <script> document.addEventListener("DOMContentLoaded", function() { // Voeg alleen de styles toe als ze nog niet bestaan if (!document.getElementById("hamburger-styles")) { const style = document.createElement('style'); style.id = "hamburger-styles"; style.textContent = ` .i-more.hamburger { display: inline-flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; } .i-more.hamburger::before { content: none; } .i-more.hamburger .line { width: 17px; height: 1px; background-color: white; } `; document.head.append(style); } function updateAriaExpanded(button) { const targetSelector = button.dataset.target; if (!targetSelector) return; const targetElement = document.querySelector(targetSelector); if (!targetElement) return; const isExpanded = targetElement.classList.contains("is-active"); button.setAttribute("aria-expanded", isExpanded ? "true" : "false"); } function processButton(button) { if (button.classList.contains("hamburger")) return; button.classList.add("hamburger"); button.setAttribute("aria-label", "Menu"); button.setAttribute("aria-expanded", "false"); // Voeg de lijnen toe als ze nog niet bestaan if (button.querySelectorAll('.line').length === 0) { for (let i = 0; i < 3; i++) { const line = document.createElement('div'); line.classList.add('line'); button.appendChild(line); } } button.addEventListener("click", function() { updateAriaExpanded(button); }); // Observer voor de bijbehorende .nav-overlay const targetSelector = button.dataset.target; if (targetSelector) { const targetElement = document.querySelector(targetSelector); if (targetElement) { const observer = new MutationObserver(() => updateAriaExpanded(button)); observer.observe(targetElement, { attributes: true, attributeFilter: ["class"] }); } } } // Verwerk alle bestaande knoppen document.querySelectorAll(".i-more").forEach(processButton); // MutationObserver voor dynamische toevoegingen van .i-more knoppen const observer = new MutationObserver(() => { document.querySelectorAll(".i-more").forEach(processButton); }); observer.observe(document.body, { childList: true, subtree: true }); }); </script> <a href="#" class="skiplink btn btn--single align-center btn--grey_dark u-flex js-contrastChanger"> <svg role="presentation" class="icon-contrast"> <use xlink:href="/typo3conf/ext/tud_styling/Resources/Public/img/contrast-icon.svg#contrast-icon"></use> </svg> <span class="js-contrastChanger-label" data-highcontrasttext="Activeer hoog contrast" data-normalcontrasttext="Activeer normaal contrast"> Activeer hoog contrast </span> </a> <a href="#main" class="skiplink btn btn--single align-center btn--grey_dark"> Ga naar hoofdcontent </a>  <svg class="hidden" xmlns="http://www.w3.org/2000/svg"> <symbol id="logo" viewBox="0 0 105 41"> <path fill="currentColor" fill-rule="evenodd" d="M30.5 36.73c2.62 0 4.03-1.74 4.03-4.18V20.12h5.56v12.71c-.06 5.6-4.53 7.8-9.59 7.8-5.05 0-9.53-2.2-9.58-7.8v-12.7h5.55v12.42c0 2.44 1.42 4.18 4.03 4.18M77.18 33.73v-1.31c0-3.87-2.2-6.6-6.15-6.6-4.41 0-6.47 3.42-6.47 7.52 0 4.12 1.78 7.29 6.25 7.29 3.34 0 5.78-1.59 6.2-4.76h-2.78c-.3 2.03-1.33 2.84-3.39 2.84-2.7 0-3.59-2.4-3.59-4.98h9.93zm-9.87-1.84c.02-2.18 1.34-4.15 3.53-4.15 2.55 0 3.55 1.76 3.55 4.15h-7.08zM80.37 20.12h2.65v20.1h-2.65v-20.1zM6.53 40.21h5.55V24.02h6.22v-3.9H.3v3.9h6.23v16.2M19.87 10.34c-1.35.42-2.75.08-2.75-1.73 0-2.77 6.49-5.09 7.4-7.5.21-.61.23-1.1-.06-1.1-.2.02-.04.32-.5.78-2.69 2.69-7.19 2.68-10.65 4.24-2.26 1.02-8.9 4.15-7.37 11.13.07.33.27 1.44.47 1.44.24 0 .23-.66.23-1.46-.05-4.16 4.86-5.32 6.46-8.04.2-.32.52-.77.6-.56.04.1.01.25-.05.54-.5 2.23-2.83 3.66-2.17 5.26.85 2.07 3.32.53 4.08-.8.2-.37.32-.6.46-.56.1.04.1.46.03.84-.4 2.4-.96 3.75-2.71 5.12-.56.43-1.44.52-1.33.86.03.09.41.08.71.05 4.68-.3 8.59-5.82 9.62-9.43.11-.25.14-.5.03-.58-.14-.1-.35.14-.56.33-.53.47-1.26.96-1.94 1.17M91.29 40.21V28.08h3.22v-1.84h-3.22V24c0-1.62.78-1.9 2.28-1.9.44 0 .89.06 1.33.09v-2.2a8.59 8.59 0 00-1.89-.28c-2.5 0-4.36 1.26-4.36 3.93v2.61h-2.72v1.84h2.72v12.13h2.64M96.03 26.24v1.84h2.38v8.9c0 1.86.03 3.65 3.95 3.65.61 0 1.18-.06 1.8-.17v-2.03c-.42.1-.96.17-1.38.17-.95 0-1.72-.48-1.72-1.48v-9.04h3.22v-1.84h-3.22v-3.8l-2.65.83v2.98h-2.38M48.43 22.51h4.1c4.64 0 6.56 3.5 6.56 7.66 0 4.15-1.92 7.65-6.56 7.65h-4.1v-15.3zm-2.79 17.7h6.9c8.57 0 9.47-7.27 9.47-10.04 0-2.77-.9-10.05-9.48-10.05h-6.89v20.1z"/> </symbol> </svg> <nav class="bg-blue nav-top"> <div class="container no-spacing"> <a class="logo left" href="/"> <svg focusable="false" class="logo-tudelft--top" role="img"> <use xlink:href="#logo"></use> </svg> <span class="text-hide">Home van TU Delft</span> </a> <div class="right"> <div class="nav-main"> <ul><li class="nav-main__mainitem" data-priority="0"><a href="/onderwijs">Studenten & Onderwijs</a><ul class="nav-main__submenu"><li><a href="/onderwijs/opleidingen">Opleidingen</a></li><li><a href="/onderwijs/toelating-en-aanmelding">Toelating en aanmelding</a></li><li><a href="/onderwijs/studievoorlichting">Studievoorlichting</a></li><li><a href="/studenten">Studentenportal</a></li><li><a href="/extension-school">Lifelong Learning</a></li></ul></li><li class="nav-main__mainitem" data-priority="0"><a href="/onderzoek">Onderzoek</a><ul class="nav-main__submenu"><li><a href="/onderzoek/maatschappelijke-uitdagingen">Maatschappelijke uitdagingen</a></li><li><a href="/onderzoek/faculteiten-en-instituten">Faculteiten en instituten</a></li><li><a href="/onderzoek/onderzoeksfaciliteiten">Onderzoeksfaciliteiten</a></li><li><a href="/onderwijs/opleidingen/phd">PhDs</a></li><li><a href="/stories">Stories</a></li></ul></li><li class="nav-main__mainitem" data-priority="0"><a href="/innovatie-impact">Innovatie & Impact</a><ul class="nav-main__submenu"><li><a href="/innovatie-impact/zakelijk-samenwerken">Zakelijk samenwerken</a></li><li><a href="/innovatie-impact/pioneering-tech">Pioneering Tech</a></li><li><a href="/innovatie-impact/project-cases">Project Cases</a></li><li><a href="/innovatie-impact/ondernemerschap">Starten met ondernemen</a></li></ul></li><li class="nav-main__mainitem" data-priority="0"><a href="/community">Community</a><ul class="nav-main__submenu"><li><a href="/community/campus-life">Campus Life</a></li><li><a href="/community/alumni">Alumni</a></li><li><a href="/over-tu-delft/agenda">Evenementen</a></li><li><a href="/community/sociale-veiligheid">Sociale veiligheid</a></li><li><a href="/sciencecentre">Science Centre</a></li></ul></li><li class="nav-main__mainitem" data-priority="0"><a href="/over-tu-delft">Over TU Delft</a><ul class="nav-main__submenu"><li><a href="/over-tu-delft/zoek-medewerkers">Zoek medewerkers</a></li><li><a href="/over-tu-delft/contact">Contact</a></li><li><a href="/over-tu-delft/actueel">Actueel</a></li><li><a href="/over-tu-delft/agenda">Agenda</a></li><li><a href="/library">Library</a></li><li><a href="/over-tu-delft/werken-bij-tu-delft">Vacatures</a></li><li><a href="/over-tu-delft/organisatie">Organisatie</a></li><li><a href="/over-tu-delft/strategie">Strategie</a></li><li><a href="/universiteitsfonds">Universiteitsfonds</a></li></ul></li></ul> <a href="/en/" title="Switch to the English language" class="btn--icon btn--languageSwitch" lang="en"> <div class="icon-languageSwitch icon-languageSwitch--nl"></div> </a> <button data-target=".nav-search" class="button-reset btn--icon i-search js-modal"> <span class="text-hide">Zoeken</span> </button> </div> </div> </div> </nav> <nav class="nav-overlay"> <div class="container no-spacing"> <ul class="list-reset nav-overlay__container"><li id="nav-overlay__mainitem--609" data-priority="0"> <div class="nav-overlay__mainitem row"> <div class="sm-12"><a href="/onderwijs">Studenten & Onderwijs</a> <a href="#" data-altlabel="Menu sluiten" class="nav-overlay__toggle"> Menu openen </a> </div> </div><ul class="list-reset row nav-overlay__subitemcontainer"><li class="sm-12"><a href="/onderwijs/opleidingen" id="nav-overlay__subitem--6807" class="nav-overlay__subitem">Opleidingen</a></li><li class="sm-12"><a href="/onderwijs/toelating-en-aanmelding" id="nav-overlay__subitem--6810" class="nav-overlay__subitem">Toelating en aanmelding</a></li><li class="sm-12"><a href="/onderwijs/studievoorlichting" id="nav-overlay__subitem--6808" class="nav-overlay__subitem">Studievoorlichting</a></li><li class="sm-12"><a href="/studenten" id="nav-overlay__subitem--193142" class="nav-overlay__subitem">Studentenportal</a></li><li class="sm-12"><a href="/extension-school" id="nav-overlay__subitem--193144" class="nav-overlay__subitem">Lifelong Learning</a></li></ul></li><li id="nav-overlay__mainitem--610" data-priority="0"> <div class="nav-overlay__mainitem row"> <div class="sm-12"><a href="/onderzoek">Onderzoek</a> <a href="#" data-altlabel="Menu sluiten" class="nav-overlay__toggle"> Menu openen </a> </div> </div><ul class="list-reset row nav-overlay__subitemcontainer"><li class="sm-12"><a href="/onderzoek/maatschappelijke-uitdagingen" id="nav-overlay__subitem--156953" class="nav-overlay__subitem">Maatschappelijke uitdagingen</a></li><li class="sm-12"><a href="/onderzoek/faculteiten-en-instituten" id="nav-overlay__subitem--1108" class="nav-overlay__subitem">Faculteiten en instituten</a></li><li class="sm-12"><a href="/onderzoek/onderzoeksfaciliteiten" id="nav-overlay__subitem--1110" class="nav-overlay__subitem">Onderzoeksfaciliteiten</a></li><li class="sm-12"><a href="/onderwijs/opleidingen/phd" id="nav-overlay__subitem--193150" class="nav-overlay__subitem">PhDs</a></li><li class="sm-12"><a href="/stories" id="nav-overlay__subitem--193154" class="nav-overlay__subitem">Stories</a></li></ul></li><li id="nav-overlay__mainitem--611" data-priority="0"> <div class="nav-overlay__mainitem row"> <div class="sm-12"><a href="/innovatie-impact">Innovatie & Impact</a> <a href="#" data-altlabel="Menu sluiten" class="nav-overlay__toggle"> Menu openen </a> </div> </div><ul class="list-reset row nav-overlay__subitemcontainer"><li class="sm-12"><a href="/innovatie-impact/zakelijk-samenwerken" id="nav-overlay__subitem--175867" class="nav-overlay__subitem">Zakelijk samenwerken</a></li><li class="sm-12"><a href="/innovatie-impact/pioneering-tech" id="nav-overlay__subitem--157886" class="nav-overlay__subitem">Pioneering Tech</a></li><li class="sm-12"><a href="/innovatie-impact/project-cases" id="nav-overlay__subitem--31839" class="nav-overlay__subitem">Project Cases</a></li><li class="sm-12"><a href="/innovatie-impact/ondernemerschap" id="nav-overlay__subitem--11091" class="nav-overlay__subitem">Starten met ondernemen</a></li></ul></li><li id="nav-overlay__mainitem--193146" data-priority="0"> <div class="nav-overlay__mainitem row"> <div class="sm-12"><a href="/community">Community</a> <a href="#" data-altlabel="Menu sluiten" class="nav-overlay__toggle"> Menu openen </a> </div> </div><ul class="list-reset row nav-overlay__subitemcontainer"><li class="sm-12"><a href="/community/campus-life" id="nav-overlay__subitem--152343" class="nav-overlay__subitem">Campus Life</a></li><li class="sm-12"><a href="/community/alumni" id="nav-overlay__subitem--5342" class="nav-overlay__subitem">Alumni</a></li><li class="sm-12"><a href="/over-tu-delft/agenda" id="nav-overlay__subitem--193156" class="nav-overlay__subitem">Evenementen</a></li><li class="sm-12"><a href="/community/sociale-veiligheid" id="nav-overlay__subitem--193534" class="nav-overlay__subitem">Sociale veiligheid</a></li><li class="sm-12"><a href="/sciencecentre" id="nav-overlay__subitem--196279" class="nav-overlay__subitem">Science Centre</a></li></ul></li><li id="nav-overlay__mainitem--617" data-priority="0"> <div class="nav-overlay__mainitem row"> <div class="sm-12"><a href="/over-tu-delft">Over TU Delft</a> <a href="#" data-altlabel="Menu sluiten" class="nav-overlay__toggle"> Menu openen </a> </div> </div><ul class="list-reset row nav-overlay__subitemcontainer"><li class="sm-12"><a href="/over-tu-delft/zoek-medewerkers" id="nav-overlay__subitem--5344" class="nav-overlay__subitem">Zoek medewerkers</a></li><li class="sm-12"><a href="/over-tu-delft/contact" id="nav-overlay__subitem--4077" class="nav-overlay__subitem">Contact</a></li><li class="sm-12"><a href="/over-tu-delft/actueel" id="nav-overlay__subitem--612" class="nav-overlay__subitem">Actueel</a></li><li class="sm-12"><a href="/over-tu-delft/agenda" id="nav-overlay__subitem--5496" class="nav-overlay__subitem">Agenda</a></li><li class="sm-12"><a href="/library" id="nav-overlay__subitem--193158" class="nav-overlay__subitem">Library</a></li><li class="sm-12"><a href="/over-tu-delft/werken-bij-tu-delft" id="nav-overlay__subitem--5343" class="nav-overlay__subitem">Vacatures</a></li><li class="sm-12"><a href="/over-tu-delft/organisatie" id="nav-overlay__subitem--5339" class="nav-overlay__subitem">Organisatie</a></li><li class="sm-12"><a href="/over-tu-delft/strategie" id="nav-overlay__subitem--14831" class="nav-overlay__subitem">Strategie</a></li><li class="sm-12"><a href="/universiteitsfonds" id="nav-overlay__subitem--23849" class="nav-overlay__subitem">Universiteitsfonds</a></li></ul></li><li> <div class="t3ce frame-type-sitetud_socialmedialinks "> <h3 class="text-hide">Dit is het social media blok</h3> <ul class="list-inline"> <li> <a href="https://www.facebook.com/tudelft" target="_blank" class="btn--icon i-facebook" rel="noreferrer"> <span class="text-hide"> facebook </span> </a> </li> <li> <a href="https://twitter.com/tudelft" target="_blank" class="btn--icon i-twitter" rel="noreferrer"> <span class="text-hide"> twitter </span> </a> </li> <li> <a href="https://www.instagram.com/tudelft/?hl=en" target="_blank" class="btn--icon i-instagram" rel="noreferrer"> <span class="text-hide"> instagram </span> </a> </li> <li> <a href="https://www.youtube.com/user/tudelft" target="_blank" class="btn--icon i-youtube" rel="noreferrer"> <span class="text-hide"> youtube </span> </a> </li> <li> <a href="https://www.linkedin.com/edu/delft-university-of-technology-15445" target="_blank" class="btn--icon i-linkedin" rel="noreferrer"> <span class="text-hide"> linkedin </span> </a> </li> <li> <a href="https://api.whatsapp.com/send?phone=3197010256278" target="_blank" class="btn--icon i-whatsapp hide-for-xxlarge" rel="noreferrer"> <span class="text-hide">whatsapp</span> </a> <a href="https://wa.me/+3197010256278" title="Open Whatsapp conversation" target="_blank" class="btn--icon i-whatsapp show-for-xxlarge" rel="noreferrer"> <span class="text-hide">whatsapp</span> </a> </li> </ul> </div> </li></ul> <div class='language-switch'><a href="/en/" title="English" lang="en">English</a></div> <ul class="list-inline"> <li> <a href="/cookiebeleid" title="Cookie-instellingen" class="cookieButton btn--icon"> <svg viewBox="14 13 36 44" class="cookieButton-icon"> <circle cx="35.709" cy="22.973" fill="currentColor" r="2"/> <circle cx="41.875" cy="29.417" fill="currentColor" r="2"/> <circle cx="31.709" cy="31.417" fill="currentColor" r="2"/> <circle cx="24.001" cy="37.25" fill="currentColor" r="2"/> <circle cx="32" cy="42.292" fill="currentColor" r="2"/> <circle cx="38.875" cy="37.25" fill="currentColor" r="2"/> <path d="M32 50c-9.925 0-18-8.075-18-18 0-.505.034-1.001.074-1.494a1 1 0 0 1 1.269-.882c3.594 1.016 7.107-1.47 7.578-4.963a1 1 0 0 1 .858-.857 5.948 5.948 0 0 0 3.438-1.705 5.958 5.958 0 0 0 1.756-4.241c0-.78-.15-1.542-.447-2.266a1.002 1.002 0 0 1 .776-1.369A17.78 17.78 0 0 1 32 14c9.925 0 18 8.075 18 18s-8.075 18-18 18zM16.002 31.795A14.01 14.01 0 0 0 16 32c0 8.822 7.178 16 16 16s16-7.178 16-16-7.178-16-16-16c-.396 0-.801.019-1.233.058a7.91 7.91 0 0 1 .206 1.799 7.941 7.941 0 0 1-2.342 5.656 7.914 7.914 0 0 1-3.86 2.143c-.899 3.891-4.672 6.653-8.769 6.139z" fill="currentColor"/> </svg> </a> </li> <li> <button class="button-reset btn--icon btn-contrast js-contrastChanger" title="Contrast-instellingen"> <span class="js-contrastChanger-label text-hide" data-highcontrasttext="Activeer hoog contrast" data-normalcontrasttext="Activeer normaal contrast"> Activeer hoog contrast </span> <svg role="presentation" class="icon-contrast"> <use xlink:href="/typo3conf/ext/tud_styling/Resources/Public/img/contrast-icon.svg#contrast-icon"></use> </svg> </button> </li> </ul> <button class='menu menu--close button-reset js-toggle' data-target='.nav-overlay'> <span class='i-close'> <span class='text-hide'> Sluit menu </span> </span> </button> </div> </nav> <div class="modal"> <div class="modal__content"> <form action="/zoeken" method="get" class="nav-search"> <input type="search" name="q" id="headerSearchForm-input" value="" class="autocomplete-inputField" autocomplete="off" aria-label="Zoeken"> <button class="button-reset i-search"> <span class="text-hide">Zoeken</span> </button> </form> </div> <button data-target="this.parent" class="menu menu--close button-reset js-modal-close"> <span class="i-close"> <span class="text-hide">Sluit zoek</span> </span> </button> </div> <div id=c1148479 class="t3ce frame-type-sitetud_dynamicheader "> <div id="dynamicHeader-c1148479" class="dynamicHeader js-dynamicHeader" data-slick-previous="Ga naar vorig item" data-slick-next="Ga naar volgend item"> <div class="dynamicHeader-slide"> <picture> <source media="(max-width: 600px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/a/c/csm_banner%20citg_d75348a53a.webp" /> <source media="(max-width: 1024px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/a/c/csm_banner%20citg_45dd774cd9.webp" /> <source media="(max-width: 1280px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/a/c/csm_banner%20citg_0aaedde41b.webp" /> <source media="(min-width: 1280px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/a/c/csm_banner%20citg_961f83f5ed.webp" /> <img fetchpriority="high" class="dynamicHeader-slideImage" style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/TUDelft/Homepage/Header%202025/banner%20citg.jpg" width="1894" height="511" alt="" /> </picture> <div class="dynamicHeader-slideGradient" style="height: 55%;"></div> <div class="dynamicHeader-slideContainer dynamicHeader-slideContainer--left"> <div class="dynamicHeader-slideContent"> <a href="/stories/articles/de-weg-naar-hergebruik-van-betonnen-brugliggers" class="dynamicHeader-slideLink"> <span class="dynamicHeader-slideSubtitle inlineTag">Story of Science</span> <h1 class="dynamicHeader-slideTitle">De weg naar hergebruik van betonnen brugliggers</h1> </a> </div> <div class="dynamicHeader-slideBlocks dynamicHeader-slideBlocks--single "> <style> .dynamicHeader-block--798.dynamicHeader-block { --block-opacity: 1.00; } </style> <div class="dynamicHeader-block--798 dynamicHeader-block dynamicHeader-block--blue dynamicHeader-block--center "> <div class="dynamicHeader-blockText "> <h2 class="h3">Broaden your horizon</h2> <p>Stel jouw vragen tijdens het Minor Event op 20 maart 2025</p> <p><a href="https://www.tudelft.nl/minorevent" target="_blank" class="dynamicHeader-blockButton btn btn--white" style="color:#2c3e50;">Registreer je nu!</a></p> <h3>Opleidingen</h3><div class="divpix"><p><a href="/onderwijs/opleidingen/bachelors" class="linepix">Bekijk alle bachelors<br> Bekijk alle masters</a></p></div> </div> </div> </div> </div> </div> </div> </div> <style>.contrast .dynamicHeader-slideLink { background-color: #000d; border-radius: 3px; padding-left: 5px; } .contrast .dynamicHeader-slideTitle, .contrast .dynamicHeader-slideDescription { color: white; } .contrast .dynamicHeader-block--blue .dynamicHeader-blockText h2, .contrast .dynamicHeader-block--blue .dynamicHeader-blockText h3, .contrast .dynamicHeader-block--blue .dynamicHeader-blockText p {color: white !important;} .divpix { display: inline-block; min-height: 28px; min-width: 100%; }</style> <main id="main" class="mainWithOffset__full-width"> <div class="container">  <div id=c988554 class="t3ce frame-type-text frame-space-before-40 frame-space-after-50 "> <h2 class="ce-headline-center "> Impact for a better society </h2> </div> <div id=c988566 class="t3ce frame-type-gridelements_pi1 element-layout-fullScreenWidth-contentFullWidth "> <div class=" "> <div class="row grid grid--noPaddingBottom layout-1571045214"> <div class="sm-12"> <div id=c988573 class="t3ce frame-type-sitetud_carousel frame-type-sitetud_carousel--full "> <h2 class="show-for-sr">Carousel Impact for a better society</h2> <div class="js-sliderCentered sliderCentered sliderCentered--multiple js-sliderCentered-multiple" data-slick-previous="Ga naar vorig item" data-slick-next="Ga naar volgend item"> <div class="slick-slide"> <a href="/evenementen/2025/dewis/international-womens-day-2025/interview-ilke-ercan" class="sliderCentered-item sliderCentered-item--link sliderCentered-item--gradient placeholder placeholder--blue"> <picture> <source media="(max-width: 600px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/8/3/csm_Ilke_fa0c8685b6.webp" /> <source media="(max-width: 1024px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/8/3/csm_Ilke_5d4f374240.webp" /> <source media="(max-width: 1280px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/8/3/csm_Ilke_7b6ce13702.webp" /> <source media="(min-width: 1280px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/8/3/csm_Ilke_7419e46fad.webp" /> <img loading="lazy" class="placeholder-image" src="https://filelist.tudelft.nl/_processed_/8/3/csm_Ilke_199660238d.jpg" width="610" height="640" alt="" /> </picture>  <div class="sliderCentered-itemInner"> <h2 class="sliderCentered-itemHeading color-white">Vragen stellen als overlevingskunst</h2> <p class="sliderCentered-itemDescription">Interview | Hoe nieuwsgierigheid en doorzettingsvermogen de weg vormden voor Ilke Ercan</p> <div class="sliderCentered-itemLink btn btn--single align-center btn--blue"> Lees meer </div> </div>  </a> </div> <div class="slick-slide"> <a href="/stories/articles/vliegen-op-waterstof-de-uitdagingen-en-oplossingen/scheuren-en-tracken-ultrasound-voor-vliegen-op-waterstof" class="sliderCentered-item sliderCentered-item--link sliderCentered-item--gradient placeholder placeholder--blue"> <picture> <source media="(max-width: 600px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/b/4/csm_nanyue_283bdb8117.webp" /> <source media="(max-width: 1024px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/b/4/csm_nanyue_9dcc87f1c8.webp" /> <source media="(max-width: 1280px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/b/4/csm_nanyue_5e5304a806.webp" /> <source media="(min-width: 1280px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/b/4/csm_nanyue_547e95d88e.webp" /> <img loading="lazy" class="placeholder-image" src="https://filelist.tudelft.nl/_processed_/b/4/csm_nanyue_69d1e92f27.jpg" width="610" height="640" alt="" /> </picture>  <div class="sliderCentered-itemInner"> <h2 class="sliderCentered-itemHeading color-white">Ultrasound voor vliegen op waterstof</h2> <p class="sliderCentered-itemDescription">Story of Science | Nan Yue ontwikkelt ultrasound-technologie waarmee de allereerste tekenen van scheurvorming in de tankwand te detecteren zijn</p> <div class="sliderCentered-itemLink btn btn--single align-center btn--blue"> Lees meer </div> </div>  </a> </div> <div class="slick-slide"> <a href="/2024/tbm/het-ontrafelen-van-het-web-van-geheimen-software-om-werknemers-te-monitoren" class="sliderCentered-item sliderCentered-item--link sliderCentered-item--gradient placeholder placeholder--blue"> <picture> <source media="(max-width: 600px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/0/2/csm_Felicia_31834cc25f.webp" /> <source media="(max-width: 1024px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/0/2/csm_Felicia_e140fda8d7.webp" /> <source media="(max-width: 1280px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/0/2/csm_Felicia_55e83c8d2d.webp" /> <source media="(min-width: 1280px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/0/2/csm_Felicia_41434a4f71.webp" /> <img loading="lazy" class="placeholder-image" src="https://filelist.tudelft.nl/_processed_/0/2/csm_Felicia_156ef39dad.jpg" width="610" height="640" alt="" /> </picture>  <div class="sliderCentered-itemInner"> <h2 class="sliderCentered-itemHeading color-white">Studente Felicia onderzocht hoe softwarebedrijven hun monitoring tools adverteren</h2> <p class="sliderCentered-itemDescription">Student Story | Het ontrafelen van het web van geheimen: software om werknemers te monitoren</p> <div class="sliderCentered-itemLink btn btn--single align-center btn--blue"> Lees meer </div> </div>  </a> </div> <div class="slick-slide"> <a href="/evenementen/2025/dewis/international-womens-day-2025/interview-pravesha-ramsundersingh" class="sliderCentered-item sliderCentered-item--link sliderCentered-item--gradient placeholder placeholder--blue"> <picture> <source media="(max-width: 600px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/3/e/csm_homepage-carrousel-pravesha_984097ad81.webp" /> <source media="(max-width: 1024px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/3/e/csm_homepage-carrousel-pravesha_7476dcd361.webp" /> <source media="(max-width: 1280px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/3/e/csm_homepage-carrousel-pravesha_73b69fe010.webp" /> <source media="(min-width: 1280px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/3/e/csm_homepage-carrousel-pravesha_0968d72474.webp" /> <img loading="lazy" class="placeholder-image" src="https://filelist.tudelft.nl/_processed_/3/e/csm_homepage-carrousel-pravesha_979012f9af.jpg" width="610" height="640" alt="" /> </picture>  <div class="sliderCentered-itemInner"> <h2 class="sliderCentered-itemHeading color-white">Studente Pravesha pleit voor betere inclusie en sociale veiligheid</h2> <p class="sliderCentered-itemDescription">Interview | Van zorgen uiten naar echte verandering</p> <div class="sliderCentered-itemLink btn btn--single align-center btn--blue"> Lees meer </div> </div>  </a> </div> </div> </div> </div> </div> </div> </div> <div id=c988579 class="t3ce show-for-xlarge frame-type-gridelements_pi1 frame-space-before-40 "> <div class=" grid-background--boxed"> <div class="row grid layout-0"> <div class="xs-12 sm-6 lg-4"> </div> <div class="xs-12 sm-6 lg-4"> </div> <div class="xs-12 sm-6 lg-4"> <div id=c988580 class="t3ce frame-type-sitetud_singlebutton "> <a href="/onderzoek/maatschappelijke-uitdagingen" class="btn btn--single align-center btn--blue btn--borderBox" style="width: 100%;"> Onze maatschappelijke uitdagingen </a> </div> </div> </div> </div> </div> <div id=c989665 class="t3ce hide-for-xlarge frame-type-shortcut frame-space-before-20 frame-space-after-20 "> <div id=c988580 class="t3ce frame-type-sitetud_singlebutton "> <a href="/onderzoek/maatschappelijke-uitdagingen" class="btn btn--single align-center btn--blue btn--borderBox" style="width: 100%;"> Onze maatschappelijke uitdagingen </a> </div> </div> <div id=c988553 class="t3ce frame-type-gridelements_pi1 element-layout-fullScreenWidth-contentContainerWidth "> <div class="grid-background--grey_light "> <div class="row grid grid--noPaddingBottom layout-1570700722"> <div class="sm-12"> <div id=c988549 class="t3ce frame-type-text frame-space-before-30 frame-space-after-40 "> <h2 class="ce-headline-center "> Nieuws </h2> </div> <div id=c988550 class="t3ce frame-type-lookup_results "> <div class="row" aria-labelledby="content-slider-c988550"> <h2 id="content-slider-c988550" class="show-for-sr">Nieuws</h2> <div class="content-slider content-slider--grey_dark"> <div class="content-slider__inner-wrap"> <div class="content-slider__item-wrap"> <div class="content-slider__item sm-12 md-6 lg-3"> <div class="content-slider__card"> <a href="/2024/tu-delft/onderzoekers-van-qia-ontwikkelen-eerste-besturingssysteem-voor-quantumnetwerken" class="card card--no_description card--grey_dark card--colored card--slide_effect card--background_gradient"> <div class="card__contentWrapper"> <picture class="card__img card__img--988550-206451"> <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/2/d/csm_QNodeOS%20-%20QNode%20hires_1d13711ac7.webp" /> <source media="(min-width: 40.125em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/2/d/csm_QNodeOS%20-%20QNode%20hires_73e606837f.webp" /> <img style="object-position: 44% 54%;" src="https://filelist.tudelft.nl/_processed_/2/d/csm_QNodeOS%20-%20QNode%20hires_e6c795dcfd.jpg" width="960" height="640" alt="" title="" /> </picture> <section class='card__content'> <h3>Onderzoekers van QIA ontwikkelen eerste besturingssysteem voor quantumnetwerken</h3> <span class="card__abstract card__abstract--hover_effect">Doorbraak opent de weg voor praktische toepassingen van een quantuminternet </span> </section> </div> </a> </div> </div> <div class="content-slider__item sm-12 md-6 lg-3"> <div class="content-slider__card"> <a href="/2025/me/nieuws/fasenovergangen-van-materialen-ontrafelen-met-nanotrommels" class="card card--no_description card--grey_dark card--colored card--slide_effect card--background_gradient"> <div class="card__contentWrapper"> <picture class="card__img card__img--988550-206462"> <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/3/a/csm_Illustration%20nanodrums_607f987e66.webp" /> <source media="(min-width: 40.125em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/3/a/csm_Illustration%20nanodrums_0e55b45099.webp" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/_processed_/3/a/csm_Illustration%20nanodrums_3118c5cac0.jpg" width="960" height="540" alt="illustratie van nanodrums" title="" /> </picture> <section class='card__content'> <h3>Fasenovergangen van materialen ontrafelen met nanotrommels</h3> <span class="card__abstract card__abstract--hover_effect">In Nature Communications deelt een team van wetenschappers onder leiding van TU Delft nieuwe inzichten in de complexe faseovergangen van magnetische nanomaterialen. </span> </section> </div> </a> </div> </div> <div class="content-slider__item sm-12 md-6 lg-3"> <div class="content-slider__card"> <a href="/2025/tu-delft/klimaatactie-en-energietransitie-in-volle-vaart-negen-frisse-inzichten" class="card card--no_description card--grey_dark card--colored card--slide_effect card--background_gradient"> <div class="card__contentWrapper"> <picture class="card__img card__img--988550-206275"> <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/5/3/csm_Banner_TU_Delft_2025%202_198d2139af.webp" /> <source media="(min-width: 40.125em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/5/3/csm_Banner_TU_Delft_2025%202_95a1009b20.webp" /> <img style="object-position: 44% 31%;" src="https://filelist.tudelft.nl/_processed_/5/3/csm_Banner_TU_Delft_2025%202_362a3d18f1.jpg" width="960" height="273" alt="Geillustreerde portretten " title="Best Climate paper award Portrets " /> </picture> <section class='card__content'> <h3>Klimaatactie en energietransitie in volle vaart: negen frisse inzichten</h3> <span class="card__abstract card__abstract--hover_effect">Tijdens de Best Climate Action & Energy Paper Award-ceremonie – die op dinsdag 18 maart 2025 plaatsvindt – pitchen negen jonge wetenschappers (TU Delft) hun onderzoeksresultaten. Negen frisse inzichten, en soms zelfs baanbrekende ideeën, die niet alleen de problemen van vandaag tackelen, maar ook de wereld van morgen veiliger, schoner en veerkrachtiger maken. </span> </section> </div> </a> </div> </div> <div class="content-slider__item sm-12 md-6 lg-3"> <div class="content-slider__card"> <a href="/2025/tu-delft/spraakmakende-theatervoorstelling-mindlab-zet-universiteit-aan-tot-dialoog-over-sociale-veiligheid" class="card card--no_description card--grey_dark card--colored card--slide_effect card--background_gradient"> <div class="card__contentWrapper"> <picture class="card__img card__img--988550-206241"> <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/f/3/csm__Q0A1100_0ad5b73a64.webp" /> <source media="(min-width: 40.125em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/f/3/csm__Q0A1100_9ffef1083f.webp" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/_processed_/f/3/csm__Q0A1100_2d0e77aca9.jpg" width="960" height="640" alt="" title="" /> </picture> <section class='card__content'> <h3>Spraakmakende theatervoorstelling Mindlab zet universiteit aan tot dialoog over sociale veiligheid</h3> <span class="card__abstract card__abstract--hover_effect">Wat gebeurt er als we niet wegkijken?<br /> Dat was de vraag die centraal stond in de theatervoorstelling Mindlab over integriteit en sociale veiligheid binnen de universitaire gemeenschap. Tussen 11 november 2024 en 6 februari 2025 bezochten 1681 deelnemers 31 voorstellingen, waarna zij in gesprek gingen over hun indrukken en ervaringen.</span> </section> </div> </a> </div> </div> <div class="content-slider__item sm-12 md-6 lg-3"> <div class="content-slider__card"> <a href="/2025/tu-delft/tu-delft-wordt-internationale-raadgever-op-het-gebied-van-ai-in-de-zorg" class="card card--no_description card--grey_dark card--colored card--slide_effect card--background_gradient"> <div class="card__contentWrapper"> <picture class="card__img card__img--988550-206041"> <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/e/3/csm_RoyBorghoutsFotografie-060325-TUD_WHOMondai-004_668571360a.webp" /> <source media="(min-width: 40.125em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/e/3/csm_RoyBorghoutsFotografie-060325-TUD_WHOMondai-004_a3bd351bf2.webp" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/_processed_/e/3/csm_RoyBorghoutsFotografie-060325-TUD_WHOMondai-004_adfbcfb3f8.jpg" width="960" height="640" alt="" title="" /> </picture> <section class='card__content'> <h3>TU Delft wordt internationale raadgever op het gebied van AI in de zorg</h3> <span class="card__abstract card__abstract--hover_effect">Het TU Delft Digital Ethics Centre gaat de World Health Organization (WHO) adviseren op het gebied van ethische aspecten en wet- en regelgeving rondom AI in de zorg. Op 6 maart krijgt het Delftse onderzoekscentrum een accreditatie: waarna het officieel een samenwerkingspartner van het WHO is op het gebied van Ethics and Governance of AI in Healthcare. </span> </section> </div> </a> </div> </div> <div class="content-slider__item sm-12 md-6 lg-3"> <div class="content-slider__card"> <a href="/2025/lr/tu-delft-opent-vier-nieuwe-en-vernieuwde-space-engineering-laboratoria" class="card card--no_description card--grey_dark card--colored card--slide_effect card--background_gradient"> <div class="card__contentWrapper"> <picture class="card__img card__img--988550-205899"> <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/2/e/csm_Still_SE%20lab%20tour%20video_roof_0530e89091.webp" /> <source media="(min-width: 40.125em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/2/e/csm_Still_SE%20lab%20tour%20video_roof_86eb08a27f.webp" /> <img style="object-position: 89% 65%;" src="https://filelist.tudelft.nl/_processed_/2/e/csm_Still_SE%20lab%20tour%20video_roof_f044f2a31b.png" width="960" height="503" alt="photo rooftop faculty of Aerospace Engineering" title="" /> </picture> <section class='card__content'> <h3>TU Delft opent vier nieuwe en vernieuwde Space Engineering laboratoria</h3> <span class="card__abstract card__abstract--hover_effect">TU Delft breidt haar ruimteonderzoekscapaciteiten uit met de lancering van vier nieuwe en vernieuwde Space Engineering laboratoria. Deze ultramoderne faciliteiten bieden onderzoekers, studenten en industriële partners geavanceerde tools om de grenzen van ruimte-exploratie, planeetwetenschap en satelliettechnologie te verleggen.</span> </section> </div> </a> </div> </div> <div class="content-slider__item sm-12 md-6 lg-3"> <div class="content-slider__card"> <a href="/2024/ewi/slimme-ai-coach-helpt-rokers-stoppen-met-behulp-van-reinforcement-learning" class="card card--no_description card--grey_dark card--colored card--slide_effect card--background_gradient"> <div class="card__contentWrapper"> <picture class="card__img card__img--988550-205618"> <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/6/0/csm_cigarette-7788812_d4f256c4d3.webp" /> <source media="(min-width: 40.125em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/6/0/csm_cigarette-7788812_13253ef41d.webp" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/_processed_/6/0/csm_cigarette-7788812_709cda593f.jpg" width="960" height="960" alt="" title="" /> </picture> <section class='card__content'> <h3>Slimme AI-coach helpt rokers stoppen met behulp van Reinforcement Learning</h3> <span class="card__abstract card__abstract--hover_effect">Vandaag verdedigt Nele Albers haar proefschrift over de inzet van AI-coaches bij het stoppen met roken en vapen. Ze ontwikkelde een AI-coach die gebruikmaakt van psychologisch geïnformeerde Reinforcement Learning (RL), een vorm van machine learning waarbij een model leert door middel van belonen, vergelijkbaar met hoe mensen gedrag aanleren. Albers baseerde haar onderzoek op inzichten uit gedragsveranderingstheorieën en gegevens uit drie grootschalige studies met elk meer dan 500 deelnemers.</span> </section> </div> </a> </div> </div> <div class="content-slider__item sm-12 md-6 lg-3"> <div class="content-slider__card"> <a href="/2025/tu-delft/nieuw-onderzoek-onthult-verrassingen-onder-de-jonge-noordelijke-ijskap-van-mars" class="card card--no_description card--grey_dark card--colored card--slide_effect card--background_gradient"> <div class="card__contentWrapper"> <picture class="card__img card__img--988550-205692"> <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/8/c/csm_Mars%20-%20Picture2_a173ae8538.webp" /> <source media="(min-width: 40.125em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/8/c/csm_Mars%20-%20Picture2_8dd3c5848b.webp" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/_processed_/8/c/csm_Mars%20-%20Picture2_21d72c2344.png" width="960" height="840" alt="" title="" /> </picture> <section class='card__content'> <h3>Nieuw onderzoek onthult verrassingen onder de jonge noordelijke ijskap van Mars</h3> <span class="card__abstract card__abstract--hover_effect">Een groep onderzoekers van de TU Delft en het Institute for Planetary Research van het Duitse Lucht- en Ruimtevaartcentrum is erin geslaagd om de inwendige structuur van Mars en de leeftijd van de grote ijskap die haar noordpool bedekt te bepalen. Ze hebben hun bevindingen gepubliceerd in Nature. Het team gebruikte op Mars dezelfde geofysische truc die geologen hier op aarde gebruiken: meten hoe grote stukken land zijn vervormd door de ijskap die op de planeet drukt. Dat zegt weer veel over het materiaal en de structuur onder al dat ijs. </span> </section> </div> </a> </div> </div> <div class="content-slider__item sm-12 md-6 lg-3"> <div class="content-slider__card"> <a href="/2024/innovation-impact/start-vpdelta-programma-2025-2029" class="card card--no_description card--grey_dark card--colored card--slide_effect card--background_gradient"> <div class="card__contentWrapper"> <picture class="card__img card__img--988550-205574"> <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/9/7/csm_Rob__rt_Kroonen_StuurgroepVP%20knip_beb556316b.webp" /> <source media="(min-width: 40.125em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/9/7/csm_Rob__rt_Kroonen_StuurgroepVP%20knip_a9c6462d14.webp" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/_processed_/9/7/csm_Rob__rt_Kroonen_StuurgroepVP%20knip_49c7016fce.jpg" width="960" height="702" alt="" title="" /> </picture> <section class='card__content'> <h3>Start VPdelta-programma 2025-2029</h3> <span class="card__abstract card__abstract--hover_effect">In 2012 ging het eerste Valorisatieprogramma Deltatechnologie en Water, nu bekend als VPdelta, van start. Vele onderzoeken, opschalingen en samenwerkingen verder, is het programma uitgegroeid tot een sterk netwerk met impactvolle innovaties voor een klimaatbestendige regio. </span> </section> </div> </a> </div> </div> <div class="content-slider__item sm-12 md-6 lg-3"> <div class="content-slider__card"> <a href="/2025/citg/smeltende-gletsjers-versnellen-zeespiegelstijging-en-brengen-drinkwatervoorziening-in-gevaar" class="card card--no_description card--grey_dark card--colored card--slide_effect card--background_gradient"> <div class="card__contentWrapper"> <picture class="card__img card__img--988550-205296"> <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/News/2025/02_February/Columbia_Glacier_USA.gif" /> <source media="(min-width: 40.125em)" type="image/webp" srcset="https://filelist.tudelft.nl/News/2025/02_February/Columbia_Glacier_USA.gif" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/News/2025/02_February/Columbia_Glacier_USA.gif" width="2500" height="1741" alt="" title="" /> </picture> <section class='card__content'> <h3>Smeltende gletsjers versnellen zeespiegelstijging en brengen drinkwatervoorziening in gevaar</h3> <span class="card__abstract card__abstract--hover_effect">Over de hele wereld smelten gletsjers. Afgelopen tien jaar zijn gletsjers in meer bevolkte gebieden, zoals Europa, veel harder gaan smelten dan daarvoor. Dit zorgt niet alleen voor een versnelde zeespiegelstijging, maar is ook alarmerend voor de zoetwatervoorraad. Een internationale groep onderzoekers verzamelde gegevens van al die gletsjers, Antarctica en Groenland daar gelaten. Het onderzoek is onlangs gepubliceerd in Nature. </span> </section> </div> </a> </div> </div> </div> </div> <button class="content-slider__button content-slider__button--prev hide" tabindex="-1" aria-hidden="true"> <span class="show-for-sr">Ga naar vorig item</span> </button> <button class="content-slider__button content-slider__button--next"> <span class="show-for-sr">Ga naar volgend item</span> </button> <div class="content-slider__bullet-wrap" aria-live="polite" data-labelscrolltopart="Item" data-labelof="van"></div> </div> </div> </div> <div id=c988552 class="t3ce show-for-xlarge frame-type-gridelements_pi1 frame-space-before-20 "> <div class=" grid-background--boxed"> <div class="row grid layout-0"> <div class="xs-12 sm-6 lg-3"> </div> <div class="xs-12 sm-6 lg-3"> </div> <div class="xs-12 sm-6 lg-3"> </div> <div class="xs-12 sm-6 lg-3"> <div id=c1549740 class="t3ce frame-type-sitetud_singlebutton "> <a href="/over-tu-delft/actueel" class="btn btn--single align-center btn--blue"> Meer nieuws </a> </div> </div> </div> </div> </div> <div id=c989673 class="t3ce hide-for-xlarge frame-type-shortcut frame-space-before-30 "> <div id=c1549740 class="t3ce frame-type-sitetud_singlebutton "> <a href="/over-tu-delft/actueel" class="btn btn--single align-center btn--blue"> Meer nieuws </a> </div> </div> </div> </div> </div> </div> <div id=c988548 class="t3ce frame-type-gridelements_pi1 element-layout-fullScreenWidth-contentContainerWidth frame-space-before-30 "> <div class=" "> <div class="row grid grid--noPaddingBottom layout-1570700722"> <div class="sm-12"> <div id=c988540 class="t3ce frame-type-text frame-space-before-10 frame-space-after-40 "> <h2 class="ce-headline-center "> Evenementen </h2> </div> <div id=c989634 class="t3ce frame-type-gridelements_pi1 "> <div class=" grid-background--boxed"> <div class="content-slider"> <div class="content-slider__inner-wrap"> <div class="content-slider__item-wrap content-slider__item-wrap--no-slide-preview multiRowGrid multiRowGrid--slider "> <div class="content-slider__item sm-12 md-6 lg-3"> <div id=c1515132 class="t3ce frame-type-sitetud_card "> <div class="grid-row "> <div class="sm-12"> <a href="/evenementen/2024/tnw/betasteunpunt/vier-pi-dag-bij-tu-delft" class="card"> <div class="card__contentWrapper"> <picture class="card__img card__img--1515132" > <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/7/b/csm_TUD%205331%20PI-Dag%20Uitnodiging_liggend_WT_8b1832842f.webp" /> <source media="(max-width: 63.938em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/7/b/csm_TUD%205331%20PI-Dag%20Uitnodiging_liggend_WT_92ad76f080.webp" /> <source media="(min-width: 64em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/7/b/csm_TUD%205331%20PI-Dag%20Uitnodiging_liggend_WT_8b1832842f.webp, https://filelist.tudelft.nl/_processed_/7/b/csm_TUD%205331%20PI-Dag%20Uitnodiging_liggend_WT_2f335fd6a4.webp 1.5x" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/_processed_/7/b/csm_TUD%205331%20PI-Dag%20Uitnodiging_liggend_WT_41d70b757b.jpg" width="960" height="639" alt="" /> </picture> <section class='card__content'> <div class="label">Voor iedereen </div> <h3>14 maart: Pi-dag</h3> </section> </div> </a> </div> </div> </div> </div> <div class="content-slider__item sm-12 md-6 lg-3"> <div id=c1538346 class="t3ce frame-type-sitetud_card "> <div class="grid-row "> <div class="sm-12"> <a href="/x/aanbod/health-week-2025" class="card"> <div class="card__contentWrapper"> <picture class="card__img card__img--1538346" > <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/3/1/csm_Health%20Week%20X_75a016f084.webp" /> <source media="(max-width: 63.938em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/3/1/csm_Health%20Week%20X_c994f31fdd.webp" /> <source media="(min-width: 64em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/3/1/csm_Health%20Week%20X_75a016f084.webp, https://filelist.tudelft.nl/_processed_/3/1/csm_Health%20Week%20X_8096a8ed34.webp 1.5x" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/TUDelft/Homepage/Events%202025/Health%20Week%20X.png" width="520" height="351" alt="" /> </picture> <section class='card__content'> <div class="label">Voor iedereen </div> <h3>17 - 23 maart: Health Week X</h3> </section> </div> </a> </div> </div> </div> </div> <div class="content-slider__item sm-12 md-6 lg-3"> <div id=c1532176 class="t3ce frame-type-sitetud_card "> <div class="grid-row "> <div class="sm-12"> <a href="/climate-action/agenda/best-climate-action-and-energy-paper-2024" class="card"> <div class="card__contentWrapper"> <picture class="card__img card__img--1532176" > <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/1/d/csm_Best%20Climate_fd24c0c5cb.webp" /> <source media="(max-width: 63.938em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/1/d/csm_Best%20Climate_667d979dee.webp" /> <source media="(min-width: 64em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/1/d/csm_Best%20Climate_fd24c0c5cb.webp, https://filelist.tudelft.nl/_processed_/1/d/csm_Best%20Climate_1315039cd2.webp 1.5x" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/TUDelft/Homepage/Events%202025/Best%20Climate.png" width="600" height="350" alt="" /> </picture> <section class='card__content'> <div class="label">Voor iedereen </div> <h3>18 maart: Best Climate Action and Energy Paper 2024</h3> </section> </div> </a> </div> </div> </div> </div> <div class="content-slider__item sm-12 md-6 lg-3"> <div id=c1533603 class="t3ce frame-type-sitetud_card "> <div class="grid-row "> <div class="sm-12"> <a href="/evenementen/2025/tu-delft/03-mar/accessability-week-2025" class="card"> <div class="card__contentWrapper"> <picture class="card__img card__img--1533603" > <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/e/6/csm_AA%20week_1caf6ad42e.webp" /> <source media="(max-width: 63.938em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/e/6/csm_AA%20week_c607eaf248.webp" /> <source media="(min-width: 64em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/e/6/csm_AA%20week_1caf6ad42e.webp, https://filelist.tudelft.nl/_processed_/e/6/csm_AA%20week_a64c066a17.webp 1.5x" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/TUDelft/Homepage/Caroussel%202025/02-Februari/AA%20week.jpg" width="275" height="190" alt="" /> </picture> <section class='card__content'> <div class="label">Voor iedereen </div> <h3>25 maart - 1 april: AccessAbility Week</h3> </section> </div> </a> </div> </div> </div> </div> <div class="content-slider__item sm-12 md-6 lg-3"> <div id=c1536442 class="t3ce frame-type-sitetud_card "> <div class="grid-row "> <div class="sm-12"> <a href="/evenementen/2025/library/03-mar/for-love-of-the-world-philosophy-technology-and-art-festival" class="card"> <div class="card__contentWrapper"> <picture class="card__img card__img--1536442" > <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/1/c/csm_For%20love%20of%20the%20world_0c039c64d0.webp" /> <source media="(max-width: 63.938em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/1/c/csm_For%20love%20of%20the%20world_489a166b7a.webp" /> <source media="(min-width: 64em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/1/c/csm_For%20love%20of%20the%20world_0c039c64d0.webp, https://filelist.tudelft.nl/_processed_/1/c/csm_For%20love%20of%20the%20world_e044d9fb6e.webp 1.5x" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/TUDelft/Homepage/Events%202025/For%20love%20of%20the%20world.png" width="426" height="279" alt="" /> </picture> <section class='card__content'> <div class="label">Voor iedereen</div> <h3>29 maart: For Love of the World: Philosophy, Technology and Art Festival</h3> </section> </div> </a> </div> </div> </div> </div> <div class="content-slider__item sm-12 md-6 lg-3"> <div id=c1548277 class="t3ce frame-type-sitetud_card "> <div class="grid-row "> <div class="sm-12"> <a href="/extension-school/about-us/professional-education-week-2025" class="card"> <div class="card__contentWrapper"> <picture class="card__img card__img--1548277" > <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/e/4/csm_extschool_001490b480.webp" /> <source media="(max-width: 63.938em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/e/4/csm_extschool_84d0715972.webp" /> <source media="(min-width: 64em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/e/4/csm_extschool_001490b480.webp, https://filelist.tudelft.nl/_processed_/e/4/csm_extschool_adbd0daf03.webp 1.5x" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/TUDelft/Homepage/Events%202025/extschool.jpg" width="275" height="190" alt="" /> </picture> <section class='card__content'> <div class="label">Voor industrie, management en overheid</div> <h3>7-11 april: Professional Education Week</h3> </section> </div> </a> </div> </div> </div> </div> </div> </div> <button class="content-slider__button content-slider__button--prev hide" tabindex="-1" aria-hidden="true"> <span class="show-for-sr">Ga naar vorig item</span> </button> <button class="content-slider__button content-slider__button--next"> <span class="show-for-sr">Ga naar volgend item</span> </button> <div class="content-slider__bullet-wrap" aria-live="polite" data-labelscrolltopart="Item" data-labelof="van"> </div> </div> </div> </div> <div id=c988547 class="t3ce show-for-xlarge frame-type-gridelements_pi1 frame-space-before-10 "> <div class=" grid-background--boxed"> <div class="row grid layout-0"> <div class="xs-12 sm-6 lg-3"> </div> <div class="xs-12 sm-6 lg-3"> </div> <div class="xs-12 sm-6 lg-3"> </div> <div class="xs-12 sm-6 lg-3"> <div id=c988544 class="t3ce frame-type-sitetud_singlebutton "> <a href="/over-tu-delft/agenda" class="btn btn--single align-center btn--borderBox" style="width: 100%;"> Meer evenementen </a> </div> </div> </div> </div> </div> <div id=c989674 class="t3ce hide-for-xlarge frame-type-shortcut frame-space-before-30 frame-space-after-20 "> <div id=c988544 class="t3ce frame-type-sitetud_singlebutton "> <a href="/over-tu-delft/agenda" class="btn btn--single align-center btn--borderBox" style="width: 100%;"> Meer evenementen </a> </div> </div> </div> </div> </div> </div> <div id=c988567 class="t3ce frame-type-html "> <script> // Split carousel description by | symbol var carouselTitle = document.getElementsByClassName("sliderCentered-itemDescription"); for (let i = 0; i < carouselTitle.length; i++) { var splitTitle = carouselTitle[i].innerHTML.split(" | "); if(splitTitle.length == 2) { carouselTitle[i].innerHTML = splitTitle[1]; let newItem = document.createElement("div"); newItem.innerHTML = splitTitle[0]; newItem.classList.add("carouselTag"); carouselTitle[i].parentNode.prepend(newItem); } } </script> <style> /* Thema Tag Styling */ .carouselTag, #c989686 .card .label, #c1099644 .card .label {font-size: .7rem; text-transform: uppercase; letter-spacing: 1px; background-color: #ffffffa3; color: black; width: fit-content; padding: 2px 11px 1px 11px !important; border-radius: 1px; margin-bottom: 10px !important; } .sliderCentered-itemHeading { line-height: 1.3 !important;} /* Hoogte van Header op Desktop */ @media only screen and (min-width: 1024px) { #c989686 .card, #c989686 .frame-type-sitetud_card, #c1099644 .card, #c1099644 .frame-type-sitetud_card {height:35em !important;} #c988593 .grid-background--grey_light { height:35em; padding-bottom: 0; padding-right:3rem; padding-left:3rem; overflow: hidden; } } /* Background Flame */ #c988593 .grid-background--grey_light:after { opacity: 25%; position:absolute; content:''; display:block; width:100%; height:100%; top:0; left:0; background-image: url(https://www.tudelft.nl/typo3conf/ext/tud_styling/Resources/Public/img/torch.svg); background-repeat: no-repeat; background-position: 15% 75%; background-size: 250%; mix-blend-mode: exclusion !important; pointer-events:none;} /* Bottom blue line on header & carousel */ #c988593 .grid-background--grey_light, .sliderCentered-item { box-shadow: 0 -1px 0 0 #00a6d6 inset; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; -webkit-transition: .2s cubic-bezier(.56,0,0,1.6); transition: .2s cubic-bezier(.56,0,0,1.6); } #c988593 .grid-background--grey_light:hover, .sliderCentered-itemInner:hover { box-shadow: 0 -0.5em 0 0 #00a6d6 inset; } .sliderCentered-itemLink.btn {display:none;} #c1099644 .card h3, #c989686 .card h3 {font-size: 2em;} /* Remove line in header card */ #c1099644 .card h3:before, #c989686 .card h3:before {display:none} /* Fix padding issues in header grid */ #c1099644>div>div, #c989686>div>div {margin-top:0;} #c989680 {margin-left: -1.46875rem;} #c1099644 div, #c989686 div {margin-bottom: initial !important;padding:0;} /* gradient on header card */ .card.card--background_gradient .card__contentWrapper:before { content: ""; z-index: 1; display: block; background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(#000)); background-image: linear-gradient(rgba(0,0,0,0),#000); position: absolute; top: 50%; right: 0; bottom: 0; left: 0; pointer-events: none; } /* gradient on carousel */ .sliderCentered-item:before {top:50%;} /*fix carousel bug & make it more square on mobile*/ .frame-type-sitetud_carousel {overflow:hidden;} @media (max-width: 37.5em){ .sliderCentered-itemInner {padding-top:5rem;padding-bottom:5rem;} } /* Make header card padding equal to carousel padding */ #c1099644 .card__content, #c989686 .card__content {padding: 4.40625rem} /* Right padding of text in header card */ #c1099644 .card__content, #c989686 .card__content {padding-right:20rem;} /* Small Desktop Settings */ @media only screen and (max-width: 1600px) { #c988593 .grid-background--grey_light {padding-left: 2.5rem;padding-right: 2.5rem !important;} } /* Mobile Settings */ /* Fix margin on right of header text */ @media only screen and (max-width: 1023px) { #c988593 .grid-background--grey_light { margin-right: initial; } /* Right padding of text in header card */ #c1099644 .card__content, #c989686 .card__content {padding-right:4.40625rem;} /* WCAG adjustment for links in textblock */ .linepix {min-width: 24px; min-height: 24px;} /* WCAG adjustment for bulletstyle navigation */ .contrast .content-slider__bullet { width: 24px; height: 24px; margin: 1em 5px;} </style> </div>  </div> </main> <footer class="pageFooter"> <a class="js-back_to_top" href="#" title="back_to_top"> <div class="btn--icon i-arrow_down"></div> </a> <div class='container'> <div class='row'> <div class="md-6 lg-6 space"> <div id=c37508 class="t3ce frame-type-header "> <h2 class=" h1"> Technische Universiteit Delft </h2> </div> <div class="t3ce frame-type-sitetud_socialmedialinks "> <h3 class="text-hide">Dit is het social media blok</h3> <ul class="list-inline"> <li> <a href="https://www.facebook.com/tudelft" target="_blank" class="btn--icon i-facebook" rel="noreferrer"> <span class="text-hide"> facebook </span> </a> </li> <li> <a href="https://twitter.com/tudelft" target="_blank" class="btn--icon i-twitter" rel="noreferrer"> <span class="text-hide"> twitter </span> </a> </li> <li> <a href="https://www.instagram.com/tudelft/?hl=en" target="_blank" class="btn--icon i-instagram" rel="noreferrer"> <span class="text-hide"> instagram </span> </a> </li> <li> <a href="https://www.youtube.com/user/tudelft" target="_blank" class="btn--icon i-youtube" rel="noreferrer"> <span class="text-hide"> youtube </span> </a> </li> <li> <a href="https://www.linkedin.com/edu/delft-university-of-technology-15445" target="_blank" class="btn--icon i-linkedin" rel="noreferrer"> <span class="text-hide"> linkedin </span> </a> </li> <li> <a href="https://api.whatsapp.com/send?phone=3197010256278" target="_blank" class="btn--icon i-whatsapp hide-for-xxlarge" rel="noreferrer"> <span class="text-hide">whatsapp</span> </a> <a href="https://wa.me/+3197010256278" title="Open Whatsapp conversation" target="_blank" class="btn--icon i-whatsapp show-for-xxlarge" rel="noreferrer"> <span class="text-hide">whatsapp</span> </a> </li> </ul> </div> </div> <div class="md-6 lg-6"> <div class="row"> <div class="sm-6"> <div id=c18 class="t3ce frame-type-text "> <p>Postbus 5<br> 2600 AA Delft<br> <a href="/over-tu-delft/contact" title="Opens internal link in current window">Contact en bereikbaarheid</a></p> </div> </div> <div class="sm-6 right"> <div id=c19 class="t3ce frame-type-text "> <p><a href="/over-tu-delft/werken-bij-tu-delft">Vacatures</a><br> <a href="/over-tu-delft/voorleeshulp-browsealoud">Voorleeshulp: BrowseAloud</a><br> <a href="http://intranet.tudelft.nl/" target="_blank" rel="noreferrer">Intranet</a><br> <a href="/studenten" target="_blank">Studentenportal</a><br> <a href="/universiteitsfonds/help-mee">Doneer</a> <br> <a href="/disclaimer">Disclaimer</a><br> <a href="/privacy-security">Privacy & Security</a></p> </div> </div> </div> </div> </div> </div> </footer> <nav class="nav-bottom"> <div class="container no-spacing"> <a class="logo left" href="/"> <svg focusable="false" class="logo logo-tudelft--bottom" role="img"> <use xlink:href="#logo"></use> </svg> <span class="text-hide">Home van TU Delft</span> </a> <div class="nav-main left"> <a href="/cookiebeleid" title="Cookie-instellingen" class="cookieButton btn--icon"> <svg viewBox="14 13 36 44" class="cookieButton-icon"> <circle cx="35.709" cy="22.973" fill="currentColor" r="2"/> <circle cx="41.875" cy="29.417" fill="currentColor" r="2"/> <circle cx="31.709" cy="31.417" fill="currentColor" r="2"/> <circle cx="24.001" cy="37.25" fill="currentColor" r="2"/> <circle cx="32" cy="42.292" fill="currentColor" r="2"/> <circle cx="38.875" cy="37.25" fill="currentColor" r="2"/> <path d="M32 50c-9.925 0-18-8.075-18-18 0-.505.034-1.001.074-1.494a1 1 0 0 1 1.269-.882c3.594 1.016 7.107-1.47 7.578-4.963a1 1 0 0 1 .858-.857 5.948 5.948 0 0 0 3.438-1.705 5.958 5.958 0 0 0 1.756-4.241c0-.78-.15-1.542-.447-2.266a1.002 1.002 0 0 1 .776-1.369A17.78 17.78 0 0 1 32 14c9.925 0 18 8.075 18 18s-8.075 18-18 18zM16.002 31.795A14.01 14.01 0 0 0 16 32c0 8.822 7.178 16 16 16s16-7.178 16-16-7.178-16-16-16c-.396 0-.801.019-1.233.058a7.91 7.91 0 0 1 .206 1.799 7.941 7.941 0 0 1-2.342 5.656 7.914 7.914 0 0 1-3.86 2.143c-.899 3.891-4.672 6.653-8.769 6.139z" fill="currentColor"/> </svg> </a> <button class="button-reset btn--icon btn-contrast js-contrastChanger" title="Contrast-instellingen"> <span class="js-contrastChanger-label text-hide" data-highcontrasttext="Activeer hoog contrast" data-normalcontrasttext="Activeer normaal contrast"> Activeer hoog contrast </span> <svg role="presentation" class="icon-contrast"> <use xlink:href="/typo3conf/ext/tud_styling/Resources/Public/img/contrast-icon.svg#contrast-icon"></use> </svg> </button> <div id="__ba_panel" class="js-browse-aloud"> </div> </div> <div class="right"> <div class="nav-main"> <ul><li class="nav-main__mainitem" data-priority="0"><a href="/onderwijs">Studenten & Onderwijs</a><ul class="nav-main__submenu"><li><a href="/onderwijs/opleidingen">Opleidingen</a></li><li><a href="/onderwijs/toelating-en-aanmelding">Toelating en aanmelding</a></li><li><a href="/onderwijs/studievoorlichting">Studievoorlichting</a></li><li><a href="/studenten">Studentenportal</a></li><li><a href="/extension-school">Lifelong Learning</a></li></ul></li><li class="nav-main__mainitem" data-priority="0"><a href="/onderzoek">Onderzoek</a><ul class="nav-main__submenu"><li><a href="/onderzoek/maatschappelijke-uitdagingen">Maatschappelijke uitdagingen</a></li><li><a href="/onderzoek/faculteiten-en-instituten">Faculteiten en instituten</a></li><li><a href="/onderzoek/onderzoeksfaciliteiten">Onderzoeksfaciliteiten</a></li><li><a href="/onderwijs/opleidingen/phd">PhDs</a></li><li><a href="/stories">Stories</a></li></ul></li><li class="nav-main__mainitem" data-priority="0"><a href="/innovatie-impact">Innovatie & Impact</a><ul class="nav-main__submenu"><li><a href="/innovatie-impact/zakelijk-samenwerken">Zakelijk samenwerken</a></li><li><a href="/innovatie-impact/pioneering-tech">Pioneering Tech</a></li><li><a href="/innovatie-impact/project-cases">Project Cases</a></li><li><a href="/innovatie-impact/ondernemerschap">Starten met ondernemen</a></li></ul></li><li class="nav-main__mainitem" data-priority="0"><a href="/community">Community</a><ul class="nav-main__submenu"><li><a href="/community/campus-life">Campus Life</a></li><li><a href="/community/alumni">Alumni</a></li><li><a href="/over-tu-delft/agenda">Evenementen</a></li><li><a href="/community/sociale-veiligheid">Sociale veiligheid</a></li><li><a href="/sciencecentre">Science Centre</a></li></ul></li><li class="nav-main__mainitem" data-priority="0"><a href="/over-tu-delft">Over TU Delft</a><ul class="nav-main__submenu"><li><a href="/over-tu-delft/zoek-medewerkers">Zoek medewerkers</a></li><li><a href="/over-tu-delft/contact">Contact</a></li><li><a href="/over-tu-delft/actueel">Actueel</a></li><li><a href="/over-tu-delft/agenda">Agenda</a></li><li><a href="/library">Library</a></li><li><a href="/over-tu-delft/werken-bij-tu-delft">Vacatures</a></li><li><a href="/over-tu-delft/organisatie">Organisatie</a></li><li><a href="/over-tu-delft/strategie">Strategie</a></li><li><a href="/universiteitsfonds">Universiteitsfonds</a></li></ul></li></ul> <a href="/en/" title="Switch to the English language" class="btn--icon btn--languageSwitch" lang="en"> <div class="icon-languageSwitch icon-languageSwitch--nl"></div> </a> <button data-target=".nav-search" class="button-reset btn--icon i-search js-modal"> <span class="text-hide">Zoeken</span> </button> </div> </div> </div> </nav> <script> document.addEventListener('DOMContentLoaded', function() { function waitForElementToExist(selector) { return new Promise(resolve => { if (document.querySelector(selector)) { return resolve(document.querySelector(selector)); } const observer = new MutationObserver(() => { if (document.querySelector(selector)) { resolve(document.querySelector(selector)); observer.disconnect(); } }); observer.observe(document.body, { subtree: true, childList: true, }); }); } // Wacht tot het #__ba_panel element correct geladen is waitForElementToExist('#__ba_panel > .textDiv > .customText').then(element => { element.innerHTML = ` <svg role="img" aria-labelledby="reachdecktitle" style="width: 100%; height: 100%;"> <title id="reachdecktitle">Spreken - Luisteren met de ReachDeck-werkbalk</title> <use xlink:href="/typo3conf/ext/tud_styling/Resources/Public/img/browse-aloud.svg#browseAloud"></use> </svg> `; }); // Dit zorgt ervoor dat de ba-panel wordt toegevoegd aan de juiste locatie met een extra check window.addEventListener('DOMContentLoaded', function () { const hasNavTopSection = document.querySelector('.nav-top--section'); const rightNavMain = document.querySelector('.right .nav-main'); const leftNavMain = document.querySelector('.nav-main.left'); const baPanel = document.querySelector('#__ba_panel'); if (!baPanel) return; if (hasNavTopSection && rightNavMain) { rightNavMain.prepend(baPanel); } else if (leftNavMain) { leftNavMain.append(baPanel); } }); }); </script> <script src="/typo3conf/ext/site_tud/Resources/Public/JavaScript/dist.javascripts.c841a1eb1d.min.js" type="text/javascript"></script> <script> document.addEventListener('DOMContentLoaded', function () {var navItem = document.getElementById('nav-overlay__mainitem--1'), navSubItem = document.getElementById('nav-overlay__subitem--1');if (navItem !== null) {navItem.classList.add('is-active');}if (navSubItem !== null) {navSubItem.classList.add('nav-overlay__subitem--active');}}); </script> <style> .pageFooter { background-image: url(https://www.tudelft.nl/typo3conf/ext/tud_styling/Resources/Public/img/torch.svg); background-repeat:no-repeat; background-position: 15% 75%; background-size: 250%; background-blend-mode: overlay; } .card--no_image {background-blend-mode: overlay;} .flameStyle1 {background-position: 80% 40% !important; background-size: 370% !important;} .flameStyle2 {background-position: 30% 35% !important; background-size: 450% !important;} .flameStyle3 {background-position: 50% 50% !important; background-size: 400% !important;} .flameStyle4 {background-position: 60% 70% !important; background-size: 500% !important;} .flameStyle5 {background-position: 30% 80% !important; background-size: 330% !important;} </style> <script> var cards = document.querySelectorAll('.card--no_image'); var i; for(var i = 0; i<cards.length; i++) { switch (i % 5) { case 0: cards[i].className += " flameStyle1"; break; case 1: cards[i].className += " flameStyle2"; break; case 2: cards[i].className += " flameStyle3"; break; case 3: cards[i].className += " flameStyle4"; break; case 4: cards[i].className += " flameStyle5"; break; } } </script> <script> window.addEventListener('DOMContentLoaded', function () { document.querySelectorAll(".logo-tudelft--top")?.forEach (x=> x.setAttribute("aria-label", "TU Delft homepage")); // add aria-label to top logo document.querySelectorAll(".logo-tudelft--bottom")?.forEach (x=> x.setAttribute("aria-label", "TU Delft homepage")); //add aria-label to bottom logo // document.getElementsByClassName("button-reset btn--icon i-search js-modal")[0].setAttribute("aria-label", "Search, Zoeken"); // add aria-label to search icon // document.getElementsByClassName("button-reset btn--icon i-search js-modal")[1].setAttribute("aria-label", "Search, Zoeken"); // add aria-label to search icon document.querySelectorAll('[class*=video--popup]')?.forEach( x=> x.setAttribute("aria-label","Play video" + ", " + x.innerText)); // add 'play video' to every videoelement with additional video-title document.querySelector(".cookieNotice")?.setAttribute("role", "dialog"); // add region to cookiestatement document.querySelector(".cookieNotice")?.setAttribute("aria-label", "Cookie statement"); // add aria-label to cookiestatement document.querySelector(".pageFooter")?.setAttribute("role", "region"); // add region to footer document.querySelector(".pageFooter")?.setAttribute("aria-label", "Footer"); // add aria-label to footer // add tabindex=-1 to pagination (...) const dots = document.querySelectorAll('ul li a'); for (let i = 0; i < dots.length; i++) { if (dots[i].textContent === '...') { dots[i].setAttribute("tabindex", "-1"); } } // add buttontitle to carousel aria-label document.querySelectorAll('.slick-dots button')?.forEach(button => { button.setAttribute('aria-label', button.innerText + ', ' + button.getAttribute('aria-label')); }); // set photogallery ARIA to hidden // document.querySelectorAll('.photoGallerySlider .slick-dots')?.forEach(ul => { // ul.setAttribute("aria-hidden","true");}) // set ARIA label for next & previous buttons document.querySelectorAll(".slick-prev")?.forEach (x=> x.setAttribute("aria-label", "Vorige / Previous")); // add aria-label to top logo document.querySelectorAll(".slick-next")?.forEach (x=> x.setAttribute("aria-label", "Volgende / Next")); // add aria-label to top logo // add 'reference' to element id //document.querySelectorAll(".frame-type-shortcut [id]").forEach((element, index) => element.id += '-reference' + index); // header sliders WCAG document.querySelectorAll('.carousel')?.forEach( x=> x.setAttribute("role","region")); document.querySelectorAll('.carousel')?.forEach( x=> x.setAttribute("aria-label","Header carousel")); document.querySelectorAll(".menu.js-toggle")?.forEach ( x=> x.setAttribute("aria-label", "Menu")); // Set ARIA label of patty menu // wis alle filters aria labels/role var list = document.querySelector(".lookup-usedFilters"); if (list && list.childElementCount !== 0) { // It has at least one element as a child list.setAttribute("role", "list"); } else if (list && list.childElementCount === 0) { list.setAttribute("role", "none"); } // fix profilecard UL var profilecard = document.querySelectorAll(".profile__contactdata"); for (i = 0; i < profilecard.length; i++) { if (profilecard[i] && profilecard[i].childElementCount !== 0) { // It has at least one element as a child profilecard[i].setAttribute("role", "list"); } else if (profilecard[i] && profilecard[i].childElementCount === 0) { profilecard[i].setAttribute("role", "none"); }} // fix aside UL var navaside = document.querySelectorAll(".nav-aside ul"); for (i = 0; i < navaside.length; i++) { if (navaside[i] && navaside[i].childElementCount !== 0) { // It has at least one element as a child navaside[i].setAttribute("role", "list"); } else if (navaside[i] && navaside[i].childElementCount === 0) { navaside[i].setAttribute("role", "none"); }} // Set aria label for to top links // Todo: remove childnode <span class="hide">To top</span> document.querySelectorAll(".csc-linkToTop .uparrow").forEach(x => x.setAttribute("aria-label", "To top")); // Set tabindex of photo gallery slider to -1 document.querySelectorAll(".photoGalleryNavSlider-item").forEach(x => x.setAttribute("tabindex", -1)) document.querySelectorAll(".slick-slide").forEach(x => x.setAttribute("tabindex", -1)) // Remove empty header in carousel document.querySelectorAll(".frame-type-sitetud_carousel h3:empty").forEach(x => x.remove()) document.querySelectorAll(".frame-type-sitetud_carousel .slick-dots").forEach(x => x.style.marginTop = "3rem") // Empty H2 in Lookup results if screen reader header is not entered document.querySelectorAll("h2.show-for-sr:empty").forEach(x => x.remove()) // Empty H2 in Lookup results if agenda__month header is not entered document.querySelectorAll(".agenda .agenda__month:empty").forEach(x => x.remove()) document.querySelectorAll(".filters-column").forEach((el, index) => { let id = `formFieldId${index}` el.querySelector("select")?.setAttribute("aria-labelledby",id) el.querySelector("span")?.setAttribute("id",id) }) }, false); // Removing empty UL from nav //v1 // const navList = document.querySelector(".nav-main ul"); // if (navList && navList.children.length === 0) { // navList.setAttribute("aria-hidden", "true"); // } // v2 //const navList = document.querySelector(".nav-main ul"); //if (navList && navList.children.length === 0) { // navList.remove(); //} // v3 document.querySelectorAll("ul").forEach(ul => { if (ul.children.length === 0 && ul.attributes.length === 0) { ul.remove(); } }); // Adding .navigation class to .nav-top and .nav-bottom to fix ARIA conformance Do page sections with the same name serve the same purpose? document.querySelectorAll('nav.nav-top, nav.nav-bottom').forEach(nav => { nav.classList.add('navigation'); }); </script> <script> document.addEventListener('DOMContentLoaded', function() { // Zoek alle .video elementen const videoDivs = document.querySelectorAll('.video'); videoDivs.forEach(videoDiv => { // Alleen de .video divs die zichtbaar zijn, krijgen role="region" if (videoDiv.style.display !== 'none') { // Voeg role="region" toe als het nog niet aanwezig is if (!videoDiv.hasAttribute('role')) { videoDiv.setAttribute('role', 'region'); } // Zoek de iframe binnen elke .video div const iframe = videoDiv.querySelector('iframe'); // Controleer of de src van de iframe verwijst naar youtube-nocookie if (iframe && iframe.src.includes('youtube-nocookie.com')) { // Kopieer de aria-label van de div naar de title van het iframe let ariaLabel = videoDiv.getAttribute('aria-label'); // Scrub de ongewenste delen uit de aria-label string ariaLabel = ariaLabel.replace(/Tab om naar de videospeler te gaan van /, '') .replace(/Tab to enter video player of /, ''); // Stel de scrubbed aria-label in als de title van het iframe iframe.setAttribute('title', ariaLabel); } } }); }); </script> <script> document.addEventListener("DOMContentLoaded", function () { setTimeout(function () { const galleries = document.querySelectorAll('.photoGallerySlider ul'); galleries.forEach(gallery => { // Verwijder role="tablist" van de <ul> (slick voegt dit mogelijk toe) gallery.removeAttribute('role'); gallery.setAttribute('aria-live', 'polite'); const updateAriaAttributes = () => { setTimeout(() => { const listItems = gallery.querySelectorAll('li'); listItems.forEach(item => { // Controleer of het item actief is if (item.classList.contains('slick-active')) { item.setAttribute('aria-hidden', 'false'); item.setAttribute('aria-current', 'true'); item.setAttribute('role', 'status'); // Actieve krijgt role="status" } else { item.setAttribute('aria-hidden', 'true'); item.removeAttribute('aria-current'); item.setAttribute('role', 'status'); // Inactieve krijgen role="status" } }); }, 10); // Wacht even zodat Slick klaar is met het wijzigen }; // MutationObserver voor het verwijderen van role="tablist" op de UL const observer = new MutationObserver(() => { if (gallery.getAttribute('role') === 'tablist') { gallery.removeAttribute('role'); } }); observer.observe(gallery, { attributes: true }); // Direct uitvoeren bij laden updateAriaAttributes(); // Opnieuw uitvoeren na elke slide-wissel $(gallery).on('afterChange', function() { updateAriaAttributes(); }); }); }, 250); // Eerste vertraging voor DOM-load en initiële Slick-opmaak }); </script> <script> document.addEventListener('DOMContentLoaded', () => { // Verkrijg de taal van de pagina const lang = document.documentElement.lang; // Standaard tekst voor de knoppen let prevLabelText = 'Vorige'; // Voor 'slick-prev' let nextLabelText = 'Volgende'; // Voor 'slick-next' // Als de taal Engels (VS) is, stel dan 'Previous' en 'Next' in if (lang === 'en-US') { prevLabelText = 'Previous'; nextLabelText = 'Next'; } // Functie om aria-label aan te passen const updateAriaLabels = () => { // Pas aria-label voor de 'slick-prev' knoppen document.querySelectorAll('.gallery .slick-prev').forEach(button => { button.setAttribute('aria-label', prevLabelText); }); // Pas aria-label voor de 'slick-next' knoppen document.querySelectorAll('.gallery .slick-next').forEach(button => { button.setAttribute('aria-label', nextLabelText); }); }; // Initialiseer de MutationObserver om te luisteren naar veranderingen in de DOM const observer = new MutationObserver((mutationsList, observer) => { mutationsList.forEach(mutation => { if (mutation.type === 'childList') { updateAriaLabels(); // Controleer en update aria-label wanneer knoppen worden toegevoegd } }); }); // Start de observer op de .gallery container const gallery = document.querySelector('.gallery'); if (gallery) { observer.observe(gallery, { childList: true, subtree: true }); } // Pas aria-label toe voor knoppen die al bestaan bij de eerste laadtijd updateAriaLabels(); }); </script> <script> document.addEventListener("DOMContentLoaded", function () { // Functie om de accessibility van slides te updaten function updateSlideAccessibility() { document.querySelectorAll('.dynamicHeader-slide').forEach(slide => { const links = slide.querySelectorAll('a'); const hasLinks = links.length > 0; const isHidden = slide.getAttribute('aria-hidden') === 'true'; // Als er linkjes zijn, stel de tabindex in op basis van zichtbaarheid if (hasLinks) { links.forEach(link => { link.setAttribute('tabindex', isHidden ? '-1' : '0'); }); } else { // Laat afbeeldingen met alt="" met rust, tenzij ze expliciet verborgen moeten zijn slide.querySelectorAll('img').forEach(img => { if (isHidden) { img.setAttribute('aria-hidden', 'true'); // Alleen verbergen als de slide niet zichtbaar is } else { img.removeAttribute('aria-hidden'); // Laat de standaardgedrag van de afbeelding intact } }); } }); } // Voeg de juiste listeners toe voor Slick.js na de initiële opzet function attachSlickListeners() { document.querySelectorAll('.dynamicHeader.slick-slider').forEach(carousel => { if (!carousel.dataset.slickObserverAttached && $(carousel).hasClass('slick-initialized') && $(carousel).find('.slick-slide').length > 1) { $(carousel).on('afterChange', updateSlideAccessibility); carousel.dataset.slickObserverAttached = "true"; } }); } // Initialiseer accessibility en voeg listeners toe updateSlideAccessibility(); attachSlickListeners(); // MutationObserver om veranderingen in de slider te detecteren const observer = new MutationObserver(updateSlideAccessibility); document.querySelectorAll('.dynamicHeader').forEach(header => { observer.observe(header, { childList: true, subtree: true }); }); // Zoek de carouselcontainer met de class 'dynamicHeader' var dynamicHeader = document.querySelector('.dynamicHeader'); // Voeg role="banner" toe aan de carouselcontainer als het bestaat if (dynamicHeader) { dynamicHeader.setAttribute('role', 'banner'); } // Zoek alle slides met de class 'dynamicHeader-slide' var dynamicSlides = document.querySelectorAll('.dynamicHeader-slide'); // Voeg role="tabpanel" toe aan elke slide dynamicSlides.forEach(function(slide) { slide.setAttribute('role', 'tabpanel'); // Zoek de .dynamicHeader-slideBlocks binnen elke slide var slideBlocks = slide.querySelector('.dynamicHeader-slideBlocks'); // Voeg role="region" en aria-label toe aan de slideBlocks als ze bestaan if (slideBlocks) { slideBlocks.setAttribute('role', 'region'); slideBlocks.setAttribute('aria-label', 'Slide Content'); // Algemeen label } }); }); </script> <script> document.addEventListener("DOMContentLoaded", () => { // Functie om lege headings om te zetten naar <p> met corresponderende class function convertEmptyHeadings(selector) { document.querySelectorAll(selector).forEach(header => { if (!header.textContent.trim()) { const p = document.createElement("p"); p.className = header.tagName.toLowerCase(); p.innerHTML = header.innerHTML; // Behoud eventuele whitespace ( ) header.replaceWith(p); } }); } // Uitvoeren voor de verschillende contexten convertEmptyHeadings(".frame-type-text h1, .frame-type-text h2, .frame-type-text h3, .frame-type-text h4, .frame-type-text h5, .frame-type-text h6"); convertEmptyHeadings(".frame-type-header h1, .frame-type-header h2, .frame-type-header h3, .frame-type-header h4, .frame-type-header h5, .frame-type-header h6"); convertEmptyHeadings(".card__content h3"); convertEmptyHeadings(".notice h1, .notice h2, .notice h3, .notice h4, .notice h5, .notice h6"); convertEmptyHeadings(".box.bg-blue_dark h1, .box.bg-blue_dark h2, .box.bg-blue_dark h3, .box.bg-blue_dark h4, .box.bg-blue_dark h5, .box.bg-blue_dark h6"); convertEmptyHeadings(".frame-type-textpic h1, .frame-type-textpic h2, .frame-type-textpic h3, .frame-type-textpic h4, .frame-type-textpic h5, .frame-type-textpic h6"); convertEmptyHeadings(".image h1, .image h2, .image h3, .image h4, .image h5, .image h6"); convertEmptyHeadings(".peoplepages h3"); convertEmptyHeadings(".profileHeader-inner h2"); }); </script> <script> document.addEventListener("DOMContentLoaded", function () { // Selecteer de skiplinks const skiplinks = document.querySelectorAll(".skiplink"); if (skiplinks.length > 0) { // Maak een <nav> element aan const nav = document.createElement("nav"); nav.setAttribute("aria-label", "Skiplinks"); // Verplaats de skiplinks naar de <nav> skiplinks.forEach(link => { nav.appendChild(link); }); // Voeg de <nav> toe aan de body (op de juiste plek) document.body.insertBefore(nav, document.body.firstChild); } }); </script> <script> document.addEventListener("DOMContentLoaded", function () { const svgElement = document.querySelector(".magazine-navigation-logo"); if (svgElement) { // Voeg aria-label toe als het nog niet bestaat if (!svgElement.hasAttribute("aria-label")) { svgElement.setAttribute("aria-label", "E-magazine homepage"); } // Controleer of er al een <title> is, zo niet, voeg toe if (!svgElement.querySelector("title")) { const titleElement = document.createElementNS("http://www.w3.org/2000/svg", "title"); titleElement.textContent = "E-magazine homepage"; svgElement.prepend(titleElement); } } }); // Dit moet uiteindelijk de tekst van het magazine bevatten // </script> <script type="text/javascript"> if (window.require && window.$ && window.isLumesseApplyPage) { $.getScript('/typo3conf/ext/site_tud/Resources/Public/JavaScript/TalentLink.js') };</script> <script> document.addEventListener("DOMContentLoaded", () => { // Functie om de tekstinhoud van de knoppen te verwijderen const removeButtonText = (container) => { const buttons = container.querySelectorAll(".slick-dots button"); buttons.forEach((button) => { button.textContent = ""; // Verwijder de tekstinhoud }); }; // Check en observeer alleen binnen .sliderCentered const observeSlickDots = (container) => { const slickDots = container.querySelector(".slick-dots"); if (!slickDots) return; // MutationObserver instellen const observer = new MutationObserver(() => { removeButtonText(container); // Tekst opnieuw verwijderen bij veranderingen }); // Start observer observer.observe(slickDots, { childList: true, // Observeer toegevoegde/verwijderde knopen subtree: true, // Observeer alle child-elementen attributes: true, // Observeer wijzigingen in attributen }); // Initiale verwijderactie removeButtonText(container); }; // Zoek alle .sliderCentered-containers en start de observer per container document.querySelectorAll(".sliderCentered").forEach((slider) => { observeSlickDots(slider); }); // Fallback met vertraging voor late initiatie van Slick setTimeout(() => { document.querySelectorAll(".sliderCentered").forEach((slider) => { observeSlickDots(slider); }); }, 250); }); </script> <script> document.addEventListener("DOMContentLoaded", () => { const waitForLeafletContainer = () => { const leafletContainer = document.querySelector('.leaflet-container'); if (leafletContainer) { const updateMarkers = () => { document.querySelectorAll('.leaflet-pane.leaflet-marker-pane img.leaflet-marker-icon').forEach((markerIcon) => { const popupContent = markerIcon.closest('.leaflet-container').querySelector('.leaflet-popup-content p'); // Alt-tekst instellen op "Location" als basis let altText = "Location"; if (popupContent) { // Zoeken naar het eerste <strong> element in de popup const firstStrong = popupContent.querySelector('strong'); if (firstStrong) { altText += ' ' + firstStrong.textContent; } } // Stel het alt-attribuut altijd in, ook als er geen sterke tekst is markerIcon.setAttribute('alt', altText); // Maak een uniek ID voor de popup-content als het nog niet bestaat if (popupContent && !popupContent.id) { popupContent.id = `popup-${Math.random().toString(36).substr(2, 9)}`; } // Stel aria-labelledby in op de marker if (popupContent) { markerIcon.setAttribute('aria-labelledby', popupContent.id); } }); }; updateMarkers(); const observer = new MutationObserver(() => { updateMarkers(); }); observer.observe(leafletContainer, { childList: true, subtree: true }); } else { setTimeout(waitForLeafletContainer, 100); } }; waitForLeafletContainer(); }); </script> <script> document.addEventListener("DOMContentLoaded", function () { // Functie voor Scenario 1 (persoon met afbeelding, waar de link een foto bevat) function addAriaToProfileLinks() { let profileLinks = document.querySelectorAll('a.hoverableBlock-imageWrap'); profileLinks.forEach((link) => { // Zoek de afbeelding binnen de link let img = link.querySelector('img'); if (img) { // Haal de alt-tekst van de afbeelding op let altText = img.getAttribute('alt'); // Als er geen alt-tekst is, behandel het als een placeholder if (!altText || altText.trim() === "") { let href = link.getAttribute('href'); let labelText = "Profile link to " + href.split('?')[0].split('/').pop(); // Haal het laatste gedeelte van de URL link.setAttribute('aria-label', labelText); } else { // Als er een alt-tekst is, stel aria-labelledby in naar het id van de afbeelding img.setAttribute('id', 'image-' + Date.now()); // Geef een unieke ID link.setAttribute('aria-labelledby', img.id); } } else { // Als er geen afbeelding is, voeg dan aria-label toe gebaseerd op de href let href = link.getAttribute('href'); let labelText = "Profile link to " + href.split('?')[0].split('/').pop(); // Haal het laatste gedeelte van de URL link.setAttribute('aria-label', labelText); } }); } // Voeg aria-label of aria-labelledby toe voor Scenario 1 addAriaToProfileLinks(); }); </script> <script> document.addEventListener("DOMContentLoaded", function () { let imageDivs = document.querySelectorAll('.image'); let pageLanguage = document.documentElement.lang || 'en-US'; let linkPrefix = (pageLanguage === 'nl-NL') ? 'Link naar ' : 'Link to '; let enlargePrefix = (pageLanguage === 'nl-NL') ? 'Klik om afbeelding te vergroten: ' : 'Click to enlarge the image: '; imageDivs.forEach(function (imageDiv) { let link = imageDiv.querySelector('a[href]'); if (!link) return; // Als er geen link is, niets doen let img = link.querySelector('img'); let altText = img ? img.getAttribute('alt') : ''; let ariaText = link.classList.contains('image-enlarge') ? enlargePrefix + altText : linkPrefix + altText; link.setAttribute('aria-label', ariaText); }); }); </script> <style> .frame-type-text ul li a, .frame-type-sitetud_notification ul li a { display: contents; min-height: 28px; } .contenttable a {display: contents; min-height: 28px;} .nav-inpage {line-height:1.67rem;} </style> <script> document.addEventListener('DOMContentLoaded', function () { // Functie om aria-hidden en tabindex correct in te stellen function updateSliderAccessibility() { const slides = document.querySelectorAll('.photoGalleryNavSlider .photoGalleryNavSlider-item'); slides.forEach(slide => { const isCurrent = slide.classList.contains('slick-current'); const isActive = slide.classList.contains('slick-active'); const isCloned = slide.classList.contains('slick-cloned'); // Correcte tabindex en aria-hidden toepassen if (isCurrent) { slide.setAttribute('tabindex', '0'); slide.setAttribute('aria-hidden', 'false'); } else if (isActive) { slide.setAttribute('tabindex', '-1'); slide.setAttribute('aria-hidden', 'true'); } else if (isCloned) { slide.setAttribute('tabindex', '-1'); slide.setAttribute('aria-hidden', 'true'); } else { slide.setAttribute('tabindex', '-1'); slide.setAttribute('aria-hidden', 'true'); } // Voor picture-elementen, stel ook aria-hidden in const picture = slide.querySelector('picture'); if (picture) { picture.setAttribute('aria-hidden', slide.getAttribute('aria-hidden')); } }); } // MutationObserver om te reageren op veranderingen in de slider const observer = new MutationObserver(() => { updateSliderAccessibility(); }); // Start observeren van veranderingen in de slider const slider = document.querySelector('.photoGalleryNavSlider'); if (slider) { observer.observe(slider, { childList: true, // Observeer toevoegingen/verwijderingen van slides subtree: true, // Observeer ook onderliggende elementen }); } // Initialiseer de toegankelijkheid bij DOM-load updateSliderAccessibility(); }); </script> <script> document.addEventListener('DOMContentLoaded', function() { // Zoek alle tr's in de tabel const rows = document.querySelectorAll('tr'); rows.forEach(function(row, index) { // Controleer of de tr geen kinderen heeft met inhoud const hasContent = Array.from(row.children).some(function(cell) { // Kijk of een cellen tekst of ander inhoud heeft return cell.textContent.trim() !== "" || cell.innerHTML.trim() !== ""; }); // Als de rij geen inhoud heeft, markeer deze dan als aria-hidden if (!hasContent) { row.setAttribute('aria-hidden', 'true'); // Markeer de rij als verborgen } }); }); </script> <script> document.addEventListener("DOMContentLoaded", () => { const labels = { "nav-top": "Top navigation", "nav-bottom": "Bottom navigation", "breadcrumb": "Breadcrumb", "nav-tab": "Tab navigation", "nav-aside": "Side navigation", "nav-carousel": "Quick link navigation" }; Object.entries(labels).forEach(([className, label]) => { document.querySelectorAll(`nav.${className}`).forEach(nav => { nav.setAttribute("aria-label", label); }); }); }); </script> <script> document.addEventListener("DOMContentLoaded", () => { // Zoek naar alle .frame-type-lookup_results elementen document.querySelectorAll('.frame-type-lookup_results').forEach(frame => { // Zoek binnen de frame naar elke .row frame.querySelectorAll('.row').forEach(row => { // Controleer of er een aria-labelledby attribuut aanwezig is op de .row const ariaLabelledBy = row.getAttribute('aria-labelledby'); const srLabel = row.querySelector('.show-for-sr'); // Zoek naar de .show-for-sr binnen de .row const contentSlider = row.querySelector('.content-slider'); // Zoek naar de .content-slider binnen de .row // Controleer of alle condities voldaan zijn: if (ariaLabelledBy && srLabel && contentSlider) { // Verwijder aria-labelledby van de .row row.removeAttribute('aria-labelledby'); } }); }); }); </script> <script> document.addEventListener('DOMContentLoaded', function() { // Verwijdert aria-required van inputs binnen labels document.querySelectorAll('.powermail_field label input[aria-required="true"]').forEach(input => { input.removeAttribute('aria-required'); }); // Zorgt ervoor dat verborgen powermail-formuliervelden aria-hidden krijgen document.querySelectorAll('.powermail_form_uid[type="hidden"]').forEach(input => { input.setAttribute('aria-hidden', 'true'); }); }); </script> <script> document.addEventListener("DOMContentLoaded", function () { document.querySelectorAll('.card__contentWrapper').forEach((card, index) => { const video = card.querySelector('.card__video'); const title = card.querySelector('h3'); if (video) { if (title) { // Maak een uniek ID als die nog niet bestaat if (!title.id) { title.id = `card-title-${index}`; } // Koppel de video aan de titel via aria-labelledby video.setAttribute('aria-labelledby', title.id); } else { // Geen h3 gevonden, video is decoratief video.setAttribute('aria-hidden', 'true'); } } }); }); </script> <script> document.addEventListener('DOMContentLoaded', () => { const observer = new MutationObserver(() => { const carouselFrames = document.querySelectorAll('.frame-type-sitetud_carousel'); carouselFrames.forEach(frame => { // Zoek naar buttons die dieper genest zijn binnen de container const buttons = frame.querySelectorAll('button[data-role="none"]'); buttons.forEach(button => { const span = button.querySelector('span'); if (span) { const text = span.textContent.trim(); button.setAttribute('aria-label', text); // Stel aria-label in button.setAttribute('title', text); // Stel title in } }); }); // Stop de observer als alle relevante buttons zijn verwerkt const totalButtons = document.querySelectorAll('.frame-type-sitetud_carousel button[data-role="none"]').length; if (totalButtons > 0) { observer.disconnect(); } }); // Start observer op de hele body observer.observe(document.body, { childList: true, subtree: true }); }); </script> </body> </html>

CINXE.COM

TU Delft | Technische Universiteit Delft | Challenge. Change. Impact!