add role, name, posinset for paste in edgeMenu (#2126)

Co-authored-by: zeye <2295905420@qq.com> Co-authored-by: Chris Whitten <christopher.whitten@microsoft.com>
microsoft · Mar 4, 2020 · 7191c2f · 7191c2f
1 parent a20d2b2
commit 7191c2f
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/Composer/packages/extensions/visual-designer/src/components/menus/EdgeMenu.tsx b/Composer/packages/extensions/visual-designer/src/components/menus/EdgeMenu.tsx
@@ -46,15 +46,21 @@ const buildEdgeMenuItemsFromClipboardContext = (
   );
 
   const enablePaste = Array.isArray(clipboardActions) && clipboardActions.length > 0;
+  const menuItemCount = menuItems.length;
   menuItems.unshift(
     {
       key: 'Paste',
       name: 'Paste',
+      ariaLabel: 'Paste',
       disabled: !enablePaste,
       onRender: () => {
         return (
           <button
             disabled={!enablePaste}
+            role="menuitem"
+            name="Paste"
+            aria-posinset={1}
+            aria-setsize={menuItemCount + 1}
             css={css`
               color: ${enablePaste ? '#0078D4' : '#BDBDBD'};
               background: #fff;