Labelling Components Without Form Element

By default the wrapped element is associated with the label element only if it's a form element (e.g.: input, select element). Custom components that do not contain form element (e.g.: KendoReact DropDownList) would require setting additional properties to allow screen readers to correcly read the label. These properties are:

  • id property of the FloatingLabel
  • aria-labelledby attribute of the nested editor (KendoReact components provide it as ariaLabelledBy property)
Example
View Source
Change Theme:

In this article

Not finding the help you need?