@progress/wct-a11y-spec/dist/react/keyboard/chat_keyboard.md

Contains accessibility and keyboard navigation specification of Telerik and Kendo web components.

## Managing the Focus


Focusable elements in the Chat are part of the page tabsequence. Those are:


 - `.k-suggestion` (if any);
 - `.k-message-box textarea`;
 - all `.k-input-suffix button` elements;
 - all `.k-chat-file .k-menu-button` elements (if any);
 - all `.k-chat-download-button` elements (if any);
 - all `.k-message-reference .k-button` elements (if any);

## Keyboard Shortcuts


This section lists the keyboard shortcuts supported by the Chat composite component.

### Toolbar Component

[ToolBar  specification]({{toolbar_kb_link}})

### DropDownButton Component

[DropDownButton  specification]({{dropdownbutton_a11y_link}})

### SpeechToTextButton Component

[SpeechToTextButton  specification]({{speechtotextbutton_a11y_link}})

### ContextMenu Component


The ContextMenu component provides a context menu for the chat bubble upon `Right Click` / `Shift + F10 key press`.

[ContextMenu  specification]({{contextmenu_a11y_link}})

## Keyboard Shortcuts applicable to the `k-bubble` element

| Shortcut | Behavior |
| -------- | -------- |
| `Up Arrow` | Selects and focuses the previous Chat bubble |
| `Down Arrow` | Selects and focuses the next Chat bubble |
| `Home` | Selects and focuses the first Chat bubble |
| `End` | Selects and focuses the last Chat bubble |

## Keyboard Shortcuts applicable to the `k-suggestion`, `k-bubble-expandable-indicator`, and `k-input-suffix button` elements

| Shortcut | Behavior |
| -------- | -------- |
| `Enter/Space` | Triggers a click action on the element. |

## Keyboard Shortcuts applicable to the `k-input-inner` element

| Shortcut | Behavior |
| -------- | -------- |
| `Enter` | Sends the message. |
| `Shift + Enter` | Start a new line in the textarea message box. |