@rainbow-oh/yee-c 0.8.0 → 0.8.1

package/dist/esm/Carousel/carousel.js

@@ -166,6 +166,9 @@ var Carousel = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
   };
   var carouselProps = _objectSpread(_objectSpread({}, rest), {}, {
     className: clsx(prefixCls, ["".concat(prefixCls, "-").concat(direction)], ["".concat(prefixCls, "-").concat(effect)], _defineProperty({}, "".concat(prefixCls, "-arrows-visible"), showArrow), className),
+    role: 'region',
+    'aria-roledescription': 'carousel',
+    'aria-live': autoplay ? 'off' : 'polite',
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave
   });
@@ -181,24 +184,48 @@ var Carousel = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
         show: infinite || current > 1
       }, classNames === null || classNames === void 0 ? void 0 : classNames.prev),
       style: styles === null || styles === void 0 ? void 0 : styles.prev,
-      onClick: prev
+      onClick: prev,
+      role: "button",
+      "aria-label": "Previous slide",
+      tabIndex: 0,
+      onKeyDown: function onKeyDown(e) {
+        if (e.key === 'Enter' || e.key === ' ') {
+          e.preventDefault();
+          prev();
+        }
+      }
     }, direction === 'vertical' ? /*#__PURE__*/React.createElement(ChevronUp, null) : /*#__PURE__*/React.createElement(ChevronLeft, null)), /*#__PURE__*/React.createElement("div", {
       className: clsx("".concat(prefixCls, "-next"), {
         show: infinite || current !== count
       }, classNames === null || classNames === void 0 ? void 0 : classNames.next),
       style: styles === null || styles === void 0 ? void 0 : styles.next,
-      onClick: next
+      onClick: next,
+      role: "button",
+      "aria-label": "Next slide",
+      tabIndex: 0,
+      onKeyDown: function onKeyDown(e) {
+        if (e.key === 'Enter' || e.key === ' ') {
+          e.preventDefault();
+          next();
+        }
+      }
     }, direction === 'vertical' ? /*#__PURE__*/React.createElement(ChevronDown, null) : /*#__PURE__*/React.createElement(ChevronRight, null)));
   };
   var renderDots = function renderDots() {
     return dots ? /*#__PURE__*/React.createElement("ul", {
       className: clsx("".concat(prefixCls, "-bar"), ["".concat(prefixCls, "-bar-").concat(dotShape)], ["".concat(prefixCls, "-bar-").concat(dotPosition)], classNames === null || classNames === void 0 ? void 0 : classNames.dot),
-      style: styles === null || styles === void 0 ? void 0 : styles.dot
+      style: styles === null || styles === void 0 ? void 0 : styles.dot,
+      role: "tablist",
+      "aria-label": "Slide controls"
     }, new Array(React.Children.count(children)).fill(0).map(function (i, index) {
+      var isActive = current === index + 1 || current === 0 && index === count - 1;
       return /*#__PURE__*/React.createElement("li", {
         className: clsx({
-          active: current === index + 1 || current === 0 && index === count
+          active: isActive
         }),
+        role: "tab",
+        "aria-selected": isActive,
+        "aria-label": "Slide ".concat(index + 1),
         tabIndex: 0,
         onClick: function onClick() {
           return handleIndicator(index + 1, 'click');

package/dist/esm/Cascader/cascader.js

@@ -425,7 +425,9 @@ var Cascader = function Cascader(baseprops) {
   };
   var renderPopup = function renderPopup() {
     return /*#__PURE__*/React.createElement("div", {
-      className: clsx(prefixCls)
+      className: clsx(prefixCls),
+      role: "group",
+      "aria-label": "Cascader options"
     }, isFilter ? /*#__PURE__*/React.createElement(SearchList, {
       prefixCls: prefixCls,
       items: filteredList,

package/dist/esm/Cascader/column.js

@@ -7,7 +7,8 @@ var Column = function Column(props) {
     index = props.index;
   return /*#__PURE__*/React.createElement("ul", {
     className: "".concat(prefixCls, "-menu"),
-    role: "menu"
+    role: "listbox",
+    "aria-label": "Level ".concat(index + 1, " options")
   }, Array.isArray(data) && data.map(function (item, idx) {
     return /*#__PURE__*/React.createElement(Node, _extends({}, item, {
       index: idx,

package/dist/esm/Cascader/node.js

@@ -17,7 +17,7 @@ import isEqual from "../utils/isEqual";
 import { CascaderCtx } from "./cascader";
 import { getChildren, isHalfChecked } from "./utils";
 var Node = function Node(props) {
-  var _expandedPath$level;
+  var _expandedPath$level, _expandedPath$level2, _expandedPath$level3;
   var uid = props.uid,
     value = props.value,
     disabled = props.disabled,
@@ -95,22 +95,36 @@ var Node = function Node(props) {
     onMouseEnter: handleMouseEnter,
     onClick: function onClick(e) {
       return handleClick(false, e);
+    },
+    role: "option",
+    "aria-disabled": disabled || undefined,
+    "aria-selected": checked || ((_expandedPath$level2 = expandedPath[level]) === null || _expandedPath$level2 === void 0 ? void 0 : _expandedPath$level2.key) === uid,
+    "aria-expanded": isParent ? ((_expandedPath$level3 = expandedPath[level]) === null || _expandedPath$level3 === void 0 ? void 0 : _expandedPath$level3.key) === uid : undefined,
+    tabIndex: disabled ? -1 : 0,
+    onKeyDown: function onKeyDown(e) {
+      if (e.key === 'Enter' || e.key === ' ') {
+        e.preventDefault();
+        handleClick(false, e);
+      }
     }
   }, multiple && /*#__PURE__*/React.createElement(Checkbox, {
     checked: isParent ? checkedAll : checked,
     onChange: isParent ? function () {
       return handleClick(true);
     } : undefined,
-    indeterminate: indeterminate
+    indeterminate: indeterminate,
+    "aria-label": "Select ".concat(typeof label === 'string' ? label : String(label))
   }), /*#__PURE__*/React.createElement("span", {
     className: clsx("".concat(prefixCls, "-menu-item-label"), {
       loaded: load === 2
     }),
     title: typeof label === 'string' ? label : String(label)
   }, label), load === 1 ? /*#__PURE__*/React.createElement(Spin, {
-    size: "small"
+    size: "small",
+    "aria-label": "Loading"
   }) : isLeaf === false ? /*#__PURE__*/React.createElement(ChevronRight, {
-    size: 20
+    size: 20,
+    "aria-hidden": "true"
   }) : null);
 };
 export default /*#__PURE__*/memo(Node);

package/dist/esm/Cascader/search-list.js

@@ -12,9 +12,11 @@ var SearchList = function SearchList(props) {
     items = props.items,
     _onClick = props.onClick;
   return /*#__PURE__*/React.createElement("ul", {
-    className: "".concat(prefixCls, "-filter-menu")
+    className: "".concat(prefixCls, "-filter-menu"),
+    role: "listbox",
+    "aria-label": "Search results"
   }, items.length ? items.map(function (item) {
-    var _item$data$$source;
+    var _item$data$$source, _item$data$$source2;
     var title = ((_item$data$$source = item.data.$source) === null || _item$data$$source === void 0 ? void 0 : _item$data$$source.title) || item.data.labelPath.join(' / ');
     return /*#__PURE__*/React.createElement("li", {
       className: "".concat(prefixCls, "-filter-menu-item"),
@@ -22,8 +24,20 @@ var SearchList = function SearchList(props) {
       onClick: function onClick() {
         return _onClick(item.data);
       },
-      key: item.data.uid
+      key: item.data.uid,
+      role: "option",
+      "aria-disabled": ((_item$data$$source2 = item.data.$source) === null || _item$data$$source2 === void 0 ? void 0 : _item$data$$source2.disabled) || undefined,
+      tabIndex: 0,
+      onKeyDown: function onKeyDown(e) {
+        if (e.key === 'Enter' || e.key === ' ') {
+          e.preventDefault();
+          _onClick(item.data);
+        }
+      }
     }, renderHighlightText(item.matches));
-  }) : /*#__PURE__*/React.createElement("p", null, 'No result'));
+  }) : /*#__PURE__*/React.createElement("li", {
+    role: "option",
+    "aria-disabled": "true"
+  }, 'No result'));
 };
 export default /*#__PURE__*/React.memo(SearchList);

package/dist/esm/Checkbox/checkbox-group.js

@@ -60,7 +60,9 @@ var CheckboxGroup = function CheckboxGroup(baseprops) {
   };
   return /*#__PURE__*/React.createElement("div", {
     className: cls,
-    style: style
+    style: style,
+    role: "group",
+    "aria-disabled": disabled || undefined
   }, /*#__PURE__*/React.createElement(CheckboxGroupCtx.Provider, {
     value: {
       name: name,

package/dist/esm/Checkbox/checkbox.js

@@ -55,7 +55,8 @@ var Checkbox = function Checkbox(baseprops) {
   };
   return /*#__PURE__*/React.createElement("label", {
     className: clsx("".concat(prefixCls, "-wrapper"), _defineProperty({}, "".concat(prefixCls, "-wrapper-disabled"), disabled), className),
-    style: style
+    style: style,
+    "aria-disabled": disabled || undefined
   }, /*#__PURE__*/React.createElement("span", {
     className: clsx("".concat(prefixCls), _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-checked"), mergedChecked), "".concat(prefixCls, "-indeterminate"), indeterminate), "".concat(prefixCls, "-disabled"), disabled))
   }, /*#__PURE__*/React.createElement("input", _extends({}, rest, {
@@ -65,10 +66,12 @@ var Checkbox = function Checkbox(baseprops) {
     value: value,
     disabled: disabled,
     checked: mergedChecked,
-    onChange: handleChange
+    onChange: handleChange,
+    "aria-checked": indeterminate ? 'mixed' : mergedChecked
   })), /*#__PURE__*/React.createElement("span", {
     className: clsx("".concat(prefixCls, "-inner"), classNames === null || classNames === void 0 ? void 0 : classNames.inner),
-    style: styles === null || styles === void 0 ? void 0 : styles.inner
+    style: styles === null || styles === void 0 ? void 0 : styles.inner,
+    "aria-hidden": "true"
   })), children ? /*#__PURE__*/React.createElement("span", {
     className: clsx("".concat(prefixCls, "-label"), classNames === null || classNames === void 0 ? void 0 : classNames.label),
     style: styles === null || styles === void 0 ? void 0 : styles.label

package/dist/esm/Collapse/panel.js

@@ -5,7 +5,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import clsx from 'clsx';
 import { ChevronRight } from 'lucide-react';
 import { AnimatePresence, motion } from 'motion/react';
-import React, { useContext } from 'react';
+import React, { useContext, useId } from 'react';
 import Button from "../Button";
 import { CollapseContext } from "./collapse";
 var Panel = function Panel(props) {
@@ -21,6 +21,9 @@ var Panel = function Panel(props) {
     prefixCls = _useContext.prefixCls,
     activeKey = _useContext.activeKey,
     onExpand = _useContext.onExpand;
+  var panelId = useId();
+  var headerId = "".concat(panelId, "-header");
+  var contentId = "".concat(panelId, "-content");
   var expanded = activeKey.includes(id);
   var itemClassName = clsx("".concat(prefixCls, "-item"), _defineProperty({}, "".concat(prefixCls, "-item-expanded"), expanded), className);
   return /*#__PURE__*/React.createElement("div", {
@@ -30,7 +33,9 @@ var Panel = function Panel(props) {
     className: clsx("".concat(prefixCls, "-header"), classNames === null || classNames === void 0 ? void 0 : classNames.header),
     role: "button",
     style: styles === null || styles === void 0 ? void 0 : styles.header,
+    id: headerId,
     "aria-expanded": expanded,
+    "aria-controls": contentId,
     "aria-disabled": "false",
     tabIndex: 0,
     onClick: function onClick() {
@@ -50,7 +55,8 @@ var Panel = function Panel(props) {
     },
     transition: {
       duration: 0.15
-    }
+    },
+    "aria-hidden": "true"
   }, /*#__PURE__*/React.createElement(Button, {
     icon: /*#__PURE__*/React.createElement(ChevronRight, {
       size: 16
@@ -69,6 +75,9 @@ var Panel = function Panel(props) {
   }, typeof extra === 'function' ? extra() : extra)), /*#__PURE__*/React.createElement(AnimatePresence, null, expanded && /*#__PURE__*/React.createElement(motion.div, {
     className: clsx("".concat(prefixCls, "-content"), classNames === null || classNames === void 0 ? void 0 : classNames.content),
     style: styles === null || styles === void 0 ? void 0 : styles.content,
+    id: contentId,
+    role: "region",
+    "aria-labelledby": headerId,
     initial: {
       height: 0,
       opacity: 0

package/dist/esm/Dialog/dialog.js

@@ -17,7 +17,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import clsx from 'clsx';
 import { X } from 'lucide-react';
 import { motion } from 'motion/react';
-import React, { useContext, useEffect, useRef, useState } from 'react';
+import React, { useCallback, useContext, useEffect, useId, useRef, useState } from 'react';
 import Button from "../Button";
 import { GlobalContext } from "../Config-Provider";
 import useEsc from "../hooks/useEsc";
@@ -35,7 +35,6 @@ var ANIMATION_DURATION = 0.2;
 var CLOSE_ICON_SIZE = 16;
 var CLOSE_ICON_STROKE_WIDTH = 1.5;
 var Dialog = function Dialog(baseprops) {
-  var _contentRef$current2;
   var _useContext = useContext(GlobalContext),
     dialog = _useContext.dialog;
   var props = mergeContextToProps(baseprops, dialog);
@@ -84,7 +83,18 @@ var Dialog = function Dialog(baseprops) {
     _useState2 = _slicedToArray(_useState, 2),
     delayOpen = _useState2[0],
     setDelayOpen = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    contentElement = _useState4[0],
+    setContentElement = _useState4[1];
   var contentRef = useRef(null);
+  var setContentRef = useCallback(function (element) {
+    contentRef.current = element;
+    setContentElement(element);
+  }, []);
+  var dialogId = useId();
+  var titleId = "".concat(dialogId, "-title");
+  var bodyId = "".concat(dialogId, "-body");
 
   // When open changes and openResetLocation is true, reset position
   useEffect(function () {
@@ -102,7 +112,7 @@ var Dialog = function Dialog(baseprops) {
   });
 
   // lock focus in the dialog
-  useLockFocus((_contentRef$current2 = contentRef === null || contentRef === void 0 ? void 0 : contentRef.current) !== null && _contentRef$current2 !== void 0 ? _contentRef$current2 : null, delayOpen);
+  useLockFocus(contentElement, delayOpen);
 
   // enable esc to close dialog
   useEsc({
@@ -112,8 +122,8 @@ var Dialog = function Dialog(baseprops) {
     }
   });
 
-  // manage focus
-  useFocusManage(contentRef.current, delayOpen);
+  // manage focus once per open cycle
+  useFocusManage(contentElement, open);
   var cls = clsx(prefixCls, _defineProperty(_defineProperty({}, "".concat(prefixCls, "-open"), delayOpen), "".concat(prefixCls, "-fullscreen"), fullscreen));
   var renderFooter = function renderFooter() {
     if (footer === false || footer === null) {
@@ -164,7 +174,8 @@ var Dialog = function Dialog(baseprops) {
     }
   }), showMask && delayOpen && /*#__PURE__*/React.createElement("div", {
     className: clsx("".concat(prefixCls, "-mask"), classNames === null || classNames === void 0 ? void 0 : classNames.mask),
-    style: styles === null || styles === void 0 ? void 0 : styles.mask
+    style: styles === null || styles === void 0 ? void 0 : styles.mask,
+    "aria-hidden": "true"
   }), /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-content-wrapper"),
     onClick: maskClosable ? onCancel : undefined
@@ -177,7 +188,11 @@ var Dialog = function Dialog(baseprops) {
     onClick: function onClick(e) {
       return e.stopPropagation();
     },
-    ref: contentRef
+    ref: setContentRef,
+    role: "dialog",
+    "aria-modal": showMask ? true : undefined,
+    "aria-labelledby": title ? titleId : undefined,
+    "aria-describedby": bodyId
   }, closable ? /*#__PURE__*/React.createElement(Button, {
     type: "text",
     icon: /*#__PURE__*/React.createElement(X, {
@@ -191,10 +206,12 @@ var Dialog = function Dialog(baseprops) {
     className: clsx("".concat(prefixCls, "-header"), classNames === null || classNames === void 0 ? void 0 : classNames.header),
     style: styles === null || styles === void 0 ? void 0 : styles.header
   }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-title")
+    className: "".concat(prefixCls, "-title"),
+    id: titleId
   }, title)) : null, /*#__PURE__*/React.createElement("div", {
     className: clsx("".concat(prefixCls, "-body"), classNames === null || classNames === void 0 ? void 0 : classNames.body),
-    style: styles === null || styles === void 0 ? void 0 : styles.body
+    style: styles === null || styles === void 0 ? void 0 : styles.body,
+    id: bodyId
   }, children), renderFooter())));
   return /*#__PURE__*/React.createElement(Portal, {
     open: open,

package/dist/esm/Drawer/drawer.js

@@ -15,7 +15,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import clsx from 'clsx';
 import { X } from 'lucide-react';
 import { motion } from 'motion/react';
-import React, { useContext, useRef, useState } from 'react';
+import React, { useContext, useId, useRef, useState } from 'react';
 import Button from "../Button";
 import { GlobalContext } from "../Config-Provider";
 import Portal from "../Portal";
@@ -132,6 +132,9 @@ var Drawer = function Drawer(baseprops) {
     delayOpen = _useState2[0],
     setDelayOpen = _useState2[1];
   var contentRef = useRef(null);
+  var drawerId = useId();
+  var titleId = "".concat(drawerId, "-title");
+  var bodyId = "".concat(drawerId, "-body");
   useLockFocus(contentRef.current, delayOpen);
   useEsc({
     enabled: keyboard,
@@ -177,8 +180,7 @@ var Drawer = function Drawer(baseprops) {
       exit = _getAnimate.exit;
     return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
       className: cls,
-      style: style,
-      role: "modal"
+      style: style
     }), showMask && delayOpen && /*#__PURE__*/React.createElement(motion.div, {
       className: clsx("".concat(prefixCls, "-mask"), classNames === null || classNames === void 0 ? void 0 : classNames.mask),
       style: styles === null || styles === void 0 ? void 0 : styles.mask,
@@ -196,7 +198,8 @@ var Drawer = function Drawer(baseprops) {
       },
       transition: {
         duration: ANIMATION_DURATION
-      }
+      },
+      "aria-hidden": "true"
     }), /*#__PURE__*/React.createElement(motion.div, {
       className: "".concat(prefixCls, "-content-wrapper"),
       style: {
@@ -223,16 +226,22 @@ var Drawer = function Drawer(baseprops) {
       className: clsx("".concat(prefixCls, "-content"), classNames === null || classNames === void 0 ? void 0 : classNames.content),
       tabIndex: 0,
       style: styles === null || styles === void 0 ? void 0 : styles.content,
-      ref: contentRef
+      ref: contentRef,
+      role: "dialog",
+      "aria-modal": showMask ? true : undefined,
+      "aria-labelledby": title ? titleId : undefined,
+      "aria-describedby": bodyId
     }, renderClose(), title ? /*#__PURE__*/React.createElement("div", {
       className: clsx("".concat(prefixCls, "-header"), classNames === null || classNames === void 0 ? void 0 : classNames.header),
       style: styles === null || styles === void 0 ? void 0 : styles.header
     }, /*#__PURE__*/React.createElement("div", {
       className: clsx("".concat(prefixCls, "-title"), classNames === null || classNames === void 0 ? void 0 : classNames.title),
-      style: styles === null || styles === void 0 ? void 0 : styles.title
+      style: styles === null || styles === void 0 ? void 0 : styles.title,
+      id: titleId
     }, title)) : null, /*#__PURE__*/React.createElement("div", {
       className: clsx("".concat(prefixCls, "-body"), classNames === null || classNames === void 0 ? void 0 : classNames.body),
-      style: styles === null || styles === void 0 ? void 0 : styles.body
+      style: styles === null || styles === void 0 ? void 0 : styles.body,
+      id: bodyId
     }, children), renderFooter())));
   };
   return /*#__PURE__*/React.createElement(Portal, {

package/dist/esm/Menu/menu-item.js

@@ -69,7 +69,11 @@ var MenuItem = function MenuItem(props) {
         paddingLeft: paddingLeft
       }, styles === null || styles === void 0 ? void 0 : styles.item),
       onClick: handleClick,
-      title: isCollapsed && typeof label === 'string' ? label : undefined
+      title: isCollapsed && typeof label === 'string' ? label : undefined,
+      role: "menuitem",
+      "aria-disabled": disabled || undefined,
+      "aria-current": selectedKeys !== null && selectedKeys !== void 0 && selectedKeys.includes(key) ? 'page' : undefined,
+      tabIndex: disabled ? -1 : 0
     }, iconNode, !isCollapsed && /*#__PURE__*/React.createElement("span", {
       className: "".concat(prefixCls, "-item-content"),
       title: typeof label === 'string' ? label : ''
@@ -130,7 +134,8 @@ var MenuItem = function MenuItem(props) {
     if (isCollapsed) return null;
     if (mode === 'vertical' || mode === 'horizontal') {
       return /*#__PURE__*/React.createElement("span", {
-        className: "".concat(prefixCls, "-item-switch")
+        className: "".concat(prefixCls, "-item-switch"),
+        "aria-hidden": "true"
       }, /*#__PURE__*/React.createElement(ChevronRight, {
         strokeWidth: 2,
         size: 18
@@ -143,14 +148,18 @@ var MenuItem = function MenuItem(props) {
       },
       transition: {
         duration: 0.15
-      }
+      },
+      "aria-hidden": "true"
     }, /*#__PURE__*/React.createElement(ChevronDown, {
       strokeWidth: 2,
       size: 18
     }));
   };
   var triggerNode = /*#__PURE__*/React.createElement("div", {
-    role: "submenu",
+    role: "menuitem",
+    "aria-haspopup": "true",
+    "aria-expanded": opened,
+    "aria-disabled": disabled || undefined,
     className: clsx("".concat(prefixCls, "-submenu-title"), _defineProperty(_defineProperty({}, "".concat(prefixCls, "-submenu-open"), opened), "".concat(prefixCls, "-submenu-selected"), selectedKeys.includes(key) || selectedKeys.find(function (k) {
       return childrenKeys.includes(k);
     }))),
@@ -158,6 +167,7 @@ var MenuItem = function MenuItem(props) {
       paddingLeft: paddingLeft
     },
     onClick: handleExpand,
+    tabIndex: disabled ? -1 : 0,
     title: isCollapsed && typeof label === 'string' ? label : undefined
   }, iconNode, !isCollapsed && /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-item-content"),
@@ -168,7 +178,8 @@ var MenuItem = function MenuItem(props) {
   var usePopup = mode === 'vertical' || mode === 'horizontal' || isCollapsed;
   var placement = mode === 'horizontal' && !isCollapsed ? 'bottomLeft' : 'rightTop';
   var childNode = /*#__PURE__*/React.createElement("li", {
-    className: cls
+    className: cls,
+    role: "none"
   }, usePopup ? /*#__PURE__*/React.createElement(Trigger, {
     open: openKeys.includes(key),
     popup: popup,

package/dist/esm/Menu/menu.js

@@ -25,11 +25,16 @@ var MenuGroup = function MenuGroup(_ref2) {
     prefixCls = _ref2.prefixCls,
     renderItems = _ref2.renderItems;
   return /*#__PURE__*/React.createElement("li", {
-    className: "".concat(prefixCls, "-item-group")
+    className: "".concat(prefixCls, "-item-group"),
+    role: "none"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-item-group-title")
+    className: "".concat(prefixCls, "-item-group-title"),
+    role: "presentation",
+    id: "".concat(prefixCls, "-group-").concat(String(item.label))
   }, item.label), /*#__PURE__*/React.createElement("ul", {
-    className: "".concat(prefixCls, "-item-group-list")
+    className: "".concat(prefixCls, "-item-group-list"),
+    role: "group",
+    "aria-labelledby": "".concat(prefixCls, "-group-").concat(String(item.label))
   }, renderItems(item.children)));
 };
 var Menu = function Menu(props) {
@@ -89,7 +94,7 @@ var Menu = function Menu(props) {
   return /*#__PURE__*/React.createElement("ul", _extends({}, dataAttrs, {
     className: cls,
     style: rootStyle,
-    role: "menu"
+    role: root && mode === 'horizontal' ? 'menubar' : 'menu'
   }), /*#__PURE__*/React.createElement(MenuCtx.Provider, {
     value: {
       level: level,
@@ -98,7 +103,8 @@ var Menu = function Menu(props) {
       styles: styles
     }
   }, getChildFromItems(items), level === 0 && footer && /*#__PURE__*/React.createElement("li", {
-    className: "".concat(prefixCls, "-footer")
+    className: "".concat(prefixCls, "-footer"),
+    role: "none"
   }, footer)));
 };
 Menu.displayName = 'Menu';

package/dist/esm/Pagination/items.js

@@ -60,15 +60,18 @@ var Items = function Items(props) {
           }
         },
         role: "button",
+        "aria-label": "Jump back 7 pages",
         key: "turnleft"
       }, (_components$jumpPrev = components === null || components === void 0 ? void 0 : components.jumpPrev) !== null && _components$jumpPrev !== void 0 ? _components$jumpPrev : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-        className: "".concat(prefixCls, "-jump-prev-ellipsis")
+        className: "".concat(prefixCls, "-jump-prev-ellipsis"),
+        "aria-hidden": "true"
       }, /*#__PURE__*/React.createElement(Ellipsis, {
         className: "ellipsis",
         size: 18,
         strokeWidth: 1.5
       })), /*#__PURE__*/React.createElement("span", {
-        className: "".concat(prefixCls, "-jump-prev-icon")
+        className: "".concat(prefixCls, "-jump-prev-icon"),
+        "aria-hidden": "true"
       }, /*#__PURE__*/React.createElement(ChevronsLeft, {
         className: "turn",
         size: 18,
@@ -89,15 +92,18 @@ var Items = function Items(props) {
           }
         },
         role: "button",
+        "aria-label": "Jump forward 7 pages",
         key: "turn-right"
       }, (_components$jumpNext = components === null || components === void 0 ? void 0 : components.jumpNext) !== null && _components$jumpNext !== void 0 ? _components$jumpNext : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-        className: "".concat(prefixCls, "-jump-next-ellipsis")
+        className: "".concat(prefixCls, "-jump-next-ellipsis"),
+        "aria-hidden": "true"
       }, /*#__PURE__*/React.createElement(Ellipsis, {
         className: "ellipsis",
         size: 18,
         strokeWidth: 1.5
       })), /*#__PURE__*/React.createElement("span", {
-        className: "".concat(prefixCls, "-jump-next-icon")
+        className: "".concat(prefixCls, "-jump-next-icon"),
+        "aria-hidden": "true"
       }, /*#__PURE__*/React.createElement(ChevronsRight, {
         className: "turn",
         size: 18,
@@ -116,7 +122,10 @@ var Items = function Items(props) {
           if (e.key === 'Enter') {
             onChange(number);
           }
-        }
+        },
+        role: "button",
+        "aria-label": "Page ".concat(number),
+        "aria-current": current === number ? 'page' : undefined
       }, number);
     }
   }));

package/dist/esm/Pagination/pagination.js

@@ -169,10 +169,14 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
           prevClick();
         }
       },
+      role: "button",
+      "aria-label": "Previous page",
+      "aria-disabled": mergedCurrent === 1 || undefined,
       key: "prev"
     }, (_components$prev = components === null || components === void 0 ? void 0 : components.prev) !== null && _components$prev !== void 0 ? _components$prev : /*#__PURE__*/React.createElement(ChevronLeft, {
       size: 20,
-      strokeWidth: 1.5
+      strokeWidth: 1.5,
+      "aria-hidden": "true"
     }));
   };
   var renderNext = function renderNext() {
@@ -187,10 +191,14 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
           nextClick();
         }
       },
+      role: "button",
+      "aria-label": "Next page",
+      "aria-disabled": mergedCurrent === pageCount || undefined,
       key: "next"
     }, (_components$next = components === null || components === void 0 ? void 0 : components.next) !== null && _components$next !== void 0 ? _components$next : /*#__PURE__*/React.createElement(ChevronRight, {
       size: 20,
-      strokeWidth: 1.5
+      strokeWidth: 1.5,
+      "aria-hidden": "true"
     }));
   };
   var renderSizeChanger = function renderSizeChanger() {
@@ -225,11 +233,15 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
   return /*#__PURE__*/React.createElement("ul", _extends({}, rest, {
     className: cls,
     style: style,
-    ref: ref
+    ref: ref,
+    role: "navigation",
+    "aria-label": "Pagination",
+    "aria-disabled": disabled || undefined
   }), renderTotal(), renderPrevious(), simple ? /*#__PURE__*/React.createElement("li", {
     className: "".concat(prefixCls, "-simple")
   }, renderNumber(false), /*#__PURE__*/React.createElement("span", {
-    className: "split"
+    className: "split",
+    "aria-hidden": "true"
   }, "/"), /*#__PURE__*/React.createElement("span", {
     className: "total-page"
   }, pageCount)) : /*#__PURE__*/React.createElement(Items, {

package/dist/esm/Radio/radio-group.js

@@ -53,14 +53,15 @@ var RadioGroup = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
     setMergedValue(event.target.value);
     onChange === null || onChange === void 0 || onChange(event.target.value, event);
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: cls,
     style: _objectSpread(_objectSpread({}, style), {}, {
       gap: gap
     }),
     ref: ref,
-    role: "radiogroup"
-  }, /*#__PURE__*/React.createElement(GroupCtx.Provider, {
+    role: "radiogroup",
+    "aria-disabled": disabled || undefined
+  }, rest), /*#__PURE__*/React.createElement(GroupCtx.Provider, {
     value: {
       name: name,
       buttonStyle: buttonStyle,
@@ -69,7 +70,7 @@ var RadioGroup = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
   }, options === null || options === void 0 ? void 0 : options.map(function (option, index) {
     return /*#__PURE__*/React.createElement(Radio, _extends({
       disabled: disabled
-    }, rest, option, {
+    }, option, {
       checked: option.value === mergedValue,
       key: option.value || index
     }));