Translate all aria-labels

mozilla · Jul 8, 2021 · 58971f4 · 58971f4
1 parent 00f2e83
commit 58971f4
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 5 deletions.
diff --git a/privaterelay/locales/en-US/app.ftl b/privaterelay/locales/en-US/app.ftl
@@ -32,6 +32,7 @@ meta-description = { -brand-name-firefox-relay } makes it easy to create email a
 logo-alt= { -brand-name-firefox-relay }
 nav-menu = Menu
 nav-home = Home
+label-open-menu = Open menu
 
 # FAQ stands for Frequently Asked Questions. The intent of this page is to answer commonly asked questions.
 nav-faq = FAQ

diff --git a/privaterelay/templates/includes/footer.html b/privaterelay/templates/includes/footer.html
@@ -3,14 +3,14 @@
 {% ftlconf bundle='privaterelay.ftl_bundles.main' %}
 
 <footer class="flx flx-row spc-btwn row-full-width txt-white">
-	<a class="footer-link moz-logo-link" href="https://www.mozilla.org" class="inline-block" aria-label="Mozilla.com" target="_blank" rel="noopener">
+	<a class="footer-link moz-logo-link" href="https://www.mozilla.org" class="inline-block" target="_blank" rel="noopener">
 		<img alt="Mozilla" class="block w-24" src="{% static 'images/mozilla.svg' %}"/>
 	</a>
 	<nav class="flx flx-wrap al-cntr">
 		<a class="footer-link" href="https://www.mozilla.org/privacy/firefox-relay/" target="_blank" rel="noopener noreferrer">{% ftlmsg 'nav-footer-privacy' %}</a>
 		<a class="footer-link" href="https://www.mozilla.org/about/legal/terms/firefox-relay/" target="_blank" rel="noopener noreferrer">{% ftlmsg 'nav-footer-relay-terms' %}</a>
         <a class="footer-link" href="https://www.mozilla.org/about/legal/" target="_blank" rel="noopener noreferrer">{% ftlmsg 'nav-footer-legal' %}</a>
-		<a class="footer-link" href="https://github.com/mozilla/fx-private-relay" rel="noopener noreferrer" target="_blank" aria-label="Link to the Firefox Relay GitHub repository.">
+		<a class="footer-link" href="https://github.com/mozilla/fx-private-relay" rel="noopener noreferrer" target="_blank">
 			<img class="GitHub-logo" alt="GitHub logo" src="{% static 'images/GitHub.svg' %}" />
 		</a>
 	</nav>

diff --git a/privaterelay/templates/includes/header.html b/privaterelay/templates/includes/header.html
@@ -61,7 +61,7 @@
   {% endif %}
 
   <div class="flx flx-row spc-btwn row-full-width header-top">
-    <a href="/" class="flx flx-row logo-wrapper" aria-label="Firefox Relay">
+    <a href="/" class="flx flx-row logo-wrapper" aria-label="{% ftlmsg 'logo-alt' %}">
       <div class="fx-private-relay-logomark"></div>
       <div class="fx-private-relay-logotype"></div>
     </a>
@@ -72,7 +72,7 @@
     {% include "includes/login.html" %}
   </div>
   <nav class="flx flx-col ff-Met al-cntr mobile-menu show-mobile">
-    <button class="mobile-menu-toggle full-width ff-Met" aria-label="Open mobile menu"><span class="mobile-menu-label">{% ftlmsg 'nav-menu' %}</span></button>
+    <button class="mobile-menu-toggle full-width ff-Met" aria-label="{% ftlmsg 'label-open-menu' %}"><span class="mobile-menu-label">{% ftlmsg 'nav-menu' %}</span></button>
     <div class="mobile-menu-links flx flx-col">
       <a class="{% if request.path == '/' or request.path == '/accounts/profile/' %} active-header-link {% endif %} mobile-menu-link mobile-home-link" href="/">{% ftlmsg 'nav-home' %}</a>
       <a class="{% if request.path == '/faq' %} active-header-link {% endif %} mobile-menu-link" href="/faq">{% ftlmsg 'nav-faq' %}</a>

diff --git a/privaterelay/templates/includes/login.html b/privaterelay/templates/includes/login.html
@@ -19,7 +19,7 @@
 	{% else %}
 		{% get_social_accounts request.user as accounts %}
 		<glocal-menu class="glocal-menu">
-			<button class="avatar-wrapper" aria-label="Open Menu">
+			<button class="avatar-wrapper" aria-label="{% ftlmsg 'label-open-menu' %}">
 				<img class="avatar" src="{{ avatar }}" alt="{% ftlmsg 'nav-profile-image-alt' %}" />
 			</button>
 			<div class="glocal-menu-wrapper">