improve chat input accessibility (#2353)

Sets aria-role="textbox" and aria-placeholder
2022-11-17 19:32:25 +01:00
parent 3a401991cf
commit 17bf41461c
2 changed files with 3 additions and 2 deletions
--- a/webroot/js/components/chat/chat-input.js
+++ b/webroot/js/components/chat/chat-input.js
@@ -347,8 +347,9 @@ export default class ChatInput extends Component {
        >
          <${ContentEditable}
            id="message-input"
+            aria-role="textbox"
            class="appearance-none block w-full bg-transparent text-sm text-gray-700 h-full focus:outline-none"
-            placeholderText=${placeholderText}
+            aria-placeholder=${placeholderText}
            innerRef=${this.formMessageInput}
            html=${inputHTML}
            disabled=${!inputEnabled}