Merge pull request #9600 from nstallinger/9578

Add border to outline currently focused element, when using app with keyboard

plugins/CoreHome/stylesheets/layout.less

+ body {
+     :focus {
+         outline: 0;
+         -moz-box-shadow: inset 0 0 0 2px @theme-color-background-highContrast;
+         -webkit-box-shadow: inset 0 0 0 2px @theme-color-background-highContrast;
+         box-shadow: inset 0 0 0 2px @theme-color-background-highContrast;
+         border-radius: 2px;
+         -moz-border-radius:2px;
+         -webkit-border-radius:2px;
+         }
+ }
+
  #header {
   padding: 0 15px;
   background-color: @theme-color-background-base;
@@ -167,7 +179,7 @@
         float: none;
         display: inline-block;
       }
-      
+
       .isPiwikDemo {
         margin-top: 8px;
       }

plugins/CoreHome/templates/_logo.twig

 <span id="logo">
-    <a href="index.php" title="{% if isCustomLogo %}{{ 'General_PoweredBy'|translate }} {% endif %}Piwik # {{ 'General_OpenSourceWebAnalytics'|translate }}" tabindex="3">
+    <a href="index.php" tabindex="-1" title="{% if isCustomLogo %}{{ 'General_PoweredBy'|translate }} {% endif %}Piwik # {{ 'General_OpenSourceWebAnalytics'|translate }}">
     {% if hasSVGLogo %}
-        <img src='{{ logoSVG }}' alt="{% if isCustomLogo %}{{ 'General_PoweredBy'|translate }} {% endif %}Piwik" class="ie-hide {% if not isCustomLogo %}default-piwik-logo{% endif %}" />
+        <img src='{{ logoSVG }}' tabindex="3"  alt="{% if isCustomLogo %}{{ 'General_PoweredBy'|translate }} {% endif %}Piwik" class="ie-hide {% if not isCustomLogo %}default-piwik-logo{% endif %}" />
         <!--[if lt IE 9]>
     {% endif %}
         <img src='{{ logoHeader }}' alt="{% if isCustomLogo %}{{ 'General_PoweredBy'|translate }} {% endif %}Piwik" />