# 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`](https://www.telerik.com/kendo-react-ui/components/labels/api/floatinglabelprops#id) property of the FloatingLabel
* `aria-labelledby` attribute of the nested editor (KendoReact components provide it as `ariaLabelledBy` property)

[Demo Source](https://demos.telerik.com/kendo-react-ui/labels/floatinglabel/custom/func/source.txt)

## Suggested Links

* [Learn about KendoReact Free.](https://www.telerik.com/kendo-react-ui/components/getting-started/free-vs-premium)

- [API Reference of the FloatingLabel Component](https://www.telerik.com/kendo-react-ui/components/labels/api/floatinglabelprops)
