Skip to content

Keyboard Navigation Broken 4.12+ for React #3799

@nephinj

Description

@nephinj

Since upgrading to version 4.12.0 and 4.12.1 users can no longer seem to tab into links or card buttons in the chat.

Screenshots

Tab on Answer
image

Next Shift-Tab
image

Version

4.12.0 and 4.12.1

Describe the bug

Starting in the search box and hitting Shift-Tab twice takes you to the transcript, hitting Shift-Tab again takes you to the answer with a dashed border and then hitting it a forth time it jumps out of the conversation window to the minimize button.

Steps to reproduce

  1. Go to https://microsoft.github.io/BotFramework-WebChat/06.recomposing-ui/a.minimizable-web-chat/
  2. Click on search box
  3. Type help and press Enter
  4. Hit Shift-Tab three times to get to the answer
  5. Hit Shift-Tab again

Expected behavior

Expected behavior after hitting Shift-Tab beyond the dashed answer is that it goes to the buttons inside the response and then to the next question/answer pair. Disabled users don't seem to have a way to get to buttons or links in the answer or previous question answer pairs.

Tried various combinations of Tab and Up/Down keys but nothing seems to work.

[Bug][Area: Accessibility]

Metadata

Metadata

Assignees

Labels

Bot ServicesRequired for internal Azure reporting. Do not delete. Do not change color.DuplicateThis issue or pull request already existscustomer-replied-toRequired for internal reporting. Do not delete.customer-reportedRequired for internal Azure reporting. Do not delete.questionFurther information is requested. Stack Overflow candidate

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions