# Labelling components without form element

By default the target editor 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/labelprops#id) property of the Label
* `aria-labelledby` attribute of the editor (KendoReact components provide it as `ariaLabelledBy` property)

Additionally you can forward the `click` events from the Label to the editor by setting the [`editorRef`](https://www.telerik.com/kendo-react-ui/components/labels/api/labelprops#editorref) property. On `click` events the Label component will look for `focus` method or `activeElement` property (to call its `click` method) on the editor ref. This functionality is already supported on all KendoReact form components (e.g.: `DropDownList`).

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

## Suggested Links

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