Merge pull request #7025 from flodrwho/skip

skip to content

plugins/CoreHome/lang/en.json

@@ -51,6 +51,7 @@
         "ShortMonthFormat": "%shortMonth% %longYear%",
         "ShortWeekFormat": "%dayFrom% %shortMonthFrom% - %dayTo% %shortMonthTo% %shortYearTo%",
         "ShowJSCode": "Show the JavaScript code to insert",
+	"SkipToContent": "Skip to content",
         "SubscribeAndBecomePiwikSupporter": "Proceed to a secure credit card payment page (Paypal) to become a Piwik Supporter!",
         "SupportPiwik": "Support Piwik!",
         "TableNoData": "No data for this table.",
@@ -63,4 +64,4 @@
         "UndoPivotBySubtable": "This report has been pivoted %s Undo pivot",
         "PivotBySubtable": "This report is not pivoted %s Pivot by %s"
     }
-}
\ No newline at end of file
+}

plugins/CoreHome/stylesheets/coreHome.less

@@ -71,6 +71,18 @@ h3 {
     width: auto;
 }
 
+
+.accessibility-skip-to-content{
+position:absolute;
+left:-10000px;
+}
+
+.accessibility-skip-to-content:focus{
+display: block;
+position: absolute;
+left: 50%;
+}
+
 /* Calendar*/
 div.ui-datepicker {
     font-size: 62.5%;
@@ -257,4 +269,4 @@ a.Piwik_Popover_Error_Back {
 
 /* Used to link within content text, without adding visual clutter */
 .linkContent { color:#333; text-decoration:none}
-.linkContent:hover { text-decoration:underline;}
\ No newline at end of file
+.linkContent:hover { text-decoration:underline;}

plugins/CoreHome/templates/_dataTableFooter.twig

@@ -16,7 +16,8 @@
 
         {% if properties.show_search %}
             <span class="dataTableSearchPattern">
-                <input type="text" class="searchInput" length="15" />
+		<label for="widgetSearch_{{ properties.report_id }}" style="display:none;"> {{ 'General_Search'|translate }} {{ visualization.config.translations.label }}</label>
+                <input id="widgetSearch_{{ properties.report_id }}" type="text" class="searchInput" length="15" />
                 <input type="submit" value="{{ 'General_Search'|translate }}" />
             </span>
         {% endif %}
@@ -81,7 +82,7 @@
 
             </div>
             <div class="limitSelection {% if not properties.show_pagination_control and not properties.show_limit_control %} hidden{% endif %}"
-                 title="{{ 'General_RowsToDisplay'|translate }}"></div>
+                 title="{{ 'General_RowsToDisplay'|translate }}" alt="{{ 'General_RowsToDisplay'|translate }}"></div>
             <div class="tableConfiguration">
                 <a class="tableConfigurationIcon" href="#"></a>
                 <ul>

plugins/CoreHome/templates/_indexContent.twig

 {% import 'ajaxMacros.twig' as ajax %}
 <div class="pageWrap">
+<a name="main"></a>
     {% include "@CoreHome/_notifications.twig" %}
     <div class="top_controls">
         {% include "@CoreHome/_periodSelect.twig" %}
@@ -17,4 +18,4 @@
     <div class="clear"></div>
 </div>
 
-<br/><br/>
\ No newline at end of file
+<br/><br/>

plugins/CoreHome/templates/_topScreen.twig

 <div id="header">
+    <a href='#main' tabindex="0" class="accessibility-skip-to-content">{{'SkipToContent'|translate}}</a>
     {% include "@CoreHome/_logo.twig" %}
     {% include "@CoreHome/_topBar.twig" %}
 </div>

plugins/CoreVisualizations/templates/_dataTableViz_jqplotGraph.twig

-<div class="jqplot-graph">
+<div alt="{{ 'Mobile_StaticGraph'|translate }}"  class="jqplot-graph">
     <div class="piwik-graph" data-data="{{ visualization.getGraphData(dataTable, properties)|json_encode }}"></div>
-</div>
\ No newline at end of file
+</div>

plugins/Dashboard/stylesheets/dashboard.less

@@ -112,20 +112,20 @@
 .widgetTop {
   cursor: move;
   font-size: 10pt;
-  font-weight: bold;
+  font-weight: normal;
   padding-bottom: 4px;
 }
 
 .widgetTopHover {
 }
 
-.widgetName {
-  font-size: 18px;
-  padding: 2px 0 0 10px;
+.widgetName h3{
+  font-size: 15px;
+  padding: 0px;
+  margin: 2px;
   font-weight: normal;
-  color: #fff;
-  text-shadow: 1px 1px 2px #7e7363;
-  margin-top: 0;
+  color: #0D0D0D;
+  text-shadow: none;
 }
 
 // Overriding some dataTable css for better dashboard display

plugins/Morpheus/stylesheets/less/_colors.less

@@ -21,7 +21,7 @@
 // Brand colors
 // Variable pattern: @color-<color>-<modifier>
 @color-black-piwik:               #0d0d0d;
-@color-blue-piwik:                #1e93d1;
+@color-blue-piwik:                #4183C4;
 @color-red-piwik:                 #d4291f;
 @color-green-brandSocial:         #009874;
 @color-blue-brandSocial:          #3b5998;