Toolbar: add allowKeyboardNavigation and update KBN article by vladaskorohodova · Pull Request #8976 · DevExpress/devextreme-documentation

vladaskorohodova · 2026-07-13T11:05:12Z

No description provided.

Copilot

Pull request overview

This PR documents the new dxToolbar option allowKeyboardNavigation and updates the Toolbar accessibility guidance to reflect the keyboard interaction model when this option is enabled.

Changes:

Added an API reference page for dxToolbar.Options.allowKeyboardNavigation.
Updated the Toolbar “Keyboard Navigation” article with revised key behaviors and a prerequisite link to the option.
Extended metadata/syntax-data.json with the Vue kebab-case mapping for allowKeyboardNavigation.

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 1 comment.

File	Description
metadata/syntax-data.json	Adds the Vue attribute mapping for `dxToolbarOptions.allowKeyboardNavigation`.
concepts/05 UI Components/Toolbar/05 Accessibility/15 Keyboard Navigation.md	Updates the keyboard navigation documentation and references `allowKeyboardNavigation`.
api-reference/10 UI Components/dxToolbar/1 Configuration/allowKeyboardNavigation.md	Introduces the API reference entry describing the option’s behavior and default.

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

Copilot

Pull request overview

Copilot reviewed 3 out of 3 changed files in this pull request and generated 3 comments.

….com/DevExpress/devextreme-documentation into feature/26_2_toolbar-kbn-improvement

Copilot

Pull request overview

Copilot reviewed 3 out of 3 changed files in this pull request and generated 2 comments.

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

Copilot

Pull request overview

Copilot reviewed 3 out of 3 changed files in this pull request and generated 3 comments.

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

Copilot

Pull request overview

Copilot reviewed 3 out of 3 changed files in this pull request and generated no new comments.

Co-authored-by: Vladimir Abadzhev <vladimira@devexpress.com> Co-authored-by: Vlada Skorokhodova <94827090+vladaskorohodova@users.noreply.github.com>

Copilot

Pull request overview

Copilot reviewed 3 out of 3 changed files in this pull request and generated 2 comments.

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

Copilot

Pull request overview

Copilot reviewed 3 out of 3 changed files in this pull request and generated 2 comments.

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com> Co-authored-by: dirkpieterse <dirk.pieterse@devexpress.com>

Copilot

Pull request overview

Copilot reviewed 3 out of 3 changed files in this pull request and generated 2 comments.

+---
+id: dxToolbar.Options.allowKeyboardNavigation
+type: Boolean
+default: true
+---
+---
+##### shortDescription
+Specifies whether users can navigate between Toolbar items using standard keyboard shortcuts.
+
+---
+When this property is set to `true`, the Toolbar enables keyboard shortcuts that match [WAI-ARIA Authoring Practices (APG)](https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/) recommendations. Users can move focus between available items with the arrow keys and the `Home` and `End` keys. The `Tab` and `Shift+Tab` keys move focus into and out of the Toolbar.
+
+##### shortDescription
+
+Specifies whether users can navigate between Toolbar items using standard keyboard shortcuts.
+
+
+
+---
+
+When this property is set to `true`, the Toolbar enables keyboard shortcuts that match [WAI-ARIA Authoring Practices (APG)](https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/) recommendations. Users can move focus between available items with arrow keys and the `Home` and `End` keys. The `Tab` and `Shift+Tab` keys move focus into and out of the Toolbar.
+
+
+When this property is set to `false`, the Toolbar does not process item-to-item keyboard shortcuts. Each focusable item participates in the page tab order according to its settings.


    <tr>
        <td>Shift + Tab</td>
-        <td>Moves focus to the previous toolbar item.</td>
+        <td>If a Toolbar receives focus, it focuses its last available item.</td>


Copilot

Pull request overview

Copilot reviewed 3 out of 3 changed files in this pull request and generated 2 comments.

    <tr>
        <td>Tab</td>
-        <td>Moves focus to the next toolbar item.</td>
+        <td>If a Toolbar receives focus, it focuses its first available item.</td>


    <tr>
        <td>Shift + Tab</td>
-        <td>Moves focus to the previous toolbar item.</td>
+        <td>If a Toolbar receives focus, it focuses its last available item.</td>


dxrobot and others added 2 commits July 10, 2026 17:32

