@redneckz/wildless-cms-uni-blocks 0.14.537 → 0.14.538

package/src/ui-kit/RadioButtonGroup/RadioButtonGroup.tsx

@@ -31,7 +31,11 @@ export const RadioButtonGroup = JSX<RadioButtonGroupProps>(
     disabled = false,
     orientation = 'horizontal',
   }) => (
-    <div className={style(`flex ${orientationStyleMap[orientation]}`, className)} role="radiogroup">
+    <div
+      className={style(`flex ${orientationStyleMap[orientation]}`, className)}
+      role="radiogroup"
+      aria-label="Группа кнопок"
+    >
       {items?.map(({ id, text }) => (
         <Checkbox
           key={String(id)}

package/src/ui-kit/TabsControl/TabItemInner.tsx

@@ -54,6 +54,7 @@ export const TabItemInner = JSX<TabItemInnerProps>(
           isActive ? activeTabBgStyleMap[type] : tabBgStyleMap[type],
         )}
         role="tablist"
+        aria-label="Список табов"
         onClick={onClick}
         {...link}
       >
@@ -64,6 +65,8 @@ export const TabItemInner = JSX<TabItemInnerProps>(
             'text-center whitespace-nowrap',
             isActive ? activeTabTextStyleMap[type] : tabTextStyle,
           )}
+          role="tab"
+          aria-label={`Таб ${text}`}
         >
           {renderTabItemInner({
             text,
@@ -73,7 +76,11 @@ export const TabItemInner = JSX<TabItemInnerProps>(
             type,
           })}
           {Number.isInteger(count) ? (
-            <div className="ml-xs">
+            <div
+              className="ml-xs"
+              role="status"
+              aria-label={`Количество программ и сервисов ${count}`}
+            >
               <Badge count={count} version={getVersion(isActive, type)} />
             </div>
           ) : null}

package/src/ui-kit/TabsControl/TabsControl.tsx

@@ -8,6 +8,7 @@ export const TabsControl = JSX<TabsControlProps>(
     <div
       className={style('flex gap-x-2xs overflow-x-auto no-scrollbar', className)}
       role="tabpanel"
+      aria-label="Панель управления табами"
     >
       {items.map(renderTab(activeItem, onChange, tabsType))}
     </div>

package/src/ui-kit/TabsControl/renderTabItemInner.tsx

@@ -36,7 +36,7 @@ export const renderTabItemInner = ({
     <div
       className={style('cursor-pointer text-left border-b-0 flex gap-2xs')}
       aria-label={text}
-      role="tab"
+      aria-labelledby={`${text}-label`}
     >
       {icon ? (
         <Img

package/src/ui-kit/TopItem/TopItem.tsx

@@ -27,7 +27,7 @@ export const TopItem = JSX<TopItemProps>(
         target={target}
         onClick={onClick}
         rel="noopener noreferrer"
-        aria-label={text}
+        aria-label={`Ссылка на ${text}`}
         // eslint-disable-next-line react/jsx-props-no-spreading
         {...getAspectsAttributes(data)}
       >