DSO Component Library

# Highlight Box

Ready

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

`

    <div class="highlight-box">
        <h3>Toelichting: Vergunningvrij onder voorbehoud</h3>
        <p>Het Informatiehuis Bouw kent, op basis van de huidige gebruikerswensen, vier Informatieproducten, namelijk het Opleverdossier, de Bouwregelgeving, de Vergunningvrije bouwwerken en een Digitaliseringshulp.</p>
        <p>Het Opleverdossier (zie voor een nadere omschrijving van de informatieproducten de volgende paragrafen) is de, door gebruikers gewenste, centrale registratie waarin alle informatie over een bouwwerk is opgenomen. Het gaat hierbij om de tekeningen,
            berekeningen en de resultaten van de kwaliteitsborging (zoals toetsen en inspecties).</p>
        <p>De Bouwregelgeving is een database met alle bouwregelgeving in Nederland, die op zodanige wijze moet zijn ingericht en ontsloten dat die voldoet aan de eisen van de Omgevingswet (3B’s), en daarmee bruikbaar is in de ontwerp- en toetsingsfase van ieder
            bouwwerk.</p>
        <p>Het derde informatieproduct zijn de Vergunningvrije bouwwerken, hierin zijn opgenomen de (bekende) bouwwerken die vergunningvrij, maar niet regelvrij, zijn gerealiseerd. Het vierde en vooralsnog laatste informatieproduct is de Digitaliseringshulp,
            een service voor het centraal en gestandaardiseerd digitaliseren van documenten.</p>

    </div>

`
`

    {{#highlightBox}}
      <h3>Toelichting: Vergunningvrij onder voorbehoud</h3>
      <p>Het Informatiehuis Bouw kent, op basis van de huidige gebruikerswensen, vier Informatieproducten, namelijk het Opleverdossier, de Bouwregelgeving, de Vergunningvrije bouwwerken en een Digitaliseringshulp.</p>
      <p>Het Opleverdossier (zie voor een nadere omschrijving van de informatieproducten de volgende paragrafen) is de, door gebruikers gewenste, centrale registratie waarin alle informatie over een bouwwerk is opgenomen. Het gaat hierbij om de tekeningen, berekeningen en de resultaten van de kwaliteitsborging (zoals toetsen en inspecties).</p>
      <p>De Bouwregelgeving is een database met alle bouwregelgeving in Nederland, die op zodanige wijze moet zijn ingericht en ontsloten dat die voldoet aan de eisen van de Omgevingswet (3B’s), en daarmee bruikbaar is in de ontwerp- en toetsingsfase van ieder bouwwerk.</p>
      <p>Het derde informatieproduct zijn de Vergunningvrije bouwwerken, hierin zijn opgenomen de (bekende) bouwwerken die vergunningvrij, maar niet regelvrij, zijn gerealiseerd. Het vierde en vooralsnog laatste informatieproduct is de Digitaliseringshulp, een service voor het centraal en gestandaardiseerd digitaliseren van documenten.</p>
    {{/highlightBox}}

`
`

    /* No context defined for this component. */

`
File:

- Content:
  `

      // Notes:
      // ------
      // * Each change to this file needs a restart of the fractal instance
      // * Exported methods are merged as helpers in fractal.js

      module.exports = {
        highlightBox(options) {
          return `
            <div class="highlight-box">
              ${options.fn(this)}
            </div>
          `.trim();
        }
      };

  `
- URL: /components/raw/highlight-box/highlight-box.js
- Filesystem Path: components\02-content\highlight-box\highlight-box.js
- Size: 317 Bytes

- Handle: @highlight-box
- Preview:
  - With layout
  - Component only
- Filesystem Path: components\02-content\highlight-box\highlight-box.hbs
- Referenced by (1): @checken

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 h3 element appears to be the primary document heading, so should be an h1 element.

`<h3>Toelichting: Vergunningvrij onder voorbehoud</h3>`

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

`<h3>Toelichting: Vergunningvrij onder voorbehoud</h3>`

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

Check that the title element describes the document.

`<title>Default`