feat: improve accessibility

Author: aojunhao123

src/TabNavList/AddButton.tsx

@@ -18,6 +18,7 @@ const AddButton = React.forwardRef<HTMLButtonElement, AddButtonProps>((props, re
     <button
       ref={ref}
       type="button"
+      role='tab'
       className={`${prefixCls}-nav-add`}
       style={style}
       aria-label={locale?.addAriaLabel || 'Add tab'}

src/TabNavList/OperationNode.tsx

@@ -202,8 +202,6 @@ const OperationNode = React.forwardRef<HTMLDivElement, OperationNodeProps>((prop
         type="button"
         className={`${prefixCls}-nav-more`}
         style={moreStyle}
-        tabIndex={-1}
-        aria-hidden="true"
         aria-haspopup="listbox"
         aria-controls={popupId}
         id={`${id}-more`}

src/TabNavList/TabNode.tsx

@@ -126,6 +126,7 @@ const TabNode: React.FC<TabNodeProps> = props => {
       {removable && (
         <button
           type="button"
+          role="tab"
           aria-label={removeAriaLabel || 'remove'}
           tabIndex={active ? 0 : -1}
           className={`${tabPrefix}-remove`}

tests/__snapshots__/index.test.tsx.snap

@@ -73,11 +73,9 @@ exports[`Tabs.Basic Normal 1`] = `
         aria-controls="rc-tabs-test-more-popup"
         aria-expanded="false"
         aria-haspopup="listbox"
-        aria-hidden="true"
         class="rc-tabs-nav-more"
         id="rc-tabs-test-more"
         style="visibility: hidden; order: 1;"
-        tabindex="-1"
         type="button"
       >
         More
@@ -148,11 +146,9 @@ exports[`Tabs.Basic Skip invalidate children 1`] = `
         aria-controls="rc-tabs-test-more-popup"
         aria-expanded="false"
         aria-haspopup="listbox"
-        aria-hidden="true"
         class="rc-tabs-nav-more"
         id="rc-tabs-test-more"
         style="visibility: hidden; order: 1;"
-        tabindex="-1"
         type="button"
       >
         More

tests/__snapshots__/overflow.test.tsx.snap

@@ -5,11 +5,9 @@ exports[`Tabs.Overflow should collapse 1`] = `
   aria-controls="rc-tabs-test-more-popup"
   aria-expanded="false"
   aria-haspopup="listbox"
-  aria-hidden="true"
   class="rc-tabs-nav-more"
   id="rc-tabs-test-more"
   style=""
-  tabindex="-1"
   type="button"
 >
   More