add role, name, posinset for paste in edgeMenu

microsoft · Feb 28, 2020 · b618c23 · b618c23
1 parent 8b0510b
commit b618c23
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;