Header: Application config and authentication

refs #7976

application/views/scripts/config/application.phtml

@@ -1,11 +1,13 @@
 <div class="controls" data-base-target="_main">
-<?= $this->tabs->render($this); ?>
+  <?= $this->tabs->render($this); ?>
 </div>
 
 <div class="content">
-<?php if (isset($this->messageBox)): ?>
-  <?= $this->messageBox->render() ?>
-<?php endif ?>
-
-<?= $this->form ?>
+  <h1 tabindex="0" id="application-configuration">
+    <?= t('Generic Configuration'); ?>
+  </h1>
+  <?php if (isset($this->messageBox)): ?>
+    <?= $this->messageBox->render() ?>
+  <?php endif ?>
+  <?= $this->form ?>
 </div>

application/views/scripts/config/authentication/create.phtml

@@ -1,10 +1,16 @@
 <div class="controls">
     <?= $this->tabs->showOnlyCloseButton() ?>
 </div>
-<h4><?= $this->translate('Create New Authentication Backend'); ?></h4>
-<p>
-  <?= $this->translate(
-    'Create a new backend for authenticating your users. This backend will be added at the end of your authentication order.'
-  ); ?>
-</p>
-<?= $form; ?>
+<div class="content">
+    <h1 tabindex="0" id="authentication-create">
+        <?= $this->translate('Create New Authentication Backend'); ?>
+    </h1>
+    <p>
+        <?= $this->translate(
+            'Create a new backend for authenticating your users. This backend will be added at the end of your authentication order.'
+        ); ?>
+    </p>
+    <div>
+        <?= $form; ?>
+    </div>
+</div>

application/views/scripts/config/authentication/modify.phtml

@@ -1,5 +1,11 @@
 <div class="controls">
     <?= $this->tabs->showOnlyCloseButton() ?>
 </div>
-<h4><?= $this->translate('Edit Backend'); ?></h4>
-<?= $form; ?>
+<div class="content">
+    <h1 tabindex="0" id="authentication-modify">
+        <?= $this->translate('Edit Backend'); ?>
+    </h1>
+    <div>
+        <?= $form; ?>
+    </div>
+</div>

application/views/scripts/config/authentication/remove.phtml

@@ -1,5 +1,11 @@
 <div class="controls">
     <?= $this->tabs->showOnlyCloseButton() ?>
 </div>
-<h4><?= $this->translate('Remove Backend'); ?></h4>
-<?= $form; ?>
+<div class="content">
+    <h1 tabindex="0" id="authentication-remove">
+        <?= $this->translate('Remove Backend'); ?>
+    </h1>
+    <div>
+        <?= $form; ?>
+    </div>
+</div>

application/views/scripts/config/authentication/reorder.phtml

@@ -2,10 +2,32 @@
   <?= $tabs; ?>
 </div>
 <div class="content" data-base-target="_next">
+  <h1 tabindex="0" id="authentication-reorder">
+    <?= t('Authentication Configuration'); ?>
+  </h1>
+  <div class="skip-links skip-links-inline">
+    <nav>
+      <ul>
+        <li>
+          <a tabindex="0" href="#authentication-reorder-form">
+            <?= t('Skip To Authentication Reorder Form'); ?>
+          </a>
+        </li>
+      </ul>
+    </nav>
+  </div>
+  <h2 tabindex="0" id="authentication-new-backend" class="sr-only">
+    <?= t('New Authentication Backend'); ?>
+  </h2>
   <p>
     <a href="<?= $this->href('/config/createAuthenticationBackend'); ?>">
       <?= $this->icon('plus', null, array('aria-hidden' => 'true')); ?><?= $this->translate('Create A New Authentication Backend'); ?>
     </a>
   </p>
-  <?= $form; ?>
+  <h2 tabindex="0" id="authentication-reorder" class="sr-only">
+    <?= t('Reorder Authentication Backends'); ?>
+  </h2>
+  <div id="authentication-reorder-form">
+    <?= $form; ?>
+  </div>
 </div>