diff --git a/.gitignore b/.gitignore
index 4126ce56..8aae36ae 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,5 @@
 .storybook
+.vscode
 *.iml
 *.log
 .doc/
diff --git a/src/NodeList.tsx b/src/NodeList.tsx
index 8ac8f629..bc3a5062 100644
--- a/src/NodeList.tsx
+++ b/src/NodeList.tsx
@@ -326,6 +326,7 @@ const NodeList = React.forwardRef<NodeListRef, NodeListProps<any>>((props, ref)
         itemHeight={itemHeight}
         prefixCls={`${prefixCls}-list`}
         ref={listRef}
+        role="tree"
         onVisibleChange={originList => {
           // The best match is using `fullList` - `originList` = `restList`
           // and check the `restList` to see if has the MOTION_KEY node
diff --git a/src/Tree.tsx b/src/Tree.tsx
index bc460584..050930dd 100644
--- a/src/Tree.tsx
+++ b/src/Tree.tsx
@@ -1468,7 +1468,6 @@ class Tree<TreeDataType extends DataNode | BasicDataNode = DataNode> extends Rea
         }}
       >
         <div
-          role="tree"
           className={classNames(prefixCls, className, rootClassName, {
             [`${prefixCls}-show-line`]: showLine,
             [`${prefixCls}-focused`]: focused,
diff --git a/src/TreeNode.tsx b/src/TreeNode.tsx
index a72f2cb1..d2878dd7 100644
--- a/src/TreeNode.tsx
+++ b/src/TreeNode.tsx
@@ -353,7 +353,7 @@ class InternalTreeNode extends React.Component<InternalTreeNodeProps, TreeNodeSt
   // ====================== Render: Checkbox ======================
   // Checkbox
   renderCheckbox = () => {
-    const { checked, halfChecked, disableCheckbox } = this.props;
+    const { checked, halfChecked, disableCheckbox, title } = this.props;
     const {
       context: { prefixCls },
     } = this.props;
@@ -374,6 +374,10 @@ class InternalTreeNode extends React.Component<InternalTreeNodeProps, TreeNodeSt
           (disabled || disableCheckbox) && `${prefixCls}-checkbox-disabled`,
         )}
         onClick={this.onCheck}
+        role="checkbox"
+        aria-checked={halfChecked ? 'mixed' : checked}
+        aria-disabled={disabled || disableCheckbox}
+        aria-label={`Select ${typeof title === 'string' ? title : 'tree node'}`}
       >
         {$custom}
       </span>
@@ -545,6 +549,8 @@ class InternalTreeNode extends React.Component<InternalTreeNodeProps, TreeNodeSt
     return (
       <div
         ref={domRef}
+        role="treeitem"
+        aria-expanded={isLeaf ? undefined : expanded}
         className={classNames(className, `${prefixCls}-treenode`, {
           [`${prefixCls}-treenode-disabled`]: disabled,
           [`${prefixCls}-treenode-switcher-${expanded ? 'open' : 'close'}`]: !isLeaf,
@@ -567,7 +573,6 @@ class InternalTreeNode extends React.Component<InternalTreeNodeProps, TreeNodeSt
         style={style}
         // Draggable config
         draggable={draggableWithoutDisabled}
-        aria-grabbed={dragging}
         onDragStart={draggableWithoutDisabled ? this.onDragStart : undefined}
         // Drop config
         onDragEnter={mergedDraggable ? this.onDragEnter : undefined}
diff --git a/tests/__snapshots__/Tree.spec.tsx.snap b/tests/__snapshots__/Tree.spec.tsx.snap
index a26bd869..0385139a 100644
--- a/tests/__snapshots__/Tree.spec.tsx.snap
+++ b/tests/__snapshots__/Tree.spec.tsx.snap
@@ -3,7 +3,6 @@
 exports[`Tree Basic check basic render 1`] = `
 <div
   class="rc-tree"
-  role="tree"
 >
   <div>
     <input
@@ -28,6 +27,7 @@ exports[`Tree Basic check basic render 1`] = `
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -39,9 +39,10 @@ exports[`Tree Basic check basic render 1`] = `
           style="display: flex; flex-direction: column;"
         >
           <div
-            aria-grabbed="false"
+            aria-expanded="true"
             class="rc-tree-treenode rc-tree-treenode-switcher-open rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -51,7 +52,10 @@ exports[`Tree Basic check basic render 1`] = `
               class="rc-tree-switcher rc-tree-switcher_open"
             />
             <span
+              aria-checked="false"
+              aria-label="Select tree node"
               class="rc-tree-checkbox"
+              role="checkbox"
             />
             <span
               class="rc-tree-node-content-wrapper rc-tree-node-content-wrapper-open"
@@ -68,9 +72,10 @@ exports[`Tree Basic check basic render 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-disabled rc-tree-treenode-switcher-close"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -84,7 +89,11 @@ exports[`Tree Basic check basic render 1`] = `
               class="rc-tree-switcher rc-tree-switcher-noop"
             />
             <span
+              aria-checked="false"
+              aria-disabled="true"
+              aria-label="Select tree node"
               class="rc-tree-checkbox rc-tree-checkbox-disabled"
+              role="checkbox"
             />
             <span
               class="rc-tree-node-content-wrapper rc-tree-node-content-wrapper-normal"
@@ -101,9 +110,10 @@ exports[`Tree Basic check basic render 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -117,7 +127,10 @@ exports[`Tree Basic check basic render 1`] = `
               class="rc-tree-switcher rc-tree-switcher-noop"
             />
             <span
+              aria-checked="false"
+              aria-label="Select tree node"
               class="rc-tree-checkbox"
+              role="checkbox"
             />
             <span
               class="rc-tree-node-content-wrapper rc-tree-node-content-wrapper-normal"
@@ -143,7 +156,6 @@ exports[`Tree Basic check basic render 1`] = `
 exports[`Tree Basic check check after data ready works 1`] = `
 <div
   class="rc-tree"
-  role="tree"
 >
   <div>
     <input
@@ -168,6 +180,7 @@ exports[`Tree Basic check check after data ready works 1`] = `
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -179,9 +192,10 @@ exports[`Tree Basic check check after data ready works 1`] = `
           style="display: flex; flex-direction: column;"
         >
           <div
-            aria-grabbed="false"
+            aria-expanded="true"
             class="rc-tree-treenode rc-tree-treenode-switcher-open rc-tree-treenode-checkbox-checked rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -191,7 +205,10 @@ exports[`Tree Basic check check after data ready works 1`] = `
               class="rc-tree-switcher rc-tree-switcher_open"
             />
             <span
+              aria-checked="true"
+              aria-label="Select Light"
               class="rc-tree-checkbox rc-tree-checkbox-checked"
+              role="checkbox"
             />
             <span
               class="rc-tree-node-content-wrapper rc-tree-node-content-wrapper-open"
@@ -208,9 +225,10 @@ exports[`Tree Basic check check after data ready works 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-checkbox-checked rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -224,7 +242,10 @@ exports[`Tree Basic check check after data ready works 1`] = `
               class="rc-tree-switcher rc-tree-switcher-noop"
             />
             <span
+              aria-checked="true"
+              aria-label="Select Bamboo"
               class="rc-tree-checkbox rc-tree-checkbox-checked"
+              role="checkbox"
             />
             <span
               class="rc-tree-node-content-wrapper rc-tree-node-content-wrapper-normal"
@@ -250,7 +271,6 @@ exports[`Tree Basic check check after data ready works 1`] = `
 exports[`Tree Basic check check update when Tree trigger componentWillReceiveProps 1`] = `
 <div
   class="rc-tree"
-  role="tree"
 >
   <div>
     <input
@@ -275,6 +295,7 @@ exports[`Tree Basic check check update when Tree trigger componentWillReceivePro
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -286,9 +307,10 @@ exports[`Tree Basic check check update when Tree trigger componentWillReceivePro
           style="display: flex; flex-direction: column;"
         >
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-checkbox-checked rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -298,7 +320,10 @@ exports[`Tree Basic check check update when Tree trigger componentWillReceivePro
               class="rc-tree-switcher rc-tree-switcher-noop"
             />
             <span
+              aria-checked="true"
+              aria-label="Select parent 1"
               class="rc-tree-checkbox rc-tree-checkbox-checked"
+              role="checkbox"
             />
             <span
               class="rc-tree-node-content-wrapper rc-tree-node-content-wrapper-normal"
@@ -324,7 +349,6 @@ exports[`Tree Basic check check update when Tree trigger componentWillReceivePro
 exports[`Tree Basic ignore illegal node as Tree children Direct TreeNode 1`] = `
 <div
   class="rc-tree"
-  role="tree"
 >
   <div>
     <input
@@ -349,6 +373,7 @@ exports[`Tree Basic ignore illegal node as Tree children Direct TreeNode 1`] = `
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -360,9 +385,10 @@ exports[`Tree Basic ignore illegal node as Tree children Direct TreeNode 1`] = `
           style="display: flex; flex-direction: column;"
         >
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -386,9 +412,10 @@ exports[`Tree Basic ignore illegal node as Tree children Direct TreeNode 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -421,7 +448,6 @@ exports[`Tree Basic ignore illegal node as Tree children Direct TreeNode 1`] = `
 exports[`Tree Basic ignore illegal node as Tree children Sub TreeNode 1`] = `
 <div
   class="rc-tree"
-  role="tree"
 >
   <div>
     <input
@@ -446,6 +472,7 @@ exports[`Tree Basic ignore illegal node as Tree children Sub TreeNode 1`] = `
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -457,9 +484,10 @@ exports[`Tree Basic ignore illegal node as Tree children Sub TreeNode 1`] = `
           style="display: flex; flex-direction: column;"
         >
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -483,9 +511,10 @@ exports[`Tree Basic ignore illegal node as Tree children Sub TreeNode 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="true"
             class="rc-tree-treenode rc-tree-treenode-switcher-open rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -509,9 +538,10 @@ exports[`Tree Basic ignore illegal node as Tree children Sub TreeNode 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -539,9 +569,10 @@ exports[`Tree Basic ignore illegal node as Tree children Sub TreeNode 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -578,7 +609,6 @@ exports[`Tree Basic ignore illegal node as Tree children Sub TreeNode 1`] = `
 exports[`Tree Basic renders correctly 1`] = `
 <div
   class="rc-tree forTest rc-tree-show-line"
-  role="tree"
 >
   <div>
     <input
@@ -603,6 +633,7 @@ exports[`Tree Basic renders correctly 1`] = `
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -614,9 +645,10 @@ exports[`Tree Basic renders correctly 1`] = `
           style="display: flex; flex-direction: column;"
         >
           <div
-            aria-grabbed="false"
+            aria-expanded="true"
             class="spe rc-tree-treenode rc-tree-treenode-switcher-open rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -626,7 +658,10 @@ exports[`Tree Basic renders correctly 1`] = `
               class="rc-tree-switcher rc-tree-switcher_open"
             />
             <span
+              aria-checked="false"
+              aria-label="Select parent 1"
               class="rc-tree-checkbox"
+              role="checkbox"
             />
             <span
               class="rc-tree-node-content-wrapper rc-tree-node-content-wrapper-open"
@@ -643,9 +678,10 @@ exports[`Tree Basic renders correctly 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="true"
             class="rc-tree-treenode rc-tree-treenode-disabled rc-tree-treenode-switcher-open"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -659,7 +695,11 @@ exports[`Tree Basic renders correctly 1`] = `
               class="rc-tree-switcher rc-tree-switcher_open"
             />
             <span
+              aria-checked="false"
+              aria-disabled="true"
+              aria-label="Select leaf 1"
               class="rc-tree-checkbox rc-tree-checkbox-disabled"
+              role="checkbox"
             />
             <span
               class="rc-tree-node-content-wrapper rc-tree-node-content-wrapper-open"
@@ -676,9 +716,10 @@ exports[`Tree Basic renders correctly 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -695,7 +736,10 @@ exports[`Tree Basic renders correctly 1`] = `
               class="rc-tree-switcher rc-tree-switcher-noop"
             />
             <span
+              aria-checked="false"
+              aria-label="Select leaf"
               class="rc-tree-checkbox"
+              role="checkbox"
             />
             <span
               class="rc-tree-node-content-wrapper rc-tree-node-content-wrapper-normal"
@@ -712,9 +756,10 @@ exports[`Tree Basic renders correctly 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -731,7 +776,10 @@ exports[`Tree Basic renders correctly 1`] = `
               class="rc-tree-switcher rc-tree-switcher-noop"
             />
             <span
+              aria-checked="false"
+              aria-label="Select leaf"
               class="rc-tree-checkbox"
+              role="checkbox"
             />
             <span
               class="rc-tree-node-content-wrapper rc-tree-node-content-wrapper-normal"
@@ -748,9 +796,10 @@ exports[`Tree Basic renders correctly 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -764,7 +813,11 @@ exports[`Tree Basic renders correctly 1`] = `
               class="rc-tree-switcher rc-tree-switcher-noop"
             />
             <span
+              aria-checked="false"
+              aria-disabled="true"
+              aria-label="Select leaf 2"
               class="rc-tree-checkbox rc-tree-checkbox-disabled"
+              role="checkbox"
             />
             <span
               class="rc-tree-node-content-wrapper rc-tree-node-content-wrapper-normal"
@@ -790,7 +843,6 @@ exports[`Tree Basic renders correctly 1`] = `
 exports[`Tree Basic renders opaque children correctly 1`] = `
 <div
   class="rc-tree"
-  role="tree"
 >
   <div>
     <input
@@ -815,6 +867,7 @@ exports[`Tree Basic renders opaque children correctly 1`] = `
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -826,9 +879,10 @@ exports[`Tree Basic renders opaque children correctly 1`] = `
           style="display: flex; flex-direction: column;"
         >
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -861,7 +915,6 @@ exports[`Tree Basic renders opaque children correctly 1`] = `
 exports[`Tree Basic should support rootStyle and rootClassName 1`] = `
 <div
   class="rc-tree root-tree"
-  role="tree"
   style="background-color: cyan;"
 >
   <div>
@@ -887,6 +940,7 @@ exports[`Tree Basic should support rootStyle and rootClassName 1`] = `
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -898,9 +952,10 @@ exports[`Tree Basic should support rootStyle and rootClassName 1`] = `
           style="display: flex; flex-direction: column;"
         >
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -924,9 +979,10 @@ exports[`Tree Basic should support rootStyle and rootClassName 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -950,9 +1006,10 @@ exports[`Tree Basic should support rootStyle and rootClassName 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -976,9 +1033,10 @@ exports[`Tree Basic should support rootStyle and rootClassName 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -1002,9 +1060,10 @@ exports[`Tree Basic should support rootStyle and rootClassName 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -1028,9 +1087,10 @@ exports[`Tree Basic should support rootStyle and rootClassName 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -1054,9 +1114,10 @@ exports[`Tree Basic should support rootStyle and rootClassName 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -1080,9 +1141,10 @@ exports[`Tree Basic should support rootStyle and rootClassName 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -1106,9 +1168,10 @@ exports[`Tree Basic should support rootStyle and rootClassName 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
diff --git a/tests/__snapshots__/TreeNodeProps.spec.tsx.snap b/tests/__snapshots__/TreeNodeProps.spec.tsx.snap
index b7b5ee63..d8a4b849 100644
--- a/tests/__snapshots__/TreeNodeProps.spec.tsx.snap
+++ b/tests/__snapshots__/TreeNodeProps.spec.tsx.snap
@@ -3,7 +3,6 @@
 exports[`TreeNode Props className 1`] = `
 <div
   class="rc-tree"
-  role="tree"
 >
   <div>
     <input
@@ -28,6 +27,7 @@ exports[`TreeNode Props className 1`] = `
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -39,9 +39,10 @@ exports[`TreeNode Props className 1`] = `
           style="display: flex; flex-direction: column;"
         >
           <div
-            aria-grabbed="false"
+            aria-expanded="true"
             class="rc-tree-treenode rc-tree-treenode-switcher-open"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -65,9 +66,10 @@ exports[`TreeNode Props className 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="true"
             class="tree-node-cls rc-tree-treenode rc-tree-treenode-switcher-open"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -95,9 +97,10 @@ exports[`TreeNode Props className 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -128,9 +131,10 @@ exports[`TreeNode Props className 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -158,9 +162,10 @@ exports[`TreeNode Props className 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -193,7 +198,6 @@ exports[`TreeNode Props className 1`] = `
 exports[`TreeNode Props customize icon component 1`] = `
 <div
   class="rc-tree"
-  role="tree"
 >
   <div>
     <input
@@ -218,6 +222,7 @@ exports[`TreeNode Props customize icon component 1`] = `
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -229,9 +234,10 @@ exports[`TreeNode Props customize icon component 1`] = `
           style="display: flex; flex-direction: column;"
         >
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -268,7 +274,6 @@ exports[`TreeNode Props customize icon component 1`] = `
 exports[`TreeNode Props customize icon element 1`] = `
 <div
   class="rc-tree"
-  role="tree"
 >
   <div>
     <input
@@ -293,6 +298,7 @@ exports[`TreeNode Props customize icon element 1`] = `
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -304,9 +310,10 @@ exports[`TreeNode Props customize icon element 1`] = `
           style="display: flex; flex-direction: column;"
         >
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -343,7 +350,6 @@ exports[`TreeNode Props customize icon element 1`] = `
 exports[`TreeNode Props customize icon hide icon 1`] = `
 <div
   class="rc-tree"
-  role="tree"
 >
   <div>
     <input
@@ -368,6 +374,7 @@ exports[`TreeNode Props customize icon hide icon 1`] = `
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -379,9 +386,10 @@ exports[`TreeNode Props customize icon hide icon 1`] = `
           style="display: flex; flex-direction: column;"
         >
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -411,7 +419,6 @@ exports[`TreeNode Props customize icon hide icon 1`] = `
 exports[`TreeNode Props data and aria props renders aria attributes on li 1`] = `
 <div
   class="rc-tree"
-  role="tree"
 >
   <div>
     <input
@@ -436,6 +443,7 @@ exports[`TreeNode Props data and aria props renders aria attributes on li 1`] =
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -447,10 +455,11 @@ exports[`TreeNode Props data and aria props renders aria attributes on li 1`] =
           style="display: flex; flex-direction: column;"
         >
           <div
-            aria-grabbed="false"
+            aria-expanded="true"
             aria-label="0-0"
             class="rc-tree-treenode rc-tree-treenode-switcher-open"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -474,10 +483,11 @@ exports[`TreeNode Props data and aria props renders aria attributes on li 1`] =
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="true"
             aria-label="0-0-0"
             class="tree-node-cls rc-tree-treenode rc-tree-treenode-switcher-open"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -505,10 +515,11 @@ exports[`TreeNode Props data and aria props renders aria attributes on li 1`] =
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             aria-label="0-0-0-0"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -539,10 +550,11 @@ exports[`TreeNode Props data and aria props renders aria attributes on li 1`] =
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             aria-label="0-0-1"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -570,10 +582,11 @@ exports[`TreeNode Props data and aria props renders aria attributes on li 1`] =
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             aria-label="0-1"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -606,7 +619,6 @@ exports[`TreeNode Props data and aria props renders aria attributes on li 1`] =
 exports[`TreeNode Props data and aria props renders data attributes on li 1`] = `
 <div
   class="rc-tree"
-  role="tree"
 >
   <div>
     <input
@@ -631,6 +643,7 @@ exports[`TreeNode Props data and aria props renders data attributes on li 1`] =
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -642,10 +655,11 @@ exports[`TreeNode Props data and aria props renders data attributes on li 1`] =
           style="display: flex; flex-direction: column;"
         >
           <div
-            aria-grabbed="false"
+            aria-expanded="true"
             class="rc-tree-treenode rc-tree-treenode-switcher-open"
             data-test="0-0"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -669,10 +683,11 @@ exports[`TreeNode Props data and aria props renders data attributes on li 1`] =
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="true"
             class="tree-node-cls rc-tree-treenode rc-tree-treenode-switcher-open"
             data-test="0-0-0"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -700,10 +715,11 @@ exports[`TreeNode Props data and aria props renders data attributes on li 1`] =
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             data-test="0-0-0-0"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -734,10 +750,11 @@ exports[`TreeNode Props data and aria props renders data attributes on li 1`] =
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             data-test="0-0-1"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -765,10 +782,11 @@ exports[`TreeNode Props data and aria props renders data attributes on li 1`] =
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             data-test="0-1"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -801,7 +819,6 @@ exports[`TreeNode Props data and aria props renders data attributes on li 1`] =
 exports[`TreeNode Props isLeaf 1`] = `
 <div
   class="rc-tree"
-  role="tree"
 >
   <div>
     <input
@@ -826,6 +843,7 @@ exports[`TreeNode Props isLeaf 1`] = `
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -837,9 +855,9 @@ exports[`TreeNode Props isLeaf 1`] = `
           style="display: flex; flex-direction: column;"
         >
           <div
-            aria-grabbed="false"
             class="rc-tree-treenode rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -860,9 +878,9 @@ exports[`TreeNode Props isLeaf 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
             class="rc-tree-treenode rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -896,7 +914,6 @@ exports[`TreeNode Props isLeaf 1`] = `
 exports[`TreeNode Props isLeaf 2`] = `
 <div
   class="rc-tree"
-  role="tree"
 >
   <div>
     <input
@@ -921,6 +938,7 @@ exports[`TreeNode Props isLeaf 2`] = `
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -932,9 +950,9 @@ exports[`TreeNode Props isLeaf 2`] = `
           style="display: flex; flex-direction: column;"
         >
           <div
-            aria-grabbed="false"
             class="rc-tree-treenode rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -958,9 +976,9 @@ exports[`TreeNode Props isLeaf 2`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
             class="rc-tree-treenode rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -997,7 +1015,6 @@ exports[`TreeNode Props isLeaf 2`] = `
 exports[`TreeNode Props isLeaf 3`] = `
 <div
   class="rc-tree"
-  role="tree"
 >
   <div>
     <input
@@ -1022,6 +1039,7 @@ exports[`TreeNode Props isLeaf 3`] = `
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -1033,9 +1051,10 @@ exports[`TreeNode Props isLeaf 3`] = `
           style="display: flex; flex-direction: column;"
         >
           <div
-            aria-grabbed="false"
+            aria-expanded="true"
             class="rc-tree-treenode rc-tree-treenode-switcher-open rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -1059,9 +1078,10 @@ exports[`TreeNode Props isLeaf 3`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
diff --git a/tests/__snapshots__/TreeProps.spec.tsx.snap b/tests/__snapshots__/TreeProps.spec.tsx.snap
index 9353689e..0fdc31b9 100644
--- a/tests/__snapshots__/TreeProps.spec.tsx.snap
+++ b/tests/__snapshots__/TreeProps.spec.tsx.snap
@@ -3,7 +3,6 @@
 exports[`Tree Props checkStrictly 1`] = `
 <div
   class="rc-tree"
-  role="tree"
 >
   <div>
     <input
@@ -28,6 +27,7 @@ exports[`Tree Props checkStrictly 1`] = `
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -39,9 +39,10 @@ exports[`Tree Props checkStrictly 1`] = `
           style="display: flex; flex-direction: column;"
         >
           <div
-            aria-grabbed="false"
+            aria-expanded="true"
             class="rc-tree-treenode rc-tree-treenode-switcher-open rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -51,7 +52,10 @@ exports[`Tree Props checkStrictly 1`] = `
               class="rc-tree-switcher rc-tree-switcher_open"
             />
             <span
+              aria-checked="false"
+              aria-label="Select tree node"
               class="rc-tree-checkbox"
+              role="checkbox"
             />
             <span
               class="rc-tree-node-content-wrapper rc-tree-node-content-wrapper-open"
@@ -68,9 +72,10 @@ exports[`Tree Props checkStrictly 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -84,7 +89,10 @@ exports[`Tree Props checkStrictly 1`] = `
               class="rc-tree-switcher rc-tree-switcher-noop"
             />
             <span
+              aria-checked="false"
+              aria-label="Select tree node"
               class="rc-tree-checkbox"
+              role="checkbox"
             />
             <span
               class="rc-tree-node-content-wrapper rc-tree-node-content-wrapper-normal"
@@ -110,7 +118,6 @@ exports[`Tree Props checkStrictly 1`] = `
 exports[`Tree Props checkable default 1`] = `
 <div
   class="rc-tree"
-  role="tree"
 >
   <div>
     <input
@@ -135,6 +142,7 @@ exports[`Tree Props checkable default 1`] = `
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -146,9 +154,10 @@ exports[`Tree Props checkable default 1`] = `
           style="display: flex; flex-direction: column;"
         >
           <div
-            aria-grabbed="false"
+            aria-expanded="true"
             class="rc-tree-treenode rc-tree-treenode-switcher-open rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -158,7 +167,10 @@ exports[`Tree Props checkable default 1`] = `
               class="rc-tree-switcher rc-tree-switcher_open"
             />
             <span
+              aria-checked="false"
+              aria-label="Select tree node"
               class="rc-tree-checkbox"
+              role="checkbox"
             />
             <span
               class="rc-tree-node-content-wrapper rc-tree-node-content-wrapper-open"
@@ -175,9 +187,10 @@ exports[`Tree Props checkable default 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -191,7 +204,10 @@ exports[`Tree Props checkable default 1`] = `
               class="rc-tree-switcher rc-tree-switcher-noop"
             />
             <span
+              aria-checked="false"
+              aria-label="Select tree node"
               class="rc-tree-checkbox"
+              role="checkbox"
             />
             <span
               class="rc-tree-node-content-wrapper rc-tree-node-content-wrapper-normal"
@@ -217,7 +233,6 @@ exports[`Tree Props checkable default 1`] = `
 exports[`Tree Props checkable without selectable 1`] = `
 <div
   class="rc-tree"
-  role="tree"
 >
   <div>
     <input
@@ -242,6 +257,7 @@ exports[`Tree Props checkable without selectable 1`] = `
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -253,9 +269,10 @@ exports[`Tree Props checkable without selectable 1`] = `
           style="display: flex; flex-direction: column;"
         >
           <div
-            aria-grabbed="false"
+            aria-expanded="true"
             class="rc-tree-treenode rc-tree-treenode-switcher-open rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -265,7 +282,10 @@ exports[`Tree Props checkable without selectable 1`] = `
               class="rc-tree-switcher rc-tree-switcher_open"
             />
             <span
+              aria-checked="false"
+              aria-label="Select tree node"
               class="rc-tree-checkbox"
+              role="checkbox"
             />
             <span
               class="rc-tree-node-content-wrapper rc-tree-node-content-wrapper-open"
@@ -282,9 +302,10 @@ exports[`Tree Props checkable without selectable 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -298,7 +319,10 @@ exports[`Tree Props checkable without selectable 1`] = `
               class="rc-tree-switcher rc-tree-switcher-noop"
             />
             <span
+              aria-checked="false"
+              aria-label="Select tree node"
               class="rc-tree-checkbox"
+              role="checkbox"
             />
             <span
               class="rc-tree-node-content-wrapper rc-tree-node-content-wrapper-normal"
@@ -324,7 +348,6 @@ exports[`Tree Props checkable without selectable 1`] = `
 exports[`Tree Props custom switcher icon switcher icon 1`] = `
 <div
   class="rc-tree"
-  role="tree"
 >
   <div>
     <input
@@ -349,6 +372,7 @@ exports[`Tree Props custom switcher icon switcher icon 1`] = `
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -360,9 +384,10 @@ exports[`Tree Props custom switcher icon switcher icon 1`] = `
           style="display: flex; flex-direction: column;"
         >
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -386,9 +411,10 @@ exports[`Tree Props custom switcher icon switcher icon 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="true"
             class="rc-tree-treenode rc-tree-treenode-switcher-open rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -416,9 +442,10 @@ exports[`Tree Props custom switcher icon switcher icon 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -446,9 +473,10 @@ exports[`Tree Props custom switcher icon switcher icon 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -485,7 +513,6 @@ exports[`Tree Props custom switcher icon switcher icon 1`] = `
 exports[`Tree Props custom switcher icon switcher leaf icon 1`] = `
 <div
   class="rc-tree"
-  role="tree"
 >
   <div>
     <input
@@ -510,6 +537,7 @@ exports[`Tree Props custom switcher icon switcher leaf icon 1`] = `
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -521,9 +549,10 @@ exports[`Tree Props custom switcher icon switcher leaf icon 1`] = `
           style="display: flex; flex-direction: column;"
         >
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -551,9 +580,10 @@ exports[`Tree Props custom switcher icon switcher leaf icon 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -581,9 +611,10 @@ exports[`Tree Props custom switcher icon switcher leaf icon 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="true"
             class="rc-tree-treenode rc-tree-treenode-switcher-open"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -607,9 +638,10 @@ exports[`Tree Props custom switcher icon switcher leaf icon 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -641,9 +673,10 @@ exports[`Tree Props custom switcher icon switcher leaf icon 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -675,9 +708,10 @@ exports[`Tree Props custom switcher icon switcher leaf icon 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -714,7 +748,6 @@ exports[`Tree Props custom switcher icon switcher leaf icon 1`] = `
 exports[`Tree Props data and aria props renders aria attributes 1`] = `
 <div
   class="rc-tree"
-  role="tree"
 >
   <div>
     <input
@@ -740,6 +773,7 @@ exports[`Tree Props data and aria props renders aria attributes 1`] = `
   <div
     aria-label="name"
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -759,7 +793,6 @@ exports[`Tree Props data and aria props renders aria attributes 1`] = `
 exports[`Tree Props data and aria props renders data attributes 1`] = `
 <div
   class="rc-tree"
-  role="tree"
 >
   <div>
     <input
@@ -785,6 +818,7 @@ exports[`Tree Props data and aria props renders data attributes 1`] = `
   <div
     class="rc-tree-list"
     data-test="tree"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -804,7 +838,6 @@ exports[`Tree Props data and aria props renders data attributes 1`] = `
 exports[`Tree Props defaultExpandAll 1`] = `
 <div
   class="rc-tree"
-  role="tree"
 >
   <div>
     <input
@@ -829,6 +862,7 @@ exports[`Tree Props defaultExpandAll 1`] = `
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -840,9 +874,10 @@ exports[`Tree Props defaultExpandAll 1`] = `
           style="display: flex; flex-direction: column;"
         >
           <div
-            aria-grabbed="false"
+            aria-expanded="true"
             class="rc-tree-treenode rc-tree-treenode-switcher-open rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -866,9 +901,10 @@ exports[`Tree Props defaultExpandAll 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -905,7 +941,6 @@ exports[`Tree Props defaultExpandAll 1`] = `
 exports[`Tree Props disabled basic 1`] = `
 <div
   class="rc-tree"
-  role="tree"
 >
   <div>
     <input
@@ -931,6 +966,7 @@ exports[`Tree Props disabled basic 1`] = `
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -942,9 +978,10 @@ exports[`Tree Props disabled basic 1`] = `
           style="display: flex; flex-direction: column;"
         >
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-disabled rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -977,7 +1014,6 @@ exports[`Tree Props disabled basic 1`] = `
 exports[`Tree Props disabled treeNode should disabled when tree disabled 1`] = `
 <div
   class="rc-tree"
-  role="tree"
 >
   <div>
     <input
@@ -1003,6 +1039,7 @@ exports[`Tree Props disabled treeNode should disabled when tree disabled 1`] = `
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -1014,9 +1051,10 @@ exports[`Tree Props disabled treeNode should disabled when tree disabled 1`] = `
           style="display: flex; flex-direction: column;"
         >
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-disabled rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -1049,7 +1087,6 @@ exports[`Tree Props disabled treeNode should disabled when tree disabled 1`] = `
 exports[`Tree Props icon 1`] = `
 <div
   class="rc-tree"
-  role="tree"
 >
   <div>
     <input
@@ -1074,6 +1111,7 @@ exports[`Tree Props icon 1`] = `
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -1085,9 +1123,10 @@ exports[`Tree Props icon 1`] = `
           style="display: flex; flex-direction: column;"
         >
           <div
-            aria-grabbed="false"
+            aria-expanded="true"
             class="rc-tree-treenode rc-tree-treenode-switcher-open rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -1115,9 +1154,10 @@ exports[`Tree Props icon 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -1158,7 +1198,6 @@ exports[`Tree Props icon 1`] = `
 exports[`Tree Props invalidate checkedKeys null 1`] = `
 <div
   class="rc-tree"
-  role="tree"
 >
   <div>
     <input
@@ -1183,6 +1222,7 @@ exports[`Tree Props invalidate checkedKeys null 1`] = `
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -1194,9 +1234,10 @@ exports[`Tree Props invalidate checkedKeys null 1`] = `
           style="display: flex; flex-direction: column;"
         >
           <div
-            aria-grabbed="false"
+            aria-expanded="true"
             class="rc-tree-treenode rc-tree-treenode-switcher-open rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -1206,7 +1247,10 @@ exports[`Tree Props invalidate checkedKeys null 1`] = `
               class="rc-tree-switcher rc-tree-switcher_open"
             />
             <span
+              aria-checked="false"
+              aria-label="Select tree node"
               class="rc-tree-checkbox"
+              role="checkbox"
             />
             <span
               class="rc-tree-node-content-wrapper rc-tree-node-content-wrapper-open"
@@ -1223,9 +1267,10 @@ exports[`Tree Props invalidate checkedKeys null 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -1239,7 +1284,10 @@ exports[`Tree Props invalidate checkedKeys null 1`] = `
               class="rc-tree-switcher rc-tree-switcher-noop"
             />
             <span
+              aria-checked="false"
+              aria-label="Select tree node"
               class="rc-tree-checkbox"
+              role="checkbox"
             />
             <span
               class="rc-tree-node-content-wrapper rc-tree-node-content-wrapper-normal"
@@ -1265,7 +1313,6 @@ exports[`Tree Props invalidate checkedKeys null 1`] = `
 exports[`Tree Props invalidate checkedKeys number 1`] = `
 <div
   class="rc-tree"
-  role="tree"
 >
   <div>
     <input
@@ -1290,6 +1337,7 @@ exports[`Tree Props invalidate checkedKeys number 1`] = `
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -1301,9 +1349,10 @@ exports[`Tree Props invalidate checkedKeys number 1`] = `
           style="display: flex; flex-direction: column;"
         >
           <div
-            aria-grabbed="false"
+            aria-expanded="true"
             class="rc-tree-treenode rc-tree-treenode-switcher-open rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -1313,7 +1362,10 @@ exports[`Tree Props invalidate checkedKeys number 1`] = `
               class="rc-tree-switcher rc-tree-switcher_open"
             />
             <span
+              aria-checked="false"
+              aria-label="Select tree node"
               class="rc-tree-checkbox"
+              role="checkbox"
             />
             <span
               class="rc-tree-node-content-wrapper rc-tree-node-content-wrapper-open"
@@ -1330,9 +1382,10 @@ exports[`Tree Props invalidate checkedKeys number 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -1346,7 +1399,10 @@ exports[`Tree Props invalidate checkedKeys number 1`] = `
               class="rc-tree-switcher rc-tree-switcher-noop"
             />
             <span
+              aria-checked="false"
+              aria-label="Select tree node"
               class="rc-tree-checkbox"
+              role="checkbox"
             />
             <span
               class="rc-tree-node-content-wrapper rc-tree-node-content-wrapper-normal"
@@ -1372,7 +1428,6 @@ exports[`Tree Props invalidate checkedKeys number 1`] = `
 exports[`Tree Props loadData basic 1`] = `
 <div
   class="rc-tree"
-  role="tree"
 >
   <div>
     <input
@@ -1397,6 +1452,7 @@ exports[`Tree Props loadData basic 1`] = `
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -1408,9 +1464,10 @@ exports[`Tree Props loadData basic 1`] = `
           style="display: flex; flex-direction: column;"
         >
           <div
-            aria-grabbed="false"
+            aria-expanded="true"
             class="rc-tree-treenode rc-tree-treenode-switcher-open rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -1431,9 +1488,10 @@ exports[`Tree Props loadData basic 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -1467,7 +1525,6 @@ exports[`Tree Props loadData basic 1`] = `
 exports[`Tree Props multiple 1`] = `
 <div
   class="rc-tree"
-  role="tree"
 >
   <div>
     <input
@@ -1492,6 +1549,7 @@ exports[`Tree Props multiple 1`] = `
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -1503,9 +1561,10 @@ exports[`Tree Props multiple 1`] = `
           style="display: flex; flex-direction: column;"
         >
           <div
-            aria-grabbed="false"
+            aria-expanded="true"
             class="rc-tree-treenode rc-tree-treenode-switcher-open rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -1529,9 +1588,10 @@ exports[`Tree Props multiple 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -1568,7 +1628,6 @@ exports[`Tree Props multiple 1`] = `
 exports[`Tree Props prefixCls 1`] = `
 <div
   class="rc-tree"
-  role="tree"
 >
   <div>
     <input
@@ -1593,6 +1652,7 @@ exports[`Tree Props prefixCls 1`] = `
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -1612,7 +1672,6 @@ exports[`Tree Props prefixCls 1`] = `
 exports[`Tree Props prefixCls 2`] = `
 <div
   class="test-prefix"
-  role="tree"
 >
   <div>
     <input
@@ -1637,6 +1696,7 @@ exports[`Tree Props prefixCls 2`] = `
   </div>
   <div
     class="test-prefix-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -1656,7 +1716,6 @@ exports[`Tree Props prefixCls 2`] = `
 exports[`Tree Props selectable with selectable 1`] = `
 <div
   class="rc-tree"
-  role="tree"
 >
   <div>
     <input
@@ -1681,6 +1740,7 @@ exports[`Tree Props selectable with selectable 1`] = `
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -1692,9 +1752,10 @@ exports[`Tree Props selectable with selectable 1`] = `
           style="display: flex; flex-direction: column;"
         >
           <div
-            aria-grabbed="false"
+            aria-expanded="true"
             class="rc-tree-treenode rc-tree-treenode-switcher-open rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -1718,9 +1779,10 @@ exports[`Tree Props selectable with selectable 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -1757,7 +1819,6 @@ exports[`Tree Props selectable with selectable 1`] = `
 exports[`Tree Props selectable without selectable 1`] = `
 <div
   class="rc-tree"
-  role="tree"
 >
   <div>
     <input
@@ -1782,6 +1843,7 @@ exports[`Tree Props selectable without selectable 1`] = `
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -1793,9 +1855,10 @@ exports[`Tree Props selectable without selectable 1`] = `
           style="display: flex; flex-direction: column;"
         >
           <div
-            aria-grabbed="false"
+            aria-expanded="true"
             class="rc-tree-treenode rc-tree-treenode-switcher-open rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -1819,9 +1882,10 @@ exports[`Tree Props selectable without selectable 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -1858,7 +1922,6 @@ exports[`Tree Props selectable without selectable 1`] = `
 exports[`Tree Props showIcon 1`] = `
 <div
   class="rc-tree"
-  role="tree"
 >
   <div>
     <input
@@ -1883,6 +1946,7 @@ exports[`Tree Props showIcon 1`] = `
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -1894,9 +1958,10 @@ exports[`Tree Props showIcon 1`] = `
           style="display: flex; flex-direction: column;"
         >
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -1920,9 +1985,10 @@ exports[`Tree Props showIcon 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -1955,7 +2021,6 @@ exports[`Tree Props showIcon 1`] = `
 exports[`Tree Props showIcon 2`] = `
 <div
   class="rc-tree"
-  role="tree"
 >
   <div>
     <input
@@ -1980,6 +2045,7 @@ exports[`Tree Props showIcon 2`] = `
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -1991,9 +2057,10 @@ exports[`Tree Props showIcon 2`] = `
           style="display: flex; flex-direction: column;"
         >
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -2014,9 +2081,10 @@ exports[`Tree Props showIcon 2`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -2046,7 +2114,6 @@ exports[`Tree Props showIcon 2`] = `
 exports[`Tree Props showIcon 3`] = `
 <div
   class="rc-tree"
-  role="tree"
 >
   <div>
     <input
@@ -2071,6 +2138,7 @@ exports[`Tree Props showIcon 3`] = `
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -2082,9 +2150,10 @@ exports[`Tree Props showIcon 3`] = `
           style="display: flex; flex-direction: column;"
         >
           <div
-            aria-grabbed="false"
+            aria-expanded="true"
             class="rc-tree-treenode rc-tree-treenode-switcher-open"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -2112,9 +2181,10 @@ exports[`Tree Props showIcon 3`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="true"
             class="rc-tree-treenode rc-tree-treenode-switcher-open"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -2142,9 +2212,10 @@ exports[`Tree Props showIcon 3`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -2175,9 +2246,10 @@ exports[`Tree Props showIcon 3`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -2205,9 +2277,10 @@ exports[`Tree Props showIcon 3`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -2240,7 +2313,6 @@ exports[`Tree Props showIcon 3`] = `
 exports[`Tree Props showLine 1`] = `
 <div
   class="rc-tree rc-tree-show-line"
-  role="tree"
 >
   <div>
     <input
@@ -2265,6 +2337,7 @@ exports[`Tree Props showLine 1`] = `
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -2284,7 +2357,6 @@ exports[`Tree Props showLine 1`] = `
 exports[`Tree Props treeData 1`] = `
 <div
   class="rc-tree"
-  role="tree"
 >
   <div>
     <input
@@ -2309,6 +2381,7 @@ exports[`Tree Props treeData 1`] = `
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -2320,9 +2393,10 @@ exports[`Tree Props treeData 1`] = `
           style="display: flex; flex-direction: column;"
         >
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -2346,9 +2420,10 @@ exports[`Tree Props treeData 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="true"
             class="rc-tree-treenode rc-tree-treenode-switcher-open rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -2372,9 +2447,10 @@ exports[`Tree Props treeData 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -2402,9 +2478,10 @@ exports[`Tree Props treeData 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="true"
             class="rc-tree-treenode rc-tree-treenode-switcher-open"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -2432,9 +2509,10 @@ exports[`Tree Props treeData 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -2465,9 +2543,10 @@ exports[`Tree Props treeData 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -2498,9 +2577,10 @@ exports[`Tree Props treeData 1`] = `
             </span>
           </div>
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"
@@ -2537,7 +2617,6 @@ exports[`Tree Props treeData 1`] = `
 exports[`Tree Props treeData 2`] = `
 <div
   class="rc-tree"
-  role="tree"
 >
   <div>
     <input
@@ -2562,6 +2641,7 @@ exports[`Tree Props treeData 2`] = `
   </div>
   <div
     class="rc-tree-list"
+    role="tree"
     style="position: relative;"
   >
     <div
@@ -2573,9 +2653,10 @@ exports[`Tree Props treeData 2`] = `
           style="display: flex; flex-direction: column;"
         >
           <div
-            aria-grabbed="false"
+            aria-expanded="false"
             class="rc-tree-treenode rc-tree-treenode-switcher-close rc-tree-treenode-leaf-last"
             draggable="false"
+            role="treeitem"
           >
             <span
               aria-hidden="true"