DSO Component Library

# Footer

WIP

- HTML
- View
- Context
- Info
- Notes
- WCAG

`

    <footer>
        <div class="row">
            <div class="col-sm-6 col-md-3">
                <h2>Service</h2>
                <ul>
                    <li><a href="#">Contact</a></li>
                    <li><a href="#">Sitemap</a></li>
                    <li><a href="#">Help</a></li>
                </ul>
            </div>
            <div class="col-sm-6 col-md-3">
                <h2>Over deze site</h2>
                <ul>
                    <li><a href="#">Copyright</a></li>
                    <li><a href="#">Privacy</a></li>
                    <li><a href="#">Cookies</a></li>
                    <li><a href="#">Toegankelijkheid</a></li>
                </ul>
            </div>
            <div class="col-sm-6 col-md-3">
                <h2>Volg ons ook op</h2>
                <ul>
                    <li><a href="#">Twitter</a></li>
                    <li><a href="#">LinkedIn</a></li>
                </ul>
            </div>
        </div>
    </footer>

`
`

    <footer>
      <div class="row">
        {{#each columns }}
          <div class="col-sm-6 col-md-3">
            <h2>{{ label }}</h2>
            <ul>
              {{#each items }}
                <li><a href="#">{{ this }}</a></li>
              {{/each}}
            </ul>
          </div>
        {{/each}}
      </div>
    </footer>

`
`

    columns:
      - label: Service
        items:
          - Contact
          - Sitemap
          - Help
      - label: Over deze site
        items:
          - Copyright
          - Privacy
          - Cookies
          - Toegankelijkheid
      - label: Volg ons ook op
        items:
          - Twitter
          - LinkedIn

`

- Handle: @footer
- Preview:
  - With layout
  - Component only
- Filesystem Path: components\06-examples\footer.hbs
- Referenced by (3): @aanvragen, @checken, @full-width

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="#">Contact</a>`