Consent notice title is hardcoded to H2 (Accessibility/SEO issue)

[bbruno286]

HTML Code of Page

<h2 id="id-cookie-title">We are glad you are here!</h2>

Current behavior

Checking consent-notice.jsx, I can see that the title element (#id-cookie-title) is hardcoded to an <h2 /> element.

<h2 id="id-cookie-title">
    {t(['consentNotice', 'title'])}
</h2>

This can generate an accessibility/SEO issue: non-sequential heading structure, and overall has no way of being adaptable to a website's current heading structure.

Expected behavior

We should use a standard <div />, still styled as the current title. This is not a typically accessed part of the page or content, so having a heading here does not seem to be required.

[normanlolx]

I think #425 and this issue here should both be one, titled "Provide configurable consentModal.titleTag and consentNotice.titleTag". About adding new options for this and printing the defaults if none provided for backwards compatibility.