Fix #977 - Add tooltip to avatar icon (#1004)

mozilla · Aug 10, 2021 · d5e82e9 · d5e82e9
1 parent af70849
commit d5e82e9
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/privaterelay/locales/en-US/app.ftl b/privaterelay/locales/en-US/app.ftl
@@ -34,6 +34,7 @@ logo-alt= { -brand-name-firefox-relay }
 nav-menu = Menu
 nav-home = Home
 label-open-menu = Open menu
+avatar-tooltip = Profile
 
 # 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/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="{% ftlmsg 'label-open-menu' %}">
+			<button class="avatar-wrapper" aria-label="{% ftlmsg 'label-open-menu' %}" title="{% ftlmsg 'avatar-tooltip' %}">
 				<img class="avatar" src="{{ avatar }}" alt="{% ftlmsg 'nav-profile-image-alt' %}" />
 			</button>
 			<div class="glocal-menu-wrapper">