react-chatbot-kit icon indicating copy to clipboard operation
react-chatbot-kit copied to clipboard

Published 20 hours ago • verified publisher icon FredrikOseberg

Screen reader does not announce the name for the 'Send' button.

Open msftedad opened this issue 5 months ago • 1 comments

Title: Screen reader does not announce the name for the 'Send' button.

Test Environment: OS: Windows 11 Version 24H2 (OS Build 26120.1542) Browser: Microsoft New Edge (Version 128.0.2739.42) (Official build) (64-bit) AT: Narrator

Repro steps:

  1. Turn on Narrator by pressing 'Ctrl + Windows + Enter' keys.
  2. Open URL Hello from React-chatbot-kit | React-chatbot-kit (fredrikoseberg.github.io) in Edge browser.
  3. 'React-chatbot-kit' page will open.
  4. Press tab key to reach 'Chatbot Send' button.
  5. Press tab key to reach Send' button in 'Write your message' edit field and observe whether the 'Send' button has a Name or not.

Actual Result: Screen reader is announcing just as 'button' for the 'Send' button.

https://github.com/user-attachments/assets/7ba09f06-ef45-4268-9cfd-36ba79c93f8a

Descriptive name is not provided for 'Send' button (1)

Expected Result: Screen reader should announce proper name as 'Send' button.

msftedad avatar Sep 26 '24 06:09 msftedad