Forms dashboard: Add translations and hide icon for screen readers (#…

…6883)
umbraco · Jan 14, 2020 · 8829d7f · 8829d7f
1 parent 9847b99
commit 8829d7f
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 4 deletions.
diff --git a/src/Umbraco.Web.UI.Client/src/views/dashboard/forms/formsdashboardintro.html b/src/Umbraco.Web.UI.Client/src/views/dashboard/forms/formsdashboardintro.html
@@ -2,28 +2,33 @@
 	<div class="installer-wrapper">
 
 		<div class="installer-intro">
-			<i class="icon icon-umb-contour"></i>
-			<h3>Umbraco Forms</h3>
+			<i class="icon icon-umb-contour" aria-hidden="true"></i>
+			<h3>
+				<localize key="formsDashboard_formsHeadline">Umbraco Forms</localize>
+			</h3>
 		</div>
 
         <!-- STEP one -->
 		<div class="step-one" ng-hide="vm.state">
 
-			<p class="step-text">Create forms using an intuitive drag and drop interface. From simple contact forms that sends e-mails to advanced questionaires that integrate with CRM systems. Your clients will love it!</p>
+			<p class="step-text">
+				<localize key="formsDashboard_formsDescription">Create forms using an intuitive drag and drop interface. From simple contact forms that sends e-mails to advanced questionaires that integrate with CRM systems. Your clients will love it!</localize>
+			</p>
 
 			<umb-button
 				class="forms-install-button"
 				type="button"
 				button-style="success"
 				label="Install"
+				label-key="general_install"
 				action="vm.installForms()">
 			</umb-button>
 
 		</div>
 
         <!-- STEP two -->
 		<div class="step-two" ng-if="vm.state">
-			<p id="installer" class="step-text">Installing...</p>
+			<p id="installer" class="step-text"><localize key="general_installing">Installing</localize>...</p>
 
             <div class="installing">
 

diff --git a/src/Umbraco.Web.UI/Umbraco/config/lang/en.xml b/src/Umbraco.Web.UI/Umbraco/config/lang/en.xml
@@ -766,6 +766,7 @@
     <key alias="articles">Articles</key>
     <key alias="videos">Videos</key>
     <key alias="clear">Clear</key>
+    <key alias="installing">Installing</key>
   </area>
   <area alias="colors">
     <key alias="blue">Blue</key>
@@ -2375,4 +2376,8 @@ To manage your website, simply open the Umbraco back office and start adding con
     <key alias="fallbackHeadline">Welcome to The Friendly CMS</key>
     <key alias="fallbackDescription">Thank you for choosing Umbraco - we think this could be the beginning of something beautiful. While it may feel overwhelming at first, we've done a lot to make the learning curve as smooth and fast as possible.</key>
   </area>  
+  <area alias="formsDashboard">
+    <key alias="formsHeadline">Umbraco Forms</key>
+    <key alias="formsDescription">Create forms using an intuitive drag and drop interface. From simple contact forms that sends e-mails to advanced questionaires that integrate with CRM systems. Your clients will love it!</key>
+  </area>
 </language>
diff --git a/src/Umbraco.Web.UI/Umbraco/config/lang/en_us.xml b/src/Umbraco.Web.UI/Umbraco/config/lang/en_us.xml
@@ -771,6 +771,7 @@
     <key alias="articles">Articles</key>
     <key alias="videos">Videos</key>
     <key alias="clear">Clear</key>
+    <key alias="installing">Installing</key>
   </area>
   <area alias="colors">
     <key alias="blue">Blue</key>
@@ -2391,4 +2392,8 @@ To manage your website, simply open the Umbraco back office and start adding con
     <key alias="fallbackHeadline">Welcome to The Friendly CMS</key>
     <key alias="fallbackDescription">Thank you for choosing Umbraco - we think this could be the beginning of something beautiful. While it may feel overwhelming at first, we've done a lot to make the learning curve as smooth and fast as possible.</key>
   </area>  
+  <area alias="formsDashboard">
+    <key alias="formsHeadline">Umbraco Forms</key>
+    <key alias="formsDescription">Create forms using an intuitive drag and drop interface. From simple contact forms that sends e-mails to advanced questionaires that integrate with CRM systems. Your clients will love it!</key>
+  </area>
 </language>