Add headings to flag controls elements

Bug: b/393131397
Change-Id: Idab8f71b45f3e715797fa810c1da7f6db19b7928
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6221346
Reviewed-by: Shuran Huang <[email protected]>
Commit-Queue: Paul Irish <[email protected]>
Reviewed-by: Paul Irish <[email protected]>

Author: jalonthomas

front_end/panels/security/CookieControlsView.ts

@@ -283,15 +283,15 @@ export class CookieControlsView extends UI.Widget.VBox {
       <div class="overflow-auto">
         <div class="controls">
           <div class="header">
-            <div class="title">${i18nString(UIStrings.viewTitle)}</div>
+            <h1>${i18nString(UIStrings.viewTitle)}</h1>
             <div class="body">${i18nString(UIStrings.viewExplanation)}</div>
           </div>
           <devtools-card class="card-container">
             <div slot="content" class=${Boolean(enterpriseEnabledSetting.get()) ? 'card enterprise-disabled' : 'card'}>
               ${cardHeader}
               <div>
                 <div class="card-row text">
-                  <div class="card-row-title main-text">${i18nString(UIStrings.exceptions)}</div>
+                  <h3 class="main-text">${i18nString(UIStrings.exceptions)}</h3>
                   <div class="body subtext">${i18nString(UIStrings.exceptionsExplanation)}</div>
                 </div>
                 ${gracePeriodControl}