Add basic heading markup

src/popup/accounts/environment.component.html

@@ -3,9 +3,9 @@
         <div class="left">
             <a routerLink="/home">{{'close' | i18n}}</a>
         </div>
-        <div class="center">
+        <h1 class="center">
             <span class="title">{{'appName' | i18n}}</span>
-        </div>
+        </h1>
         <div class="right">
             <button type="submit" appBlurClick [disabled]="form.loading">
                 <span [hidden]="form.loading">{{'save' | i18n}}</span>
@@ -15,9 +15,9 @@
     </header>
     <content>
         <div class="box">
-            <div class="box-header">
+            <h2 class="box-header">
                 {{'selfHostedEnvironment' | i18n}}
-            </div>
+            </h2>
             <div class="box-content">
                 <div class="box-content-row" appBoxRow>
                     <label for="baseUrl">{{'baseUrl' | i18n}}</label>
@@ -30,9 +30,9 @@
             </div>
         </div>
         <div class="box">
-            <div class="box-header">
+            <h2 class="box-header">
                 {{'customEnvironment' | i18n}}
-            </div>
+            </h2>
             <div class="box-content" [hidden]="!showCustom">
                 <div class="box-content-row" appBoxRow>
                     <label for="webVaultUrl">{{'webVaultUrl' | i18n}}</label>

src/popup/accounts/hint.component.html

@@ -3,9 +3,9 @@
         <div class="left">
             <a routerLink="/login">{{'cancel' | i18n}}</a>
         </div>
-        <div class="center">
+        <h1 class="center">
             <span class="title">{{'passwordHint' | i18n}}</span>
-        </div>
+        </h1>
         <div class="right">
             <button type="submit" appBlurClick [disabled]="form.loading">
                 <span [hidden]="form.loading">{{'submit' | i18n}}</span>

src/popup/accounts/lock.component.html

@@ -1,9 +1,9 @@
 <form (ngSubmit)="submit()">
     <header>
         <div class="left"></div>
-        <div class="center">
+        <h1 class="center">
             <span class="title">{{(pinLock ? 'verifyPin' : 'verifyMasterPassword') | i18n}}</span>
-        </div>
+        </h1>
         <div class="right">
             <button type="submit" appBlurClick>{{'unlock' | i18n}}</button>
         </div>

src/popup/accounts/login.component.html

@@ -3,9 +3,9 @@
         <div class="left">
             <a routerLink="/home">{{'cancel' | i18n}}</a>
         </div>
-        <div class="center">
+        <h1 class="center">
             <span class="title">{{'appName' | i18n}}</span>
-        </div>
+        </h1>
         <div class="right">
             <button type="submit" appBlurClick [disabled]="form.loading">
                 <span [hidden]="form.loading">{{'login' | i18n}}</span>

src/popup/accounts/register.component.html

@@ -3,9 +3,9 @@
         <div class="left">
             <a routerLink="/home">{{'cancel' | i18n}}</a>
         </div>
-        <div class="center">
+        <h1 class="center">
             <span class="title">{{'createAccount' | i18n}}</span>
-        </div>
+        </h1>
         <div class="right">
             <button type="submit" appBlurClick [disabled]="form.loading">
                 <span [hidden]="form.loading">{{'submit' | i18n}}</span>

src/popup/accounts/set-password.component.html

@@ -3,9 +3,9 @@
         <div class="left">
             <a routerLink="/home">{{'cancel' | i18n}}</a>
         </div>
-        <div class="center">
+        <h1 class="center">
             <span class="title">{{'setMasterPassword' | i18n}}</span>
-        </div>
+        </h1>
         <div class="right">
             <button type="submit" appBlurClick [disabled]="form.loading">
                 <span [hidden]="form.loading">{{'submit' | i18n}}</span>

src/popup/accounts/two-factor-options.component.html

@@ -2,9 +2,9 @@
     <div class="left">
         <a routerLink="/2fa">{{'close' | i18n}}</a>
     </div>
-    <div class="center">
+    <h1 class="center">
         <span class="title">{{'twoStepOptions' | i18n}}</span>
-    </div>
+    </h1>
     <div class="right"></div>
 </header>
 <content>

src/popup/accounts/two-factor.component.html

@@ -3,9 +3,9 @@
         <div class="left">
             <a routerLink="/login">{{'back' | i18n}}</a>
         </div>
-        <div class="center">
+        <h1 class="center">
             <span class="title">{{title}}</span>
-        </div>
+        </h1>
         <div class="right">
             <button type="submit" appBlurClick [disabled]="form.loading" *ngIf="selectedProviderType != null && selectedProviderType !== providerType.Duo &&
                         selectedProviderType !== providerType.OrganizationDuo &&

src/popup/accounts/update-temp-password.component.html

@@ -3,9 +3,9 @@
         <div class="left">
             <a (click)="logOut()">{{'logOut' | i18n}}</a>
         </div>
-        <div class="center">
+        <h1 class="center">
             <span class="title">{{'updateMasterPassword' | i18n}}</span>
-        </div>
+        </h1>
         <div class="right">
             <button type="submit" appBlurClick [disabled]="form.loading">
                 <span [hidden]="form.loading">{{'submit' | i18n}}</span>