DSO Component Library

Form Field Info Button: Default 

<button type="button" class="btn dso-field-info-button">
    <span class="sr-only">
        Toelichting
    </span>
</button>
 
<button type="button" class="btn dso-field-info-button{{#if infoOpen }} dso-open{{/if}}">
  <span class="sr-only">
    Toelichting
  </span>
</button>
 
/* No context defined for this component. */

Een knopje achter het formlabel. En een button achter de label-tekst. De class .dso-info-open (bij getoonde toelichting) maakt de button groen.

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.

<span class="sr-only"> Toelichting </span>

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

Check that the title element describes the document.

<title>Form Field Info Button

NOTICE: WCAG2AA.Principle3.Guideline3_2.3_2_1.G107

Check that a change of context does not occur when this input field receives focus.

<button type="button" class="btn dso-field-info-button"> <span class="sr-only"> Toelichting </span> </button>