DSO Toolkit | Component Library

Definition List: Accessibility 

<dl>
    <dt>Thema:</dt>
    <dd>Wonen</dd>
    <dd>Werken</dd>
    <dt>Regelkwalificatie:</dt>
    <dd>Instructieregels</dd>
    <dt>Onderwerp:</dt>
    <dd>Bedrijventerrein</dd>
    <dt>Functie:</dt>
    <dd>Bedrijventerrein &gt; Bedrijventerrein</dd>
    <dt>Type regel:</dt>
    <dd>Bindend voor bestuursorganen</dd>
    <dt>Normadressaat:</dt>
    <dd>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    </dd>
    <dt>Pneumonoultramicroscopicsilicovolcanoconiosis:</dt>
    <dd>
        <p>Een factitious (quasi-fictieve) vorm van pneumoconiose (stoflongen), veroorzaakt door het inademen van microscopisch kleine silicadeeltjes uit vulkanen.</p>
    </dd>
</dl>
 
<dl{{{ifattr ' class' modifier }}}>
  {{#each definitions }}
    <dt>{{ term }}</dt>
    {{#each descriptions }}
      <dd>{{ description }}</dd>
    {{/each }}
    {{#if longread }}
      <dd>
        {{#each longread }}
          <p>{{ paragraph }}</p>
        {{/each }}
      </dd>
    {{/if }}
  {{/each}}
</dl>
 
__title: Gedrag en accessibility
__explanation: >-
  Bij het gebruik van de definition list gebruik dan altijd een dubbele punt
  <code>:</code> achter de termen. Dit helpt gebruikers van screenreaders termen
  en definities makkelijker te relateren aan elkaar. Zie voorbeelden voor de
  implementatie.
definitions:
  - term: 'Thema:'
    descriptions:
      - description: Wonen
      - description: Werken
  - term: 'Regelkwalificatie:'
    descriptions:
      - description: Instructieregels
  - term: 'Onderwerp:'
    descriptions:
      - description: Bedrijventerrein
  - term: 'Functie:'
    descriptions:
      - description: Bedrijventerrein > Bedrijventerrein
  - term: 'Type regel:'
    descriptions:
      - description: Bindend voor bestuursorganen
  - term: 'Normadressaat:'
    longread:
      - paragraph: >-
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
          eiusmod tempor incididunt ut labore et dolore magna aliqua.
      - paragraph: >-
          Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
          nisi ut aliquip ex ea commodo consequat.
  - term: 'Pneumonoultramicroscopicsilicovolcanoconiosis:'
    longread:
      - paragraph: >-
          Een factitious (quasi-fictieve) vorm van pneumoconiose (stoflongen),
          veroorzaakt door het inademen van microscopisch kleine silicadeeltjes
          uit vulkanen.

There are no notes for this item.