From 7b9d6ea62010fab514e1ae558dc297d928207c7b Mon Sep 17 00:00:00 2001
From: Nigel <munro98@gmail.com>
Date: Fri, 16 Jan 2015 10:46:13 +1300
Subject: [PATCH] Improved accessibility with offscreen text added on the menu.
---
plugins/CoreHome/lang/en.json | 1 +
plugins/CoreHome/stylesheets/menu.less | 6 ++++++
plugins/CoreHome/templates/_menu.twig | 4 +++-
3 files changed, 10 insertions(+), 1 deletion(-)
diff --git a/plugins/CoreHome/lang/en.json b/plugins/CoreHome/lang/en.json
index d3efa7845e..e035a1033e 100644
--- a/plugins/CoreHome/lang/en.json
+++ b/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",
diff --git a/plugins/CoreHome/stylesheets/menu.less b/plugins/CoreHome/stylesheets/menu.less
index 2fbd97d056..dddd9759d3 100644
--- a/plugins/CoreHome/stylesheets/menu.less
+++ b/plugins/CoreHome/stylesheets/menu.less
@@ -165,3 +165,9 @@
border-bottom: 0;
}
}
+
+.menuTextOffScreen {
+ overflow: hidden;
+ width:1px;
+ height:1px;
+}
diff --git a/plugins/CoreHome/templates/_menu.twig b/plugins/CoreHome/templates/_menu.twig
index 680825d209..4a5ef0438c 100644
--- a/plugins/CoreHome/templates/_menu.twig
+++ b/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) }}
--
GitLab