Merge pull request #7022 from munro98/master

Improved accessibility by putting offscreen text in the widget title

lang/en.json

@@ -445,6 +445,7 @@
         "WeeklyReports": "Weekly reports",
         "WellDone": "Well done!",
         "Widgets": "Widgets",
+	"Widget": "Widget",
         "XComparedToY": "%1$s compared to %2$s",
         "XFromY": "%1$s from %2$s",
         "YearlyReport": "yearly",

plugins/Dashboard/stylesheets/dashboard.less

@@ -128,12 +128,19 @@ h3.widgetName {
   text-shadow: none;
 }
 
+.widgetNameOffScreen {
+  overflow: hidden;
+  width:1px;
+  height:1px;
+}
+
 // Overriding some dataTable css for better dashboard display
 .widget .dataTableWrapper {
   width: 100% !important;
 }
 
 .widgetTop .button {
+  line-height: 0px;
   cursor: pointer;
   float: right;
   margin: 6px 6px 0 0;

plugins/Dashboard/templates/_widgetFactoryTemplate.twig

@@ -13,11 +13,14 @@
       <div class="button" id="refresh">
         <img src="plugins/Morpheus/images/refresh.png" title="{{ 'General_Refresh'|translate }}" />
       </div>
-      <h3 class="widgetName">{% if widgetName is defined %}{{ widgetName }}{% endif %}</h3>
+      <h3 class="widgetName">{% if widgetName is defined %}{{ widgetName }}{% endif %}
+        <div class="widgetNameOffScreen">
+          {{ 'General_Widget'|translate }}
+        </div>
+      </h3>
     </div>
     <div class="widgetContent">
       <div class="widgetLoading">{{ 'Dashboard_LoadingWidget'|translate }}</div>
     </div>
   </div>
 </div>
-