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)

Change Theme

Theme

Loading ...

Suggested Links

• API Reference of the FloatingLabel Component