Label

Using label elements to associate text labels with form controls

A label is an explicit association of a label text with a form control. It provides assistance to all users who need help understanding the purpose of a form field and is required to fulfill WCAG success criteria. ( 1.1.1, 1.3.1 and 4.1.2 ) Digiforms Server renders the control as a composite with the control as a child element, there is no need to add further associations like label-for id. This technique is sufficient for Success Criteria 1.1.1, 1.3.1 and 4.1.2 whether or not the label element is visible. That is, it may be hidden using CSS. However, for Success Criterion 3.3.2, the label element must be visible since it provides assistance to all users who need help understanding the purpose of the field. An additional benefit of using labels; is a larger clickable area for the control, since clicking on the label or the control will activate the control. This can be helpful for users with impaired motor control.

Override style using CSS

To allow fine-grained control over HTML output, please note the following default classes that will be associated with the label components: