microsoft / BotFramework-WebChat

A highly-customizable web-based client for Azure Bot Services.
https://www.botframework.com/
MIT License
1.59k stars 1.54k forks source link

[MAS2.4.7] Focus indicator is not visible on "Upload File" and "Send" buttons. #1306

Closed priysn closed 5 years ago

priysn commented 5 years ago

Actual Result: Keyboard focus indicator is not visible on "Upload card" and "Send" buttons.

Note: Same issue repro at -

  1. Url -> Type "accessibility" in text box -> Press Enter -> Navigate to "New message" button on the page by using Tab key - Focus indicator is not visible on “New Messages” button. Please refer the attachment "MAS2.4.7_New message button."

Expected Result: Keyboard focus indicator should be visible on "Upload card" and "Send" buttons.

Repro Steps:

  1. Open URL https://microsoft.github.io/BotFramework-WebChat/full-bundle in Edge browser.
  2. Notice 'Upload File' and 'Send' button icons present in bottom of screen.
  3. Navigate to Upload File' and 'Send' buttons by using Tab key.
  4. Observe that focus indicator is not visible on "Upload File" and "Send" buttons.

User Impact: If focus indicator is not visible on any control then the user who is visually impaired will not able to understand the landing of focus.

MAS Reference: MAS 2.4.7 - Focus Visible (05A)

Test Environment: OS: Windows 10 OS Build: 17134.345 OS Version: 1803 Browser: Edge

Attachment:

  1. MAS2.4.7_Focus indicator _Upload file and send button.zip
  2. MAS2.4.7_New message button.zip
priysn commented 5 years ago

As part of internal bug review, closing this bug.

Amit8527510735 commented 3 years ago

HCL;#Accessibility;#HCL_BotFramework_WebChat;#A11yMAS;#WCAG2.4.7;