diff --git a/docs/.vitepress/vitepress/components/dev/a11y-tag.vue b/docs/.vitepress/vitepress/components/dev/a11y-tag.vue
new file mode 100644
index 0000000000..9d082363db
--- /dev/null
+++ b/docs/.vitepress/vitepress/components/dev/a11y-tag.vue
@@ -0,0 +1,13 @@
+<template>
+  <el-tag size="small" effect="plain" hit round class="ml-8">a11y</el-tag>
+</template>
+<style scoped>
+.el-tag {
+  color: #6222c2;
+  border-color: #9065db;
+}
+.dark .el-tag {
+  color: #9065db;
+  border-color: #6222c2;
+}
+</style>
diff --git a/docs/components.d.ts b/docs/components.d.ts
index 5720414e22..0280cb97e7 100644
--- a/docs/components.d.ts
+++ b/docs/components.d.ts
@@ -5,6 +5,7 @@ import '@vue/runtime-core'
 
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
+    A11yTag: typeof import('./.vitepress/vitepress/components/dev/A11yTag.vue')['default']
     AxureComponentsSvg: typeof import('./.vitepress/vitepress/components/globals/resources/axure-components-svg.vue')['default']
     BackToTop: typeof import('./.vitepress/vitepress/components/icons/back-to-top.vue')['default']
     Codepen: typeof import('./.vitepress/vitepress/components/icons/codepen.vue')['default']