Header: Add header and skip links to resource configuration

refs #7976

application/views/scripts/config/resource.phtml

@@ -2,18 +2,38 @@
   <?= $tabs; ?>
 </div>
 <div class="content" data-base-target="_next">
+  <h1 tabindex="0" id="resource-index">
+    <?= t('Resource Configuration'); ?>
+  </h1>
+  <div class="skip-links skip-links-inline">
+    <nav>
+      <ul>
+        <li>
+          <a tabindex="0" href="#resource-edit-table">
+            <?= t('Skip To Existing Resources'); ?>
+          </a>
+        </li>
+      </ul>
+    </nav>
+  </div>
+  <h2 tabindex="0" id="resource-new-resource" class="sr-only">
+    <?= t('Create New Resource'); ?>
+  </h2>
   <p>
     <a href="<?= $this->href('/config/createresource'); ?>">
       <?= $this->icon('plus', null, array('aria-hidden' => 'true')); ?> <?= $this->translate('Create A New Resource'); ?>
     </a>
   </p>
-  <table class="action">
+  <h2 tabindex="0" id="resource-edit-resource" class="sr-only">
+    <?= t('Edit Existing Resources'); ?>
+  </h2>
+  <table class="action" id="resource-edit-table">
     <thead>
       <th><?= $this->translate('Resource'); ?></th>
       <th style="width: 5em"><?= $this->translate('Remove'); ?></th>
     </thead>
     <tbody>
-<?php foreach ($this->resources as $name): ?>
+    <?php foreach ($this->resources as $name): ?>
       <tr>
         <td>
           <a href="<?= $this->href('config/editresource', array('resource' => $name)); ?>">
@@ -26,7 +46,7 @@
           </a>
         </td>
       </tr>
-<?php endforeach; ?>
+    <?php endforeach; ?>
     </tbody>
   </table>
 </div>

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

@@ -1,6 +1,12 @@
 <div class="controls">
     <?= $this->tabs->showOnlyCloseButton() ?>
 </div>
-<h4><?= $this->translate('Create A New Resource'); ?></h4>
-<p><?= $this->translate('Resources are entities that provide data to Icinga Web 2.'); ?></p>
-<?= $form; ?>
+<div class="content">
+    <h1 tabindex="0" id="resource-create">
+        <?= $this->translate('Create A New Resource'); ?>
+    </h1>
+    <p><?= $this->translate('Resources are entities that provide data to Icinga Web 2.'); ?></p>
+    <div>
+        <?= $form; ?>
+    </div>
+</div>

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

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

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

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