@@ -78,16 +78,20 @@ export const MenuBarMixin = (superClass) =>
78
78
* ];
79
79
* ```
80
80
*
81
- * #### Disabled items
81
+ * #### Disabled buttons
82
82
*
83
- * When an item is disabled, it prevents any user interaction with it, such as
84
- * focusing, clicking, opening a sub-menu, etc. The item is also removed from
85
- * tab order, which makes it inaccessible to screen readers.
83
+ * When a root-level item (menu bar button) is disabled, it prevents all user
84
+ * interactions with it, such as focusing, clicking, opening a sub-menu, etc.
85
+ * The button is also removed from tab order, which makes it unreachable via
86
+ * the keyboard navigation.
86
87
*
87
- * To improve accessibility, disabled root-level items (menu bar buttons) can be
88
- * made focusable so that screen readers can still reach and properly announce
89
- * them, while still preventing clicks. This is currently available as an
90
- * experimental enhancement that can be enabled with the following feature flag:
88
+ * While the default behavior effectively prevents accidental interactions,
89
+ * it has an accessibility drawback: screen readers skip disabled buttons
90
+ * entirely, and users can't see tooltips that might explain why the button
91
+ * is disabled. To address this, an experimental enhancement allows disabled
92
+ * menu bar buttons to receive focus and show tooltips, while still preventing
93
+ * other interactions. This feature can be enabled with the following feature
94
+ * flag:
91
95
*
92
96
* ```
93
97
* // Set before any menu bar is attached to the DOM.
0 commit comments