UX: Add missing labels to mobile composer buttons

UX: Add missing labels to mobile composer buttons

diff --git a/app/assets/javascripts/discourse/app/components/composer-toggles.js b/app/assets/javascripts/discourse/app/components/composer-toggles.js
index ef0f1c9..16b1773 100644
--- a/app/assets/javascripts/discourse/app/components/composer-toggles.js
+++ b/app/assets/javascripts/discourse/app/components/composer-toggles.js
@@ -11,6 +11,11 @@ export default Component.extend({
       : "composer.collapse";
   },
 
+  @discourseComputed("showToolbar")
+  toggleToolbarTitle(showToolbar) {
+    return showToolbar ? "composer.hide_toolbar" : "composer.show_toolbar";
+  },
+
   @discourseComputed("composeState")
   fullscreenTitle(composeState) {
     return composeState === "draft"
diff --git a/app/assets/javascripts/discourse/app/templates/components/composer-toggles.hbs b/app/assets/javascripts/discourse/app/templates/components/composer-toggles.hbs
index 09509b0..cd4bac7 100644
--- a/app/assets/javascripts/discourse/app/templates/components/composer-toggles.hbs
+++ b/app/assets/javascripts/discourse/app/templates/components/composer-toggles.hbs
@@ -5,7 +5,8 @@
     {{flat-button
       class="toggle-toolbar"
       icon="bars"
-      action=toggleToolbar}}
+      action=toggleToolbar
+      title=toggleToolbarTitle}}
   {{/if}}
 
   {{flat-button
diff --git a/app/assets/javascripts/discourse/app/templates/composer.hbs b/app/assets/javascripts/discourse/app/templates/composer.hbs
index e8dbfc8..ded30ce 100644
--- a/app/assets/javascripts/discourse/app/templates/composer.hbs
+++ b/app/assets/javascripts/discourse/app/templates/composer.hbs
@@ -43,7 +43,7 @@
                 {{/if}}
               </div>
             {{/unless}}
-            {{composer-toggles composeState=model.composeState
+            {{composer-toggles composeState=model.composeState showToolbar=showToolbar
                       toggleComposer=(action "toggle")
                       toggleToolbar=(action "toggleToolbar")
                       toggleFullscreen=(action "fullscreenComposer")}}
@@ -190,12 +190,12 @@
 
           {{#if site.mobileView}}
             {{#if allowUpload}}
-              <a class="btn btn-default no-text mobile-file-upload {{if isUploading "hidden"}}">
+              <a class="btn btn-default no-text mobile-file-upload {{if isUploading "hidden"}}"  aria-label={{i18n "composer.upload_title"}}>
                 {{d-icon uploadIcon}}
               </a>
             {{/if}}
 
-            <a href class="btn btn-default no-text mobile-preview" title={{i18n "composer.show_preview"}} {{action "togglePreview"}}>
+            <a href class="btn btn-default no-text mobile-preview" title={{i18n "composer.show_preview"}} {{action "togglePreview"}} aria-label={{i18n "preview"}}>
               {{d-icon "desktop"}}
             </a>
 
diff --git a/config/locales/client.en.yml b/config/locales/client.en.yml
index 7454e26..f0cec47 100644
--- a/config/locales/client.en.yml
+++ b/config/locales/client.en.yml
@@ -1758,7 +1758,6 @@ en:
       lora: "Lora"
       mukta: "Mukta"
 
-
     shortcut_modifier_key:
       shift: "Shift"
       ctrl: "Ctrl"
@@ -1919,6 +1918,8 @@ en:
       abandon: "close composer and discard draft"
       enter_fullscreen: "enter fullscreen composer"
       exit_fullscreen: "exit fullscreen composer"
+      show_toolbar: "show composer toolbar"
+      hide_toolbar: "hide composer toolbar"
       modal_ok: "OK"
       modal_cancel: "Cancel"
       cant_send_pm: "Sorry, you can't send a message to %{username}."

GitHub sha: 13c9d7e7

This commit has been mentioned on Discourse Meta. There might be relevant details there:

https://meta.discourse.org/t/accessibility-new-topic-reply-form-not-accessible-to-screen-reader/107038/12