Allow consumer to specify tag level on Dialog/Drawer title to help screenreader users navigate.

[faye-tan]

Environment

• Package version(s): 5.8.2
• Browser and OS versions: Edge, Chrome, MacOS Sonoma 14.4

Feature request

Currently the Dialog and Drawer components render their titles as h6 and h4 tags respectively. It would be great to let the consumer specify the heading level and have the title render as it currently does with all existing styles. This is important because when using these components, one may have some kind of defined hierarchy with heading levels they want to maintain so restricting the header title to h6 and h4 tags breaks the hierarchical organization one wishes to impose when using these components.

Examples

From docs:

• Drawer has h4 title heading level

Dialog has h6 title heading level: this one is especially difficult to get around as there are no heading levels lower than 6 so I can't put subheading in Dialogs