tyler.durden
/
icingaweb2
mirror of https://github.com/Icinga/icingaweb2.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Skip Links: Remove logo focus and move links into the menu

This commit is contained in:
Marius Hein 2015-02-16 10:57:31 +01:00
parent cd11cf3469
commit 936bfd43b0
3 changed files with 12 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
application/layouts/scripts/body.phtml
View File

@ -7,22 +7,6 @@ use Icinga\Authentication\Manager as Auth;
if (Auth::getInstance()->isAuthenticated()): ?>
<div id="header">
<div class="skip-links">
<nav>
<h1 class="sr-only"><?= t('Accessibility Skip Links'); ?></h1>
<ul>
<li>
<a tabindex="0" href="#main"><?= t('Skip to Content'); ?></a>
</li>
<li>
<a tabindex="0" href="#search"><?= t('Skip to Search'); ?></a>
</li>
<li>
<a tabindex="0" href="#navigation"><?= t('Skip to Navigation'); ?></a>
</li>
</ul>
</nav>
</div>
<ul id="notifications"><?php
$moduleName = $this->layout()->moduleName;
@ -44,7 +28,8 @@ if ($notifications->hasMessages()) {
}
}
?></ul>
<div id="logo" data-base-target="_main"><a href="<?= $this->href('/dashboard') ?>"><img aria-hidden="true" src="<?= $this->href('img/logo_icinga-inv.png') ?>" class="logo" alt="<?= t('Dashboard') ?>" /></a>
<div id="logo" data-base-target="_main">
<img aria-hidden="true" src="<?= $this->href('img/logo_icinga-inv.png') ?>" class="logo" alt="<?= t('Dashboard') ?>" />
</div>
</div>

8
application/layouts/scripts/parts/navigation.phtml
View File

@ -10,6 +10,14 @@ if (! $this->auth()->isAuthenticated()) {
}
?>
<div class="skip-links">
<h1 class="sr-only"><?= t('Accessibility Skip Links'); ?></h1>
<ul>
<li>
<a tabindex="0" href="#main"><?= t('Skip to Content'); ?></a>
</li>
</ul>
</div>
<div id="menu" data-last-update="<?= (time() - 14) ?>000" data-base-target="_main" class="container"
data-icinga-url="<?= $this->href('layout/menu') ?>" data-icinga-refresh="15">
<?= $this->partial(

2
public/css/icinga/menu.less
View File

@ -285,7 +285,7 @@ a:focus {
display: block;
left: -999em;
width: 10.4em;
top: 0.4em;
top: 0em;
padding: 0.8em;
background-color: white;
z-index: 4;