diff --git a/docs/styles.less b/docs/styles.less
index 698a644..b76ac6c 100644
--- a/docs/styles.less
+++ b/docs/styles.less
@@ -1,4 +1,4 @@
-@import '~rsuite5/lib/styles/index.less';
+@import '~rsuite5/styles/index.less';
 
 .page {
   padding: 50px;
diff --git a/package-lock.json b/package-lock.json
index 86b875e..37b59ef 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2901,9 +2901,9 @@
       }
     },
     "@testing-library/jest-dom": {
-      "version": "5.11.4",
-      "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-5.11.4.tgz",
-      "integrity": "sha512-6RRn3epuweBODDIv3dAlWjOEHQLpGJHB2i912VS3JQtsD22+ENInhdDNl4ZZQiViLlIfFinkSET/J736ytV9sw==",
+      "version": "5.14.1",
+      "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-5.14.1.tgz",
+      "integrity": "sha512-dfB7HVIgTNCxH22M1+KU6viG5of2ldoA5ly8Ar8xkezKHKXjRvznCdbMbqjYGgO2xjRbwnR+rR8MLUIqF3kKbQ==",
       "dev": true,
       "requires": {
         "@babel/runtime": "^7.9.2",
@@ -2912,14 +2912,15 @@
         "chalk": "^3.0.0",
         "css": "^3.0.0",
         "css.escape": "^1.5.1",
+        "dom-accessibility-api": "^0.5.6",
         "lodash": "^4.17.15",
         "redent": "^3.0.0"
       },
       "dependencies": {
         "@babel/runtime": {
-          "version": "7.12.1",
-          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.12.1.tgz",
-          "integrity": "sha512-J5AIf3vPj3UwXaAzb5j1xM4WAQDX3EMgemF8rjCP3SoW09LfRKAXQKt6CoVYl230P6iWdRcBbnLDDdnqWxZSCA==",
+          "version": "7.15.4",
+          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.15.4.tgz",
+          "integrity": "sha512-99catp6bHCaxr4sJ/DbTGgHS4+Rs2RVd2g7iOap6SLGPDknRK9ztKNsE/Fg6QhSeh1FGE5f6gHGQmvvn3I3xhw==",
           "dev": true,
           "requires": {
             "regenerator-runtime": "^0.13.4"
@@ -2959,6 +2960,12 @@
           "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
           "dev": true
         },
+        "dom-accessibility-api": {
+          "version": "0.5.8",
+          "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.8.tgz",
+          "integrity": "sha512-rAfghuBPeJldxqsmZQtBbna4TqMgFe4xhYs24vPULNslbmXUdcga+CXiKWzZxyWw0FCkGKPgmizIysIvsAEN8w==",
+          "dev": true
+        },
         "has-flag": {
           "version": "4.0.0",
           "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
@@ -2966,9 +2973,9 @@
           "dev": true
         },
         "regenerator-runtime": {
-          "version": "0.13.7",
-          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.7.tgz",
-          "integrity": "sha512-a54FxoJDIr27pgf7IgeQGxmqUNYrcV338lf/6gH456HZ/PhX+5BcwHXG9ajESmwe6WRO0tAzRUrRmNONWgkrew==",
+          "version": "0.13.9",
+          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz",
+          "integrity": "sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA==",
           "dev": true
         },
         "supports-color": {
@@ -3153,13 +3160,142 @@
       }
     },
     "@types/jest": {
-      "version": "26.0.15",
-      "resolved": "https://registry.npmjs.org/@types/jest/-/jest-26.0.15.tgz",
-      "integrity": "sha512-s2VMReFXRg9XXxV+CW9e5Nz8fH2K1aEhwgjUqPPbQd7g95T0laAcvLv032EhFHIa5GHsZ8W7iJEQVaJq6k3Gog==",
+      "version": "27.0.2",
+      "resolved": "https://registry.npmjs.org/@types/jest/-/jest-27.0.2.tgz",
+      "integrity": "sha512-4dRxkS/AFX0c5XW6IPMNOydLn2tEhNhJV7DnYK+0bjoJZ+QTmfucBlihX7aoEsh/ocYtkLC73UbnBXBXIxsULA==",
       "dev": true,
       "requires": {
-        "jest-diff": "^26.0.0",
-        "pretty-format": "^26.0.0"
+        "jest-diff": "^27.0.0",
+        "pretty-format": "^27.0.0"
+      },
+      "dependencies": {
+        "@jest/types": {
+          "version": "27.2.5",
+          "resolved": "https://registry.npmjs.org/@jest/types/-/types-27.2.5.tgz",
+          "integrity": "sha512-nmuM4VuDtCZcY+eTpw+0nvstwReMsjPoj7ZR80/BbixulhLaiX+fbv8oeLW8WZlJMcsGQsTmMKT/iTZu1Uy/lQ==",
+          "dev": true,
+          "requires": {
+            "@types/istanbul-lib-coverage": "^2.0.0",
+            "@types/istanbul-reports": "^3.0.0",
+            "@types/node": "*",
+            "@types/yargs": "^16.0.0",
+            "chalk": "^4.0.0"
+          }
+        },
+        "@types/yargs": {
+          "version": "16.0.4",
+          "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-16.0.4.tgz",
+          "integrity": "sha512-T8Yc9wt/5LbJyCaLiHPReJa0kApcIgJ7Bn735GjItUfh08Z1pJvu8QZqb9s+mMvKV6WUQRV7K2R46YbjMXTTJw==",
+          "dev": true,
+          "requires": {
+            "@types/yargs-parser": "*"
+          }
+        },
+        "ansi-regex": {
+          "version": "5.0.1",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+          "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+          "dev": true
+        },
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true
+        },
+        "diff-sequences": {
+          "version": "27.0.6",
+          "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-27.0.6.tgz",
+          "integrity": "sha512-ag6wfpBFyNXZ0p8pcuIDS//D8H062ZQJ3fzYxjpmeKjnz8W4pekL3AI8VohmyZmsWW2PWaHgjsmqR6L13101VQ==",
+          "dev": true
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true
+        },
+        "jest-diff": {
+          "version": "27.2.5",
+          "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-27.2.5.tgz",
+          "integrity": "sha512-7gfwwyYkeslOOVQY4tVq5TaQa92mWfC9COsVYMNVYyJTOYAqbIkoD3twi5A+h+tAPtAelRxkqY6/xu+jwTr0dA==",
+          "dev": true,
+          "requires": {
+            "chalk": "^4.0.0",
+            "diff-sequences": "^27.0.6",
+            "jest-get-type": "^27.0.6",
+            "pretty-format": "^27.2.5"
+          }
+        },
+        "jest-get-type": {
+          "version": "27.0.6",
+          "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-27.0.6.tgz",
+          "integrity": "sha512-XTkK5exIeUbbveehcSR8w0bhH+c0yloW/Wpl+9vZrjzztCPWrxhHwkIFpZzCt71oRBsgxmuUfxEqOYoZI2macg==",
+          "dev": true
+        },
+        "pretty-format": {
+          "version": "27.2.5",
+          "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.2.5.tgz",
+          "integrity": "sha512-+nYn2z9GgicO9JiqmY25Xtq8SYfZ/5VCpEU3pppHHNAhd1y+ZXxmNPd1evmNcAd6Hz4iBV2kf0UpGth5A/VJ7g==",
+          "dev": true,
+          "requires": {
+            "@jest/types": "^27.2.5",
+            "ansi-regex": "^5.0.1",
+            "ansi-styles": "^5.0.0",
+            "react-is": "^17.0.1"
+          },
+          "dependencies": {
+            "ansi-styles": {
+              "version": "5.2.0",
+              "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+              "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+              "dev": true
+            }
+          }
+        },
+        "react-is": {
+          "version": "17.0.2",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
+          "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
       }
     },
     "@types/json-schema": {
@@ -3274,9 +3410,9 @@
       "dev": true
     },
     "@types/testing-library__jest-dom": {
-      "version": "5.9.5",
-      "resolved": "https://registry.npmjs.org/@types/testing-library__jest-dom/-/testing-library__jest-dom-5.9.5.tgz",
-      "integrity": "sha512-ggn3ws+yRbOHog9GxnXiEZ/35Mow6YtPZpd7Z5mKDeZS/o7zx3yAle0ov/wjhVB5QT4N2Dt+GNoGCdqkBGCajQ==",
+      "version": "5.14.1",
+      "resolved": "https://registry.npmjs.org/@types/testing-library__jest-dom/-/testing-library__jest-dom-5.14.1.tgz",
+      "integrity": "sha512-Gk9vaXfbzc5zCXI9eYE9BI5BNHEp4D3FWjgqBE/ePGYElLAP+KvxBcsdkwfIVvezs605oiyd/VrpiHe3Oeg+Aw==",
       "dev": true,
       "requires": {
         "@types/jest": "*"
@@ -17783,9 +17919,9 @@
       }
     },
     "rsuite5": {
-      "version": "npm:rsuite@5.0.0",
-      "resolved": "https://registry.npmjs.org/rsuite/-/rsuite-5.0.0.tgz",
-      "integrity": "sha512-2vEr9dEMzHKn3eP3TumQjUiHdEIhrCpjk/uf2FdyO6dSUZ3qKgwDJq5ZyUKh4cdniVOGav0NTSbn9Xkrq2dT7A==",
+      "version": "npm:rsuite@5.0.1",
+      "resolved": "https://registry.npmjs.org/rsuite/-/rsuite-5.0.1.tgz",
+      "integrity": "sha512-G8BrL9yI+IC/PvrLpdsDz5gkY04YxrHVVXpTeco90EH2jCwSOGZH99EHQrYxw9IF+S7V7wNAUsNrigoSD4ynhA==",
       "dev": true,
       "requires": {
         "@babel/runtime": "^7.8.4",
diff --git a/package.json b/package.json
index 662c244..edbd396 100644
--- a/package.json
+++ b/package.json
@@ -66,7 +66,7 @@
     "@babel/polyfill": "^7.6.0",
     "@babel/preset-env": "^7.0.0",
     "@babel/preset-react": "^7.0.0",
-    "@testing-library/jest-dom": "^5.11.4",
+    "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^11.0.4",
     "@testing-library/user-event": "^12.1.7",
     "@types/webpack": "^4.41.22",
@@ -98,13 +98,13 @@
     "react-hot-loader": "^3.1.3",
     "rsuite": "^3.8.13",
     "rsuite4": "npm:rsuite@^4.9.3",
-    "rsuite5": "npm:rsuite@^5.0.0-alpha.5",
+    "rsuite5": "npm:rsuite@^5.0.1",
+    "semantic-release": "^17.4.3",
     "style-loader": "^0.18.2",
     "url-loader": "^2.2.0",
     "webpack": "^4.44.2",
     "webpack-cli": "^3.3.12",
-    "webpack-dev-server": "^3.11.0",
-    "semantic-release": "^17.4.3"
+    "webpack-dev-server": "^3.11.0"
   },
   "browserslist": [
     "> 1%",
diff --git a/src/InteractionModal.js b/src/InteractionModal.js
index 41325ea..3828bb5 100644
--- a/src/InteractionModal.js
+++ b/src/InteractionModal.js
@@ -77,8 +77,13 @@ function InteractionModal({
   };
 
   return (
-    <Modal size="xs" {...modalProps}>
-      <Modal.Body>{children}</Modal.Body>
+    <Modal
+      role="alertdialog"
+      size="xs"
+      aria-describedby="alertdialog-description"
+      {...modalProps}
+    >
+      <Modal.Body id="alertdialog-description">{children}</Modal.Body>
       <Modal.Footer>
         {showCancelButton && (
           <Button
diff --git a/src/__tests__/InteractionModal.test.js b/src/__tests__/InteractionModal.test.js
index 1e261b7..869934a 100644
--- a/src/__tests__/InteractionModal.test.js
+++ b/src/__tests__/InteractionModal.test.js
@@ -9,11 +9,11 @@ import {
 import userEvent from '@testing-library/user-event';
 import InteractionModal from '../InteractionModal';
 
-it('shows a dialog with message text and buttons', () => {
+it('shows an alert dialog with message text and buttons', () => {
   const message = 'Hey';
   const { getByRole } = render(<InteractionModal>{message}</InteractionModal>);
 
-  const dialog = getByRole('dialog');
+  const dialog = getByRole('alertdialog');
   expect(dialog).toBeVisible();
   expect(dialog).toHaveTextContent(message);
 
@@ -60,14 +60,14 @@ it('hides dialog on clicking ok button', async () => {
   const { getByRole } = render(<InteractionModal></InteractionModal>);
 
   userEvent.click(getByRole('button', { name: '确定' }));
-  await waitForElementToBeRemoved(getByRole('dialog'));
+  await waitForElementToBeRemoved(getByRole('alertdialog'));
 });
 
 it('hides dialog on clicking cancel button', async () => {
   const { getByRole } = render(<InteractionModal></InteractionModal>);
 
   userEvent.click(getByRole('button', { name: '取消' }));
-  await waitForElementToBeRemoved(getByRole('dialog'));
+  await waitForElementToBeRemoved(getByRole('alertdialog'));
 });
 
 it('calls onOk on clicking ok button', () => {
diff --git a/src/__tests__/alert.test.js b/src/__tests__/alert.test.js
index 93801ba..797ff86 100644
--- a/src/__tests__/alert.test.js
+++ b/src/__tests__/alert.test.js
@@ -16,7 +16,7 @@ it('shows dialog with given message and an ok button', () => {
   const message = 'Message';
 
   alert(message);
-  const dialog = screen.getByRole('dialog');
+  const dialog = screen.getByRole('alertdialog');
   expect(dialog).toBeVisible();
   expect(dialog).toHaveTextContent(message);
 
@@ -30,7 +30,7 @@ it('closes on clicking ok button', async () => {
 
   userEvent.click(screen.getByRole('button', { name: '确定' }));
 
-  await waitForElementToBeRemoved(screen.getByRole('dialog'));
+  await waitForElementToBeRemoved(screen.getByRole('alertdialog'));
 });
 
 it('renders custom ok button text', () => {
@@ -88,7 +88,7 @@ describe('triggers callbacks', () => {
 
     it('closes after Promise finishes', async () => {
       jest.advanceTimersByTime(1000);
-      await waitForElementToBeRemoved(screen.getByRole('dialog'));
+      await waitForElementToBeRemoved(screen.getByRole('alertdialog'));
     });
   });
 });
diff --git a/src/__tests__/confirm.test.js b/src/__tests__/confirm.test.js
index 81aa3c1..259814b 100644
--- a/src/__tests__/confirm.test.js
+++ b/src/__tests__/confirm.test.js
@@ -17,7 +17,7 @@ it('shows dialog with given message and two buttons', async () => {
   const message = 'Message';
 
   confirm(message);
-  const dialog = screen.getByRole('dialog');
+  const dialog = screen.getByRole('alertdialog');
   expect(dialog).toBeVisible();
   expect(dialog).toHaveTextContent(message);
 
@@ -221,7 +221,7 @@ describe('triggers callbacks', () => {
       act(() => {
         jest.advanceTimersByTime(1000);
       });
-      await waitForElementToBeRemoved(screen.getByRole('dialog'));
+      await waitForElementToBeRemoved(screen.getByRole('alertdialog'));
       jest.useRealTimers();
     });
   });
diff --git a/src/__tests__/prompt.test.js b/src/__tests__/prompt.test.js
index 5abca13..dc88f64 100644
--- a/src/__tests__/prompt.test.js
+++ b/src/__tests__/prompt.test.js
@@ -17,7 +17,7 @@ it('shows dialog with given message and an text input and two buttons', async ()
   const message = 'Message';
   prompt(message);
 
-  const dialog = screen.getByRole('dialog');
+  const dialog = screen.getByRole('alertdialog');
   expect(dialog).toBeVisible();
   expect(dialog).toHaveTextContent(message);
 
@@ -231,7 +231,7 @@ describe('triggers callbacks', () => {
       act(() => {
         jest.advanceTimersByTime(1000);
       });
-      await waitForElementToBeRemoved(screen.getByRole('dialog'));
+      await waitForElementToBeRemoved(screen.getByRole('alertdialog'));
       jest.useRealTimers();
     });
   });
diff --git a/webpack.config.js b/webpack.config.js
index 9e9a1e8..4016eb1 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -36,6 +36,9 @@ if (process.env.NODE_ENV === 'production') {
   );
 }
 
+/**
+ * @type import('webpack').Configuration
+ */
 const common = {
   entry: path.resolve(__dirname, 'docs/index.js'),
   devServer: {
@@ -83,6 +86,11 @@ const common = {
       },
     ],
   },
+  resolve: {
+    alias: {
+      rsuite: path.resolve(__dirname, './node_modules/rsuite5'),
+    },
+  },
 };
 
 module.exports = () => {