DocGen feature/26_2_toolbar-kbn-improvement result (#8971)

e3fb21a

Describe allowKeyboardNavigation + update KBN article

791045f

vladaskorohodova self-assigned this Jul 13, 2026

Copilot AI review requested due to automatic review settings July 13, 2026 11:05

vladaskorohodova added the 26_2 label Jul 13, 2026

Copilot started reviewing on behalf of vladaskorohodova July 13, 2026 11:05 View session

Copilot AI reviewed Jul 13, 2026

View reviewed changes

Comment thread concepts/05 UI Components/Toolbar/05 Accessibility/15 Keyboard Navigation.md Outdated

Potential fix for pull request finding

52c22df

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

Copilot AI review requested due to automatic review settings July 13, 2026 11:08

Copilot started reviewing on behalf of vladaskorohodova July 13, 2026 11:09 View session

Copilot AI reviewed Jul 13, 2026

View reviewed changes

pharret31 reviewed Jul 13, 2026

View reviewed changes

Comment thread concepts/05 UI Components/Toolbar/05 Accessibility/15 Keyboard Navigation.md Outdated

vladaskorohodova added 2 commits July 13, 2026 15:27

Update after the review

211b2ca

Merge branch 'feature/26_2_toolbar-kbn-improvement' of https://github…

4ed5d33

….com/DevExpress/devextreme-documentation into feature/26_2_toolbar-kbn-improvement

Copilot AI review requested due to automatic review settings July 13, 2026 11:28

Copilot started reviewing on behalf of vladaskorohodova July 13, 2026 11:28 View session

Copilot AI reviewed Jul 13, 2026

View reviewed changes

Comment thread concepts/05 UI Components/Toolbar/05 Accessibility/15 Keyboard Navigation.md Outdated

Comment thread concepts/05 UI Components/Toolbar/05 Accessibility/15 Keyboard Navigation.md Outdated

Apply suggestions from code review

70513b0

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

Copilot AI review requested due to automatic review settings July 13, 2026 11:31

Copilot started reviewing on behalf of vladaskorohodova July 13, 2026 11:31 View session

Copilot AI reviewed Jul 13, 2026

View reviewed changes

Potential fix for pull request finding

0231a61

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

Copilot AI review requested due to automatic review settings July 13, 2026 11:41

Copilot started reviewing on behalf of vladaskorohodova July 13, 2026 11:41 View session

Copilot AI reviewed Jul 13, 2026

View reviewed changes

EugeniyKiyashko approved these changes Jul 13, 2026

View reviewed changes

Abadzhev reviewed Jul 14, 2026

View reviewed changes

vladaskorohodova commented Jul 16, 2026

View reviewed changes

Comment thread concepts/05 UI Components/Toolbar/05 Accessibility/15 Keyboard Navigation.md Outdated

Apply suggestions from code review

487fd14

Co-authored-by: Vladimir Abadzhev <vladimira@devexpress.com> Co-authored-by: Vlada Skorokhodova <94827090+vladaskorohodova@users.noreply.github.com>

Copilot AI review requested due to automatic review settings July 16, 2026 07:58

Copilot started reviewing on behalf of vladaskorohodova July 16, 2026 07:59 View session

Copilot AI reviewed Jul 16, 2026

View reviewed changes

Comment thread concepts/05 UI Components/Toolbar/05 Accessibility/15 Keyboard Navigation.md

Comment thread api-reference/10 UI Components/dxToolbar/1 Configuration/allowKeyboardNavigation.md Outdated

Potential fix for pull request finding

693643e

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

Copilot AI review requested due to automatic review settings July 16, 2026 08:32

Copilot started reviewing on behalf of vladaskorohodova July 16, 2026 08:32 View session

Copilot AI reviewed Jul 16, 2026

View reviewed changes

Comment thread concepts/05 UI Components/Toolbar/05 Accessibility/15 Keyboard Navigation.md Outdated

Comment thread api-reference/10 UI Components/dxToolbar/1 Configuration/allowKeyboardNavigation.md Outdated

dirkpieterse reviewed Jul 16, 2026

View reviewed changes

Comment thread api-reference/10 UI Components/dxToolbar/1 Configuration/allowKeyboardNavigation.md Outdated

Apply suggestions from code review

54e4974

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com> Co-authored-by: dirkpieterse <dirk.pieterse@devexpress.com>

Copilot AI review requested due to automatic review settings July 16, 2026 09:11

Copilot started reviewing on behalf of vladaskorohodova July 16, 2026 09:12 View session

Copilot AI reviewed Jul 16, 2026

View reviewed changes

Fix markup

b7a0fc2

Copilot AI review requested due to automatic review settings July 16, 2026 09:16

Copilot started reviewing on behalf of vladaskorohodova July 16, 2026 09:17 View session

Copilot AI reviewed Jul 16, 2026

View reviewed changes

vladaskorohodova merged commit 58c7627 into main Jul 16, 2026
11 checks passed

vladaskorohodova deleted the feature/26_2_toolbar-kbn-improvement branch July 16, 2026 10:15

Uh oh!

Conversation

vladaskorohodova commented Jul 13, 2026

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

7 participants