diff --git a/packages/dnb-design-system-portal/src/pages/uilib/components/form-label/form-label-properties.md b/packages/dnb-design-system-portal/src/pages/uilib/components/form-label/form-label-properties.md
index 67dac9b6e35..9e50d47c91a 100644
--- a/packages/dnb-design-system-portal/src/pages/uilib/components/form-label/form-label-properties.md
+++ b/packages/dnb-design-system-portal/src/pages/uilib/components/form-label/form-label-properties.md
@@ -9,3 +9,4 @@ draft: true
 | `vertical`  | _(optional)_ is a short hand to define a `vertical` direction if set to `true`.                                                                                      |
 | `title`     | _(optional)_ the `title` attribute of the label.                                                                                                                     |
 | `text`      | _(optional)_ the `text` of the label.                                                                                                                                |
+| `element`   | _(optional)_ defines the HTML element used. Defaults to `label`.                                                                                                     |
diff --git a/packages/dnb-ui-lib/src/components/checkbox/__tests__/__snapshots__/Checkbox.test.js.snap b/packages/dnb-ui-lib/src/components/checkbox/__tests__/__snapshots__/Checkbox.test.js.snap
index c436492313b..1cc1a51314e 100644
--- a/packages/dnb-ui-lib/src/components/checkbox/__tests__/__snapshots__/Checkbox.test.js.snap
+++ b/packages/dnb-ui-lib/src/components/checkbox/__tests__/__snapshots__/Checkbox.test.js.snap
@@ -30,6 +30,7 @@ exports[`Checkbox component have to match snapshot 1`] = `
       className={null}
       direction={null}
       disabled="disabled"
+      element="label"
       for_id="id"
       id="id-label"
       render_content={null}
@@ -37,13 +38,20 @@ exports[`Checkbox component have to match snapshot 1`] = `
       title={null}
       vertical={null}
     >
-      <label
+      <Element
         className="dnb-form-label"
         htmlFor="id"
         id="id-label"
+        is="label"
       >
-        label
-      </label>
+        <label
+          className="dnb-form-label"
+          htmlFor="id"
+          id="id-label"
+        >
+          label
+        </label>
+      </Element>
     </FormLabel>
     <span
       className="dnb-checkbox className class"
diff --git a/packages/dnb-ui-lib/src/components/dropdown/__tests__/__snapshots__/Dropdown.test.js.snap b/packages/dnb-ui-lib/src/components/dropdown/__tests__/__snapshots__/Dropdown.test.js.snap
index fb466be83bc..14481d19e13 100644
--- a/packages/dnb-ui-lib/src/components/dropdown/__tests__/__snapshots__/Dropdown.test.js.snap
+++ b/packages/dnb-ui-lib/src/components/dropdown/__tests__/__snapshots__/Dropdown.test.js.snap
@@ -82,6 +82,7 @@ exports[`Dropdown component have to match snapshot 1`] = `
     className={null}
     direction={null}
     disabled="disabled"
+    element="label"
     for_id="dropdown-id"
     id="dropdown-id-label"
     render_content={null}
@@ -89,13 +90,20 @@ exports[`Dropdown component have to match snapshot 1`] = `
     title={null}
     vertical={null}
   >
-    <label
+    <Element
       className="dnb-form-label"
       htmlFor="dropdown-id"
       id="dropdown-id-label"
+      is="label"
     >
-      label
-    </label>
+      <label
+        className="dnb-form-label"
+        htmlFor="dropdown-id"
+        id="dropdown-id-label"
+      >
+        label
+      </label>
+    </Element>
   </FormLabel>
   <span
     className="dnb-dropdown dnb-dropdown--icon-position-icon_position dnb-dropdown--direction-bottom dnb-dropdown--scroll dnb-dropdown--hidden dnb-dropdown__form-status dnb-dropdown__status--error class className"
