fix: nested-interactive error for a11y axe

react-component · Aug 5, 2024 · efd5eaf · efd5eaf
1 parent ac028d8
commit efd5eaf
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/index.tsx b/src/index.tsx
@@ -106,8 +106,6 @@ const InternalSegmentedOption: React.FC<{
       className={classNames(className, {
         [`${prefixCls}-item-disabled`]: disabled,
       })}
-      role="option"
-      aria-selected={checked}
     >
       <input
         className={`${prefixCls}-item-input`}
@@ -116,7 +114,12 @@ const InternalSegmentedOption: React.FC<{
         checked={checked}
         onChange={handleChange}
       />
-      <div className={`${prefixCls}-item-label`} title={title}>
+      <div
+        className={`${prefixCls}-item-label`}
+        title={title}
+        role="option"
+        aria-selected={checked}
+      >
         {label}
       </div>
     </label>