Principe 4: Robuust
7.6 Header
De header die boven elke pagina gebruikt wordt.
<header class="c-header js-header">
<div class="c-header__top">
<div id="node-907" role="alert" class="node node-crisis-banner notification node-crisis-node-crisis-banner-full crisis c-crisis--notification clearfix" about="/waar-kan-ik-terecht-met-vragen-over-het-coronavirus" typeof="sioc:Item
foaf:Document" style="display: none;">
<span property="dc:title" content="Waar kan ik terecht met vragen over het Coronavirus?" class="rdf-meta element-hidden"></span>
<div class="c-crisis__content content">
<span class="c-crisis__icon ion-android-alert" aria-hidden="true"></span>
<div class="field field-name-field-body field-type-text-long field-label-hidden"><div class="field-items"><div
class="field-item even"><p>Vanwege de corona-maatregelen werken wij uitsluitend op afspraak (dit geldt niet voor de milieustraat ). U kunt alleen telefonisch een afspraak inplannen via 0592-266662. Wij hebben <a
href="/coronavirus">een overzichtspagina</a> ingericht op onze website met berichtgeving over corona en de geldende maatregelen.</p>
</div></div></div><ul class="links inline"><li class="close first last active"><a href="/home#close" class="banner-close-button active" aria-label="Close this banner" role="class="banner-close-button"
tabindex="0">Sluiten</a></li>
</ul> <button class="c-crisis__close banner-close-button"
type="button" role="button" aria-label="Close crisis banner">
<span class="ion-close" aria-hidden="true"></span>
</button>
</div>
</div>
</div>
<div class="c-header__content o-container o-container--wide o-layout o-layout--space:small">
<a href="/" class="c-logo">
<img src="/sites/all/themes/tynaarlo/images/
logo.svg" alt="Logo Tynaarlo, naar homepage" class="c-logo__image">
</a>
<nav id="menu-main" class="c-menu-main js-menu-main" aria-labelledby="menu-main-heading">
<h2 id="menu-main-heading" class="c-menu-main__title">Hoofdmenu</h2>
<div class="c-menu-main__container js-menu-main__container">
<div class="c-menu-main__container-inner">
<div id="block-system-main-menu" class="c-menu-main__block">
<ul class="menu-main__list"><li class="first last leaf c-menu-main__item js-c-menu-main__item "><a href="/contact-en-openingstijden" class="c-menu-main__link">Contact en
openingstijden<i class="c-menu-main__arrow ion-chevron-right" aria-hidden="true"></i></a></li></ul></div>
<div id="block-menu-menu-tasks" class="c-menu-main__block">
<ul class="c-menu-main__list">
<li class="c-menu-main__item js-menu-main__item">
<button role="button"
class="c-menu-main__link">Onderwerpen<span class="c-menu-main__arrow ion-chevron-down" aria-hidden="true"></span></button>
<div class="c-menu-main__sub">
<div class="c-menu-main__sub-inner">
<div class="c-menu-main__sub-content">
<div class="c-menu-tasks c-menu-tasks--in-main">
<h3>Onderwerpen</h3>
<ul class="c-menu-tasks__list"><li class="first collapsed c-menu-tasks__item
js-menu-tasks__item "><a href="/afval-en-milieu" class="c-menu-tasks__link">Afval en milieu<i class="c-menu-tasks__arrow ion-chevron-right" aria-hidden="true"></i></a></li><li class="leaf c-menu-tasks__item js-menu-tasks__item "><a href="/belastingen" class="c-menu-tasks__link">Belastingen<i class="c-menu-tasks__arrow ion-chevron-right"
aria-hidden="true"></i></a></li><li class="collapsed c-menu-tasks__item js-menu-c-menu-tasks__item "><a href="/besluiten-en-bekendmakingen" class="c-menu-tasks__link">Besluiten en bekendmakingen<i class="c-menu-tasks__arrow ion-chevron-right" aria-hidden="true"></i></a></li><li class="collapsed c-menu-tasks__item js-menu-tasks__item "><a href="/bestuur-en-organisatie" class="c-menu-tasks__link">Bestuur en
organisatie<i class="c-menu-tasks__arrow ion-chevron-right"
aria-hidden="true"></i></a></li><li class="collapsed c-menu-tasks__item js-menu-c-menu-tasks__item "><a
href="/bouwen-en-wonen" menu-tasks__link">Bouwen en wonen<i class="c-menu-tasks__arrow ion-chevron-right"
aria-hidden="true"></i></a></li><li class="collapsed c-menu-tasks__item js-menu-c-menu-tasks__item "><a
href="/samen-werken-zuidlaren" class="c-menu-tasks__link">Centrumontwikkeling Zuidlaren<i class="c-menu-tasks__arrow ion-chevron-right"
aria-hidden="true"></i></a></li><li class="collapsed c-menu-tasks__item js-menu-c-menu-tasks__item "><a href="/coronavirus"
tasks__link">Coronavirus<i class="c-menu-tasks__arrow ion-chevron-right"
aria-hidden="true"></i></a></li><li class="collapsed c-menu-tasks__item js-menu-c-menu-tasks__item "><a href="/cultuur"
tasks__link">Cultuur<i class="c-menu-tasks__arrow ion-chevron-right"
aria-hidden="true"></i></a></li><li class="collapsed c-menu-tasks__item js-menu-c-menu-tasks__item "><a href="/duurzaamheid"
tasks__link">Duurzaamheid<i class="c-menu-tasks__arrow ion-chevron-right"
aria-hidden="true"></i></a></li><li class="collapsed c-menu-tasks__item js-menu-c-menu-tasks__item "><a href="/geboorte-en-overlijden" class="c-menu-tasks__link">Geboorte en
overlijden<i class="c-menu-tasks__arrow ion-chevron-right"
aria-hidden="true"></i></a></li><li class="collapsed c-menu-tasks__item js-menu-c-menu-tasks__item "><a href="/melden-aan-de-gemeente" class="c-menu-tasks__link">Melden aan de
gemeente<i class="c-menu-tasks__arrow ion-chevron-right"
aria-hidden="true"></i></a></li><li class="collapsed c-menu-tasks__item js-menu-c-menu-tasks__item "><a href="/ondernemen"
tasks__link">Ondernemen<i class="c-menu-tasks__arrow ion-chevron-right"
aria-hidden="true"></i></a></li><li class="collapsed c-menu-tasks__item js-menu-c-menu-tasks__item "><a href="/onderwijs"
tasks__link">Onderwijs<i class="c-menu-tasks__arrow ion-chevron-right"
aria-hidden="true"></i></a></li><li class="collapsed
c-menu-tasks__item js-menu-c-menu-tasks__item "><a href="/paspoort-id-rijbewijs" class="c-menu-tasks__link">Paspoort, ID-kaart, Rijbewijs<i class="c-menu-tasks__arrow ion-chevron-right"
aria-hidden="true"></i></a></li><li class="collapsed c-menu-tasks__item js-menu-c-menu-tasks__item "><a href="/platteland-en-leefbaarheid" class="c-menu-tasks__link">Platteland en
leefbaarheid<i class="c-menu-tasks__arrow ion-chevron-right"
aria-hidden="true"></i></a></li><li class="collapsed c-menu-tasks__item js-menu-c-menu-tasks__item "><a href="/recreatie-en-toerisme" class="c-menu-tasks__link">Recreatie en toerisme<i class="c-menu-tasks__arrow ion-chevron-right"
aria-hidden="true"></i></a></li><li class="collapsed
c-menu-tasks__item js-menu-c-menu-tasks__item "><a href="/sport" class="c-menu-tasks__link">Sport<i class="c-menu-tasks__arrow c-menu-tasks__item js-menu-c-menu-tasks__item "><a href="/trouwen-en-partnerschap" class="c-menu-tasks__link">Trouwen en
partnerschap<i class="c-menu-tasks__arrow ion-chevron-right"
aria-hidden="true"></i></a></li><li class="collapsed c-menu-tasks__item js-menu-c-menu-tasks__item "><a href="/uittreksels-en-verklaringen" class="c-menu-tasks__link">Uittreksels en
verklaringen<i class="c-menu-tasks__arrow ion-chevron-right"
aria-hidden="true"></i></a></li><li class="collapsed c-menu-tasks__item js-menu-c-menu-tasks__item "><a href="/veiligheid"
tasks__link">Veiligheid<i class="c-menu-tasks__arrow ion-chevron-right"
aria-hidden="true"></i></a></li><li class="collapsed c-menu-tasks__item js-menu-c-menu-tasks__item "><a href="/vergunningen"
tasks__link">Vergunningen<i class="c-menu-tasks__arrow ion-chevron-right"
aria-hidden="true"></i></a></li><li class="collapsed c-menu-tasks__item js-menu-c-menu-tasks__item "><a href="/verhuizen"
tasks__link">Verhuizen<i class="c-menu-tasks__arrow ion-chevron-right"
aria-hidden="true"></i></a></li><li class="collapsed c-menu-tasks__item js-menu-c-menu-tasks__item "><a href="/verkeer-en-vervoer" class="c-menu-tasks__link">Verkeer en vervoer<i class="c-menu-tasks__arrow ion-chevron-right"
aria-hidden="true"></i></a></li><li class="collapsed c-menu-tasks__item js-menu-c-menu-tasks__item "><a href="/verkiezingen"
tasks__link">Verkiezingen<i class="c-menu-tasks__arrow ion-chevron-right"
aria-hidden="true"></i></a></li><li class="collapsed
c-menu-tasks__item js-menu-c-menu-tasks__item "><a href="/werk-inkomen-en-bijstand" class="c-menu-tasks__link">Werk, inkomen en
bijstand<i class="c-menu-tasks__arrow ion-chevron-right"
aria-hidden="true"></i></a></li><li class="collapsed c-menu-tasks__item js-menu-c-menu-tasks__item "><a
href="/zorg-en-ondersteuning" class="c-menu-tasks__link">Zorg en
ondersteuning<i class="c-menu-tasks__arrow ion-chevron-right" aria-hidden="true"></i></a></li><li class="last collapsed c-menu-tasks__item js-menu-tasks__item "><a href="/zuidlaardermarkt-op-20-oktober-afgelast" class="c-menu-tasks__link">Zuidlaardermarkt en Voorjaarsmarkt<i class="c-menu-tasks__arrow ion-chevron-right" aria-hidden="true"></i></a></li></ul> </div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div id="block-menu-menu-search" class="block block-menu c-menu-main__block u-show@min-medium">
<ul class="c-menu-main__list">
<li class="c-menu-main__item js-menu-main__item">
<button class="c-menu-main__link c-seach-toggler js-search-toggler" data-search="#search-header"
expanded="false" controls="search-header" aria-label="Zoeken in de website">
<span class="c-icon c-icon--large ion-ios-search-strong" aria-hidden="true"></span>
</button>
</li>
</ul>
</div>
<div id="block-menu-menu-english" class="block block-menu c-menu-main__block">
<ul class="menu-main__list"><li class="first last leaf c-menu-main__item js-c-menu-main__item "><a href="/english"
main__link">English<i
aria-expanded="false">
<span class="c-menu-toggler__title">
<span>Menu</span>
<span>Sluiten</span>
</span>
<span class="c-menu-toggler__hambuger">
<span><span>-</span></span>
<span><span>-</span></span>
<span><span>-</span></span>
</span>
</button>
<button class="c-button c-button--light c-menu-main__search c-search-toggler js-search-toggler" data-search="#search-header" expanded="false"
aria-controls="search-header" aria-label="Zoeken in de website">
<span class="c-icon c-icon--large ion-ios-search-strong" aria-hidden="true"></span>
</button>
</nav>
<div id="search-header" class="block block-views c-search js-search c-js-search--header">
<div class="c-search__content">
<form novalidate="novalidate" action="/zoekresultaten"
method="get" id="views-exposed-form-search-barform-evGufRaM7VooQuyMwoseT8OqRiKuO4aS64ALZvzNm98" accept-charset="UTF-8" autocomplete="off"><div><div class="c-search__control">
<label class="c-search__label" for="edit-search-bar">Zoeken</label>
<input type="search" autocomplete="off" id="edit-search-bar" name="search" value="" autocomplete="list" aria-controls="edit-search-bar-autocomplete">
<button type="submit" class="search__button
c-search__button--icon" aria-label="Zoeken"><span class="c-icon ion-ios-search-strong"
aria-hidden="true"></span></button>
<button type="submit" class="search__button button c-button--primary">Zoeken</button>
<div id="edit-search-bar-autocomplete" class="c-search-autocomplete js-search-class="c-search-autocomplete u-hide">
<div class="c-search-autocomplete__results"></div>
<div class="c-search-autocomplete__empty">
<div class="c-search-autocomplete__body">
<h3 class="u-spacing-mt--collapse u-spacing-mb--tiny">Meest gezocht</h3>
<a href="/paspoort-id-kaart-rijbewijs/
rijbewijs">Rijbewijs</a><br>
<a href="/afval-en-milieu/
milieupas">Milieupas</a><br>
<a
href="/contact-en-openingstijden">Contact en openingstijden</a><br>
</div>
</div>
</div>
</div></div></form> </div>
</div>
<div class="u-clearfix"></div>
</div>
</header>
8 Organisatie
Dit onderzoek is in opdracht van Gemeente Tynaarlo uitgevoerd door Firm Ground.