You can wrap any content inside the <vaadin-checkbox>
element – you don’t need to wrap it with an extra <label>
element.
The content acts as the accessible label for the checkbox. The user can click on the label to toggle the checkbox, and screen readers will announce the text content when the checkbox is focused.
You can focus the checkbox using the keyboard and activate it with the Space key. Notice how the visual active style is also triggered, giving keyboard users clear visual feedback that the checkbox was toggled.