feat(menu): support accessible keyboard

vexip-ui · Jul 21, 2022 · ede2772 · ede2772
1 parent a27aa27
commit ede2772
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/components/menu/menu-item.vue b/components/menu/menu-item.vue
@@ -1,5 +1,12 @@
 <template>
-  <li ref="wrapper" :class="className">
+  <li
+    ref="wrapper"
+    :class="className"
+    role="menuitem"
+    tabindex="0"
+    :aria-disabled="props.disabled ? 'true' : undefined"
+    @keydown.enter.stop="handleSelect"
+  >
     <Tooltip
       placement="right"
       :theme="tooltipTheme"

diff --git a/components/menu/menu.tsx b/components/menu/menu.tsx
@@ -354,7 +354,7 @@ export default defineComponent({
 
     return () => {
       return (
-        <ul ref={wrapper} class={className.value}>
+        <ul ref={wrapper} class={className.value} role={'menu'} tabindex={0}>
           {slots.default
             ? (
                 slots.default()