To achieve accessibility with correct heading structure, header control is created which fixes the actual level of heading but can style it to look like any style available.

This is an example of tool Header styled as default

type="tool-header" text="Tool 1"

Tool header with sme-bagde

This is an example of Dialog Header styled as default

type="dialog-header"

This is an example of Settings Header styled as H1

level="h1" type="settings-page-header" text="Setting Page 1