Skip to content

Commit c833741

Browse files
Fix Down/Up Arrow behavior for vertical toolbar (Fixes mdn#42399) (mdn#42406)
* Fix Down/Up Arrow behavior for vertical toolbar (Fixes mdn#42399) * Reorder --------- Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
1 parent 16c3888 commit c833741

File tree

1 file changed

+4
-4
lines changed
  • files/en-us/web/accessibility/aria/reference/roles/toolbar_role

1 file changed

+4
-4
lines changed

files/en-us/web/accessibility/aria/reference/roles/toolbar_role/index.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -50,10 +50,10 @@ Implement focus management so the keyboard tab sequence includes one stop for th
5050

5151
Elements with the role toolbar have an implicit `aria-orientation` value of horizontal. If the toolbar indeed has this orientation, the following keyboard interactions need to be implemented:
5252

53-
- <kbd>Left Arrow</kbd> (For a horizontal toolbar (the default)
53+
- <kbd>Left Arrow</kbd>
5454
- : Moves focus to the previous control. Optionally, focus movement may wrap from the first element to the last element.
5555

56-
- <kbd>Right Arrow</kbd> (For a horizontal toolbar (the default)
56+
- <kbd>Right Arrow</kbd>
5757
- : Moves focus to the next control. Optionally, focus movement may wrap from the last element to the first element.
5858

5959
In toolbars with multiple rows of controls, allow the left and right arrows to wraps from row to row, leaving the option of reserving vertical arrow keys for operating controls, such as navigating among radios buttons, or incrementing/decrementing a numeric spinner.
@@ -62,10 +62,10 @@ In toolbars with multiple rows of controls, allow the left and right arrows to w
6262

6363
If the toolbar is vertical, ensure `aria-orientation="vertical"` is set, and the following keyboard interactions are implemented:
6464

65-
- <kbd>Down Arrow</kbd> (For a horizontal toolbar (the default)
65+
- <kbd>Up Arrow</kbd>
6666
- : Moves focus to the previous control. Optionally, focus movement may wrap from the first element to the last element.
6767

68-
- <kbd>Up Arrow</kbd> (For a horizontal toolbar (the default)
68+
- <kbd>Down Arrow</kbd>
6969
- : Moves focus to the next control. Optionally, focus movement may wrap from the last element to the first element.
7070

7171
### Required JavaScript features

0 commit comments

Comments
 (0)