Improved accessibility with offscreen text added on the menu.

plugins/CoreHome/lang/en.json

@@ -28,6 +28,7 @@
         "LongWeekFormat": "%dayFrom% %longMonthFrom% - %dayTo% %longMonthTo% %longYearTo%",
         "MakeADifference": "Make a difference: %1$sDonate now%2$s to fund Piwik 2.0!",
         "MakeOneTimeDonation": "Make a one time donation, instead.",
+        "Menu": "Menu",
         "NoPrivilegesAskPiwikAdmin": "You are logged in as '%s' but it seems you don't have any permission set in Piwik. %s Ask your Piwik administrator (click to email)%s to give you 'view' access to a website.",
         "OnlyForSuperUserAccess": "This widget is only displayed to users having Super User access.",
         "PageOf": "%1$s of %2$s",

plugins/CoreHome/stylesheets/menu.less

@@ -165,3 +165,9 @@
     border-bottom: 0;
   }
 }
+
+.menuTextOffScreen {
+  overflow: hidden;
+  width:1px;
+  height:1px;
+}

plugins/CoreHome/templates/_menu.twig

@@ -41,10 +41,12 @@
     <ul class="Menu-tabList">
         {% for level1,level2 in menu %}
             <li id="{% if level2._url is defined %}{{ _self.getId(level2._url) }}{% endif %}">
+                <div class="menuTextOffScreen">
+                  {{ 'CoreHome_Menu'|translate }}
+                </div>
                 <a {% if level2._url is defined %}href="#{{ _self.getFirstUrl(level2._url) }}"{% endif %}
                    onclick="return piwikMenu.onItemClick(this);">{{ level1|translate }}</a>
                 <ul>
-
                 {% for name,urlParameters in level2 %}
                     {% if urlParameters._url is defined and urlParameters._url is not iterable %}
                         {{ _self.groupedItem(name,urlParameters._url) }}