Added a tooltip to the voice message button (zhukov#1916)

* Added a string for the voice recording button title

* Added a title to the voice message button

Added it twice - once for accessibility purposes on the anchor that actually activates the action (though hovering does not show this title) and the other is on the element on which the user actually clicks and hovers, in order to show the title.

* Added a title to the voice message button

Author: phistuck

app/js/locales/en-us.json

@@ -549,6 +549,7 @@
 	"im_emoji_tab": "Emoji",
 	"im_stickers_tab": "Stickers",
 	"im_stickers_tab_recent": "Frequently used",
+	"im_voice_record_title": "Record a message",
 	"im_media_attach_title": "Send media",
 	"im_attach_file_title": "Send file",
 	"im_emoji_btn_title": "Insert emoticon",

app/partials/desktop/send_form.html

@@ -54,8 +54,8 @@
       <i class="icon icon-camera"></i>
     </div>
 
-    <a class="im_record pull-left">
-      <div class="im_record_bg">
+    <a class="im_record pull-left" title="{{'im_voice_record_title' | i18n}}">
+      <div class="im_record_bg" title="{{'im_voice_record_title' | i18n}}">
         <i class="icon icon-mic"></i>
       </div>
     </a>
@@ -67,4 +67,4 @@
     <div my-reply-markup="replyKeyboard"></div>
   </div>
 
-</form>
+</form>

app/partials/mobile/send_form.html

@@ -44,7 +44,7 @@
       <i class="icon icon-paperclip"></i>
     </div>
 
-    <div class="im_record pull-right">
+    <div class="im_record pull-right" title="{{'im_voice_record_title' | i18n}}">
       <i class="icon icon-mic"></i>
     </div>
 
@@ -56,4 +56,4 @@
     <div my-reply-markup="replyKeyboard"></div>
   </div>
 
-</form>
+</form>