Merge branch 'master' of https://github.com/zhukov/webogram

Author: zhukov

README.md

@@ -63,7 +63,7 @@ Install dependencies with:
 npm install
 ```
 
-Optionaly, run the following commands in the project directory to install gulp globally:
+Optionally, run the following commands in the project directory to install gulp globally:
 
 ```lang=bash
 sudo npm install -g gulp

app/js/locales/de-de.json

@@ -407,6 +407,7 @@
     "error_modal_gelocation_na": "App kann deinen aktuellen Standort nicht bestimmen",
     "error_modal_2fa_recent_confirm": "Deine vorherigen Versuche das Konto zurückzusetzen wurden durch den aktiven Nutzer abgebrochen. Bitte in 7 Tagen erneut probieren.",
     "error_modal_2fa_delayed_time_md": "Du kannst dein Konto zurücksetzen in: **{time}**",
+    "head_mainmenu": "Hauptmenü",
     "head_telegram": "Telegram",
     "head_new_group": "Neue Gruppe",
     "head_new_contact": "Neuer Kontakt",
@@ -837,4 +838,4 @@
     "country_select_modal_country_zm": "Sambia",
     "country_select_modal_country_tz_uk": "Sansibar",
     "country_select_modal_country_zw": "Simbabwe"
-}
+}

app/js/locales/en-us.json

@@ -463,7 +463,7 @@
 	"error_modal_2fa_recent_confirm": "Your recent attempts to reset this account have been cancelled by its active user. Please try again in 7 days.",
 	"error_modal_2fa_delayed_time_md": "You'll be able to reset your account in: **{time}**",
 
-
+	"head_mainmenu": "Main menu",
 	"head_telegram": "Telegram",
 	"head_new_group": "New group",
 	"head_new_contact": "New contact",
@@ -552,6 +552,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/less/app.less

@@ -5023,4 +5023,10 @@ a.countries_modal_search_clear {
   }
 }
 
-
+.visually-hidden { /* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
+  position: absolute !important;
+  height: 1px; width: 1px;
+  overflow: hidden;
+  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+  clip: rect(1px, 1px, 1px, 1px);
+}

app/partials/desktop/head.html

@@ -4,6 +4,7 @@
     <div class="tg_head_logo_wrap">
       <div class="tg_head_logo_dropdown dropdown" dropdown>
         <a class="tg_head_btn dropdown-toggle" dropdown-toggle>
+          <span class="visually-hidden" my-i18n="head_mainmenu"></span>
           <div class="icon-hamburger-wrap">
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
@@ -112,4 +113,4 @@
       </div>
     </div>
   </div>
-</div>
+</div>

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>