J.4.7 Hierarchical Labels in Content Controls

J.4.7 Hierarchical Labels in Content Controls

It is often the case that content controls, for example, are used together such that they create hierarchical relationships. Labels can, and should be used, to clarify exactly what the intent is for each content control.

Consider the following collection of content controls:

Sender:

Home Address:

Address 1:

1 Cherry Lane

<w:p>
  <w:sdt>
    <w:sdtPr>
      <w:id w:val="55303308"/>
      <w:text/>
    </w:sdtPr>
    <w:sdtContent>
      <w:r>
        <w:t>Sender</w:t>
      </w:r>
    </w:sdtContent>
  </w:sdt>
  <w:r>
    <w:t>:</w:t>
  </w:r>
</w:p>
<w:p>
  <w:sdt>
    <w:sdtPr>
      <w:id w:val="55303309"/>
      <w:text/>
    </w:sdtPr>
    <w:sdtContent>
      <w:r>
        <w:t>Home Address</w:t>
      </w:r>
    </w:sdtContent>
  </w:sdt>
  <w:r>
    <w:t>:</w:t>
  </w:r>
</w:p>
<w:p>
  <w:r>
    <w:tab/>
  </w:r>
  <w:sdt>
    <w:sdtPr>
      <w:id w:val="55303310"/>
      <w:text/>
    </w:sdtPr>
    <w:sdtContent>
      <w:r>
        <w:t>Address 1</w:t>
      </w:r>
    </w:sdtContent>
  </w:sdt>
  <w:r>
    <w:t>:</w:t>
  </w:r>
  <w:r>
    <w:tab/>
  </w:r>
  <w:sdt>
    <w:sdtPr>
      <w:id w:val="55303307"/>
      <w:label w:val="55303308"/>
      <w:label w:val="55303309"/>
      <w:label w:val="55303310"/>
    </w:sdtPr>
    <w:sdtContent>
      <w:r>
        <w:t>1 Cherry Lane</w:t>
      </w:r>
    </w:sdtContent>
  </w:sdt>
</w:p>

In this example there are three controls: one for the sender, one for home address and one for the first line of the address. The labels are nested, from most generic to most specific.

Last updated on