DSO Component Library

Footer 

<footer>
    <div class="row">
        <div class="col-xs-12 col-sm-6 col-md-3">
            <h2>Service</h2>
            <ul>
                <li>Contact</li>
                <li>Sitemap</li>
                <li>Help</li>
            </ul>
        </div>
        <div class="col-xs-12 col-sm-6 col-md-3">
            <h2>Over deze site</h2>
            <ul>
                <li>Copyright</li>
                <li>Privacy</li>
                <li>Cookies</li>
                <li>Toegankelijkheid</li>
            </ul>
            <h2>Volg ons ook op</h2>
            <ul>
                <li>Twitter</li>
                <li>LinkedIn</li>
            </ul>
        </div>
        <div class="col-xs-12 col-md-6">
            <h2>Wat is het Omgevingsloket</h2>
            <p>In het Omgevingsloket kan iedere burger van Nederland omgevingsdocumenten opvragen en inzien, checken of men een vergunning nodig heeft voor de werkzaamheid die men van plan is, en deze vergunningaanvraag opstellen en indienen. Daarna kunnen
                de ambtenaren van de overheden die hiervoor verantwoordelijk zijn, samen aan de behandeling van de aanvraag werken.</p>
            <a href="#">Lees meer over het Omgevingsloket</a>
        </div>
    </div>
</footer>
 
<footer>
  <div class="row">
    <div class="col-xs-12 col-sm-6 col-md-3">
      <h2>Service</h2>
      {{> '@lists' list1 }}
    </div>
    <div class="col-xs-12 col-sm-6 col-md-3">
      <h2>Over deze site</h2>
      {{> '@lists' list2 }}
      <h2>Volg ons ook op</h2>
      {{> '@lists' list3 }}
    </div>
    <div class="col-xs-12 col-md-6">
      <h2>Wat is het Omgevingsloket</h2>
      <p>In het Omgevingsloket kan iedere burger van Nederland omgevingsdocumenten opvragen en inzien, checken of men een vergunning nodig heeft voor de werkzaamheid die men van plan is, en deze vergunningaanvraag opstellen en indienen. Daarna kunnen de ambtenaren van de overheden die hiervoor verantwoordelijk zijn, samen aan de behandeling van de aanvraag werken.</p>
      <a href="#">Lees meer over het Omgevingsloket</a>
    </div>
  </div>
</footer>
 
list1:
  items:
    - Contact
    - Sitemap
    - Help
list2:
  items:
    - Copyright
    - Privacy
    - Cookies
    - Toegankelijkheid
list3:
  items:
    - Twitter
    - LinkedIn

There are no notes for this item.

WARNING: WCAG2AA.Principle1.Guideline1_3.1_3_1_A.G141

The heading structure is not logically nested. This h2 element appears to be the primary document heading, so should be an h1 element.

<h2>Service</h2>

WARNING: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage

This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.

<h2>Service</h2>

NOTICE: WCAG2AA.Principle2.Guideline2_4.2_4_2.H25.2

Check that the title element describes the document.

<title>Default

NOTICE: WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81

Check that the link text combined with programmatically determined link context identifies the purpose of the link.

<a href="#">Lees meer over het Omgevingsloket</a>