add tabindex values to menu items to give a more logical tab flow through the page.

plugins/CoreHome/angularjs/quick-access/quick-access.directive.html

@@ -7,7 +7,7 @@
            ng-change="view.searchActive=true;quickAccess.searchMenu(search.term)"
            ng-focus="view.searchActive=true"
            ng-model="search.term" piwik-focus-if="view.searchActive"
-           type="text"/>
+           type="text" tabindex="2"/>
     <ul ng-hide="!search.term || !view.searchActive || (quickAccess.numMenuItems > 0) || (quickAccess.sitesModel.sites | length)">
         <li class="no-result">{{ 'General_SearchNoResults' | translate }}</li>
     </ul>

plugins/CoreHome/angularjs/siteselector/siteselector.directive.html

@@ -18,7 +18,7 @@
        href="javascript:void(0)"
        title="{{ 'CoreHome_ChangeCurrentWebsite'|translate:((selectedSite.name || model.firstSiteName)|htmldecode) }}"
        ng-class="{'loading': model.isLoading}"
-       class="title">
+       class="title" tabindex="4">
         <span class="icon icon-arrow-bottom"
               ng-class="{'iconHidden': model.isLoading, 'collapsed': !view.showSitesList}"></span>
         <span>{{ 'General_Website'| translate }}:

plugins/CoreHome/templates/_logo.twig

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

plugins/CoreHome/templates/_periodSelect.twig

 <div id="periodString" piwik-expand-on-click class="piwikTopControl piwikSelector borderedControl periodSelector">
-    <a id="date" class="title" title="{{ 'General_ChooseDate'|translate|e('html_attr') }}">
+    <a id="date" class="title" title="{{ 'General_ChooseDate'|translate|e('html_attr') }}" tabindex="4">
         <span class="icon icon-calendar"></span>
         {{ prettyDate }}
     </a>

plugins/CoreHome/templates/_topBar.twig

@@ -16,7 +16,7 @@
             <a {% if menu._tooltip is defined %}title="{{ menu._tooltip }}"{% endif %}
                class="topBarElem {% if (menu._url.module == currentModule and (menu._url.action is empty or menu._url.action == currentAction)) %}active{% endif %}"
                id="topmenu-{{ menu._url.module|lower }}"
-               href="index.php{{ menu._url|urlRewriteWithParameters }}">{{ _self.menuItemLabel(label, menu._icon) }}</a>
+               href="index.php{{ menu._url|urlRewriteWithParameters }}" tabindex="3">{{ _self.menuItemLabel(label, menu._icon) }}</a>
         {% endif %}
     {% endmacro %}
 

plugins/CoreHome/templates/_topScreen.twig

 <div id="header" class="container-fluid">
-    <a href="#main" tabindex="0" class="accessibility-skip-to-content">{{'CoreHome_SkipToContent'|translate}}</a>
+    <a href="#main" tabindex="1" class="accessibility-skip-to-content">{{'CoreHome_SkipToContent'|translate}}</a>
     <div id="topRightBar" class="navbar row">
         <div class="navbar-header col-md-3">
             <span class="toggle-second-menu icon-menu-hamburger"></span>

plugins/Dashboard/templates/_dashboardSettings.twig

-<a class="title" title="{{ 'Dashboard_ManageDashboard'|translate|e('html_attr') }}"><span class="icon icon-arrow-bottom"></span>{{ 'Dashboard_Dashboard'|translate }} </a>
+<a class="title" title="{{ 'Dashboard_ManageDashboard'|translate|e('html_attr') }}" tabindex="4"><span class="icon icon-arrow-bottom"></span>{{ 'Dashboard_Dashboard'|translate }} </a>
 <ul class="dropdown submenu">
     <li>
         <div class="addWidget">{{ 'Dashboard_AddAWidget'|translate }}</div>

plugins/Morpheus/templates/dashboard.twig

@@ -39,13 +39,13 @@
 
         <div class="pageWrap">
 
-            <a name="main"></a>
 
             <div class="top_controls">
                 {% block topcontrols %}
                 {% endblock %}
             </div>
 
+            <a name="main"></a>
             {% block notification %}
                 {% include "@CoreHome/_notifications.twig" %}
             {% endblock %}

plugins/SegmentEditor/templates/_segmentSelector.twig

 <div class="SegmentEditor" style="display:none;">
     <div class="segmentationContainer listHtml" title="{{ 'SegmentEditor_ChooseASegment'|translate|e('html_attr') }}. {{ 'SegmentEditor_CurrentlySelectedSegment'|translate(segmentDescription)|e('html_attr') }}">
-        <a class="title"><span class="icon icon-segment"></span><span class="segmentationTitle"></span></a>
+        <a class="title" tabindex="4"><span class="icon icon-segment"></span><span class="segmentationTitle"></span></a>
         <div class="dropdown dropdown-body">
             <div class="segmentFilterContainer">
                 <input class="segmentFilter" type="text" value="{{ 'General_Search'|translate }}"/>