diff --git a/packages/dnb-ui-lib/src/components/form-label/FormLabel.js b/packages/dnb-ui-lib/src/components/form-label/FormLabel.js
index 36daeff1c3c..2db203dde4f 100644
--- a/packages/dnb-ui-lib/src/components/form-label/FormLabel.js
+++ b/packages/dnb-ui-lib/src/components/form-label/FormLabel.js
@@ -21,6 +21,7 @@ const renderProps = {
 
 export const propTypes = {
   for_id: PropTypes.string,
+  element: PropTypes.string,
   title: PropTypes.string,
   text: PropTypes.string,
   id: PropTypes.string,
@@ -43,6 +44,7 @@ export const propTypes = {
 
 export const defaultProps = {
   for_id: null,
+  element: 'label',
   title: null,
   text: null,
   id: null,
@@ -85,6 +87,7 @@ export default class FormLabel extends PureComponent {
 
     const {
       for_id,
+      element,
       title,
       className,
       id,
@@ -118,6 +121,18 @@ export default class FormLabel extends PureComponent {
     // also used for code markup simulation
     validateDOMAttributes(this.props, params)
 
-    return <label {...params}>{content}</label>
+    return (
+      <Element is={element} {...params}>
+        {content}
+      </Element>
+    )
   }
 }
+
+const Element = ({ is: Element, children, ...rest }) => (
+  <Element {...rest}>{children}</Element>
+)
+Element.propTypes = {
+  is: PropTypes.string.isRequired,
+  children: PropTypes.node.isRequired
+}
diff --git a/packages/dnb-ui-lib/src/components/form-label/__tests__/FormLabel.test.js b/packages/dnb-ui-lib/src/components/form-label/__tests__/FormLabel.test.js
index 33f1b2ca82a..67238bfa2a6 100644
--- a/packages/dnb-ui-lib/src/components/form-label/__tests__/FormLabel.test.js
+++ b/packages/dnb-ui-lib/src/components/form-label/__tests__/FormLabel.test.js
@@ -22,6 +22,7 @@ import dnb_form_label_theme_ui from '../style/themes/dnb-form-label-theme-ui.scs
 const props = fakeProps(require.resolve('../FormLabel'), {
   optional: true
 })
+props.element = 'label'
 props.direction = 'horizontal'
 
 describe('FormLabel component', () => {
diff --git a/packages/dnb-ui-lib/src/components/form-label/__tests__/__snapshots__/FormLabel.test.js.snap b/packages/dnb-ui-lib/src/components/form-label/__tests__/__snapshots__/FormLabel.test.js.snap
index 2bd370075bc..9c316a3e89a 100644
--- a/packages/dnb-ui-lib/src/components/form-label/__tests__/__snapshots__/FormLabel.test.js.snap
+++ b/packages/dnb-ui-lib/src/components/form-label/__tests__/__snapshots__/FormLabel.test.js.snap
@@ -6,6 +6,7 @@ exports[`FormLabel component have to match snapshot 1`] = `
   className="className"
   direction="horizontal"
   disabled="disabled"
+  element="label"
   for_id="for_id"
   id="id"
   render_content={[Function]}
@@ -13,14 +14,22 @@ exports[`FormLabel component have to match snapshot 1`] = `
   title="title"
   vertical="vertical"
 >
-  <label
+  <Element
     className="dnb-form-label dnb-form-label--horizontal className class"
     htmlFor="for_id"
     id="id"
+    is="label"
     title="title"
   >
-    text
-  </label>
+    <label
+      className="dnb-form-label dnb-form-label--horizontal className class"
+      htmlFor="for_id"
+      id="id"
+      title="title"
+    >
+      text
+    </label>
+  </Element>
 </FormLabel>
 `;
 
diff --git a/packages/dnb-ui-lib/src/components/form-row/__tests__/__snapshots__/FormRow.test.js.snap b/packages/dnb-ui-lib/src/components/form-row/__tests__/__snapshots__/FormRow.test.js.snap
index 4ab191d5275..6816a9bb447 100644
--- a/packages/dnb-ui-lib/src/components/form-row/__tests__/__snapshots__/FormRow.test.js.snap
+++ b/packages/dnb-ui-lib/src/components/form-row/__tests__/__snapshots__/FormRow.test.js.snap
@@ -24,6 +24,7 @@ exports[`FormRow component have to match snapshot 1`] = `
       className="dnb-form-row__label"
       direction={null}
       disabled={false}
+      element="label"
       for_id="form-row"
       id="label_id-label"
       render_content={null}
@@ -31,13 +32,20 @@ exports[`FormRow component have to match snapshot 1`] = `
       title={null}
       vertical={null}
     >
-      <label
+      <Element
         className="dnb-form-label dnb-form-label--horizontal dnb-form-row__label"
         htmlFor="form-row"
         id="label_id-label"
+        is="label"
       >
-        label
-      </label>
+        <label
+          className="dnb-form-label dnb-form-label--horizontal dnb-form-row__label"
+          htmlFor="form-row"
+          id="label_id-label"
+        >
+          label
+        </label>
+      </Element>
     </FormLabel>
     <div
       className="dnb-form-row__content"
diff --git a/packages/dnb-ui-lib/src/components/radio/__tests__/__snapshots__/Radio.test.js.snap b/packages/dnb-ui-lib/src/components/radio/__tests__/__snapshots__/Radio.test.js.snap
index e9c690d2600..6c2e04f4a1a 100644
--- a/packages/dnb-ui-lib/src/components/radio/__tests__/__snapshots__/Radio.test.js.snap
+++ b/packages/dnb-ui-lib/src/components/radio/__tests__/__snapshots__/Radio.test.js.snap
@@ -32,6 +32,7 @@ exports[`Radio component have to match snapshot 1`] = `
       className={null}
       direction={null}
       disabled={false}
+      element="label"
       for_id="radio"
       id="radio-label"
       render_content={null}
@@ -39,14 +40,22 @@ exports[`Radio component have to match snapshot 1`] = `
       title={null}
       vertical={null}
     >
-      <label
+      <Element
         aria-hidden={false}
         className="dnb-form-label"
         htmlFor="radio"
         id="radio-label"
+        is="label"
       >
-        label
-      </label>
+        <label
+          aria-hidden={false}
+          className="dnb-form-label"
+          htmlFor="radio"
+          id="radio-label"
+        >
+          label
+        </label>
+      </Element>
     </FormLabel>
     <span
       className="dnb-radio__shell"
@@ -131,6 +140,7 @@ exports[`Radio group component have to match group snapshot 1`] = `
           className="dnb-form-row__label"
           direction={null}
           disabled={false}
+          element="label"
           for_id="group"
           id="group-label"
           render_content={null}
@@ -138,13 +148,20 @@ exports[`Radio group component have to match group snapshot 1`] = `
           title={null}
           vertical={null}
         >
-          <label
+          <Element
             className="dnb-form-label dnb-form-label--horizontal dnb-form-row__label"
             htmlFor="group"
             id="group-label"
+            is="label"
           >
-            Label
-          </label>
+            <label
+              className="dnb-form-label dnb-form-label--horizontal dnb-form-row__label"
+              htmlFor="group"
+              id="group-label"
+            >
+              Label
+            </label>
+          </Element>
         </FormLabel>
         <div
           className="dnb-form-row__content"
@@ -185,6 +202,7 @@ exports[`Radio group component have to match group snapshot 1`] = `
                   className={null}
                   direction={null}
                   disabled={false}
+                  element="label"
                   for_id="radio-1"
                   id="radio-1-label"
                   render_content={null}
@@ -192,14 +210,22 @@ exports[`Radio group component have to match group snapshot 1`] = `
                   title={null}
                   vertical={null}
                 >
-                  <label
+                  <Element
                     aria-hidden={true}
                     className="dnb-form-label dnb-form-label--horizontal"
                     htmlFor="radio-1"
                     id="radio-1-label"
+                    is="label"
                   >
-                    Radio 1
-                  </label>
+                    <label
+                      aria-hidden={true}
+                      className="dnb-form-label dnb-form-label--horizontal"
+                      htmlFor="radio-1"
+                      id="radio-1-label"
+                    >
+                      Radio 1
+                    </label>
+                  </Element>
                 </FormLabel>
                 <span
                   className="dnb-radio__shell"
@@ -265,6 +291,7 @@ exports[`Radio group component have to match group snapshot 1`] = `
                   className={null}
                   direction={null}
                   disabled={false}
+                  element="label"
                   for_id="radio-2"
                   id="radio-2-label"
                   render_content={null}
@@ -272,14 +299,22 @@ exports[`Radio group component have to match group snapshot 1`] = `
                   title={null}
                   vertical={null}
                 >
-                  <label
+                  <Element
                     aria-hidden={true}
                     className="dnb-form-label dnb-form-label--horizontal"
                     htmlFor="radio-2"
                     id="radio-2-label"
+                    is="label"
                   >
-                    Radio 2
-                  </label>
+                    <label
+                      aria-hidden={true}
+                      className="dnb-form-label dnb-form-label--horizontal"
+                      htmlFor="radio-2"
+                      id="radio-2-label"
+                    >
+                      Radio 2
+                    </label>
+                  </Element>
                 </FormLabel>
                 <span
                   className="dnb-radio__shell"
diff --git a/packages/dnb-ui-lib/src/components/slider/__tests__/__snapshots__/Slider.test.js.snap b/packages/dnb-ui-lib/src/components/slider/__tests__/__snapshots__/Slider.test.js.snap
index 7699bb1312a..5bde3e3653a 100644
--- a/packages/dnb-ui-lib/src/components/slider/__tests__/__snapshots__/Slider.test.js.snap
+++ b/packages/dnb-ui-lib/src/components/slider/__tests__/__snapshots__/Slider.test.js.snap
@@ -34,6 +34,7 @@ exports[`Slider component have to match snapshot 1`] = `
       className={null}
       direction={null}
       disabled={false}
+      element="label"
       for_id="id"
       id="id-label"
       render_content={null}
@@ -41,13 +42,20 @@ exports[`Slider component have to match snapshot 1`] = `
       title={null}
       vertical={null}
     >
-      <label
+      <Element
         className="dnb-form-label"
         htmlFor="id"
         id="id-label"
+        is="label"
       >
-        label
-      </label>
+        <label
+          className="dnb-form-label"
+          htmlFor="id"
+          id="id-label"
+        >
+          label
+        </label>
+      </Element>
     </FormLabel>
     <span
       className="dnb-slider className class"
diff --git a/packages/dnb-ui-lib/src/components/switch/__tests__/__snapshots__/Switch.test.js.snap b/packages/dnb-ui-lib/src/components/switch/__tests__/__snapshots__/Switch.test.js.snap
index d470b76e24b..5f1449d30f7 100644
--- a/packages/dnb-ui-lib/src/components/switch/__tests__/__snapshots__/Switch.test.js.snap
+++ b/packages/dnb-ui-lib/src/components/switch/__tests__/__snapshots__/Switch.test.js.snap
@@ -30,6 +30,7 @@ exports[`Switch component have to match snapshot 1`] = `
       className={null}
       direction={null}
       disabled="disabled"
+      element="label"
       for_id="id"
       id="id-label"
       render_content={null}
@@ -37,13 +38,20 @@ exports[`Switch component have to match snapshot 1`] = `
       title={null}
       vertical={null}
     >
-      <label
+      <Element
         className="dnb-form-label"
         htmlFor="id"
         id="id-label"
+        is="label"
       >
-        label
-      </label>
+        <label
+          className="dnb-form-label"
+          htmlFor="id"
+          id="id-label"
+        >
+          label
+        </label>
+      </Element>
     </FormLabel>
     <span
       className="dnb-switch className class"
diff --git a/packages/dnb-ui-lib/src/components/toggle-button/__tests__/__snapshots__/ToggleButton.test.js.snap b/packages/dnb-ui-lib/src/components/toggle-button/__tests__/__snapshots__/ToggleButton.test.js.snap
index a48af24c855..23dc24b48bd 100644
--- a/packages/dnb-ui-lib/src/components/toggle-button/__tests__/__snapshots__/ToggleButton.test.js.snap
+++ b/packages/dnb-ui-lib/src/components/toggle-button/__tests__/__snapshots__/ToggleButton.test.js.snap
@@ -34,6 +34,7 @@ exports[`ToggleButton component have to match snapshot 1`] = `
       className={null}
       direction={null}
       disabled="disabled"
+      element="label"
       for_id="toggle-button"
       id="toggle-button-label"
       render_content={null}
@@ -41,13 +42,20 @@ exports[`ToggleButton component have to match snapshot 1`] = `
       title={null}
       vertical={null}
     >
-      <label
+      <Element
         className="dnb-form-label"
         htmlFor="toggle-button"
         id="toggle-button-label"
+        is="label"
       >
-        label
-      </label>
+        <label
+          className="dnb-form-label"
+          htmlFor="toggle-button"
+          id="toggle-button-label"
+        >
+          label
+        </label>
+      </Element>
     </FormLabel>
     <span
       className="dnb-toggle-button__shell"
@@ -302,6 +310,7 @@ exports[`ToggleButton group component have to match group snapshot 1`] = `
           className="dnb-form-row__label"
           direction={null}
           disabled={false}
+          element="label"
           for_id="group"
           id="group-label"
           render_content={null}
@@ -309,13 +318,20 @@ exports[`ToggleButton group component have to match group snapshot 1`] = `
           title={null}
           vertical={null}
         >
-          <label
+          <Element
             className="dnb-form-label dnb-form-label--horizontal dnb-form-row__label"
             htmlFor="group"
             id="group-label"
+            is="label"
           >
-            Label
-          </label>
+            <label
+              className="dnb-form-label dnb-form-label--horizontal dnb-form-row__label"
+              htmlFor="group"
+              id="group-label"
+            >
+              Label
+            </label>
+          </Element>
         </FormLabel>
         <div
           className="dnb-form-row__content"