fix: add aria-label

src/components/AvatarStack/AvatarStack.tsx

@@ -5,6 +5,7 @@ import {block} from '../utils/cn';
 
 import {AvatarStackItem} from './AvatarStackItem';
 import {AvatarStackMoreButton} from './AvatarStackMoreButton';
+import i18n from './i18n';
 import type {AvatarStackProps} from './types';
 
 import './AvatarStack.scss';
@@ -50,7 +51,11 @@ const AvatarStackComponent = ({
                     {renderMoreButton ? (
                         renderMoreButton({count: moreItems})
                     ) : (
-                        <Avatar text={`+${moreItems}`} size={size} />
+                        <Avatar
+                            text={`+${moreItems}`}
+                            aria-label={i18n('more', {count: moreItems})}
+                            size={size}
+                        />
                     )}
                 </AvatarStackItem>
             ) : null}

src/components/AvatarStack/AvatarStackMoreButton.tsx

@@ -4,6 +4,8 @@ import type {AvatarSize} from '../Avatar';
 import {Avatar, DEFAULT_AVATAR_SIZE} from '../Avatar';
 import {block} from '../utils/cn';
 
+import i18n from './i18n';
+
 const b = block('avatar-stack');
 
 type Props = Pick<React.HTMLProps<HTMLButtonElement>, 'className' | 'onClick' | 'aria-label'> & {
@@ -15,7 +17,11 @@ export const AvatarStackMoreButton = React.forwardRef<HTMLButtonElement, Props>(
     ({className, size = DEFAULT_AVATAR_SIZE, onClick, count, 'aria-label': ariaLabel}, ref) => {
         return (
             <button ref={ref} className={b('more-button', {size}, className)} onClick={onClick}>
-                <Avatar text={`+${count}`} size={size} aria-label={ariaLabel} />
+                <Avatar
+                    text={`+${count}`}
+                    size={size}
+                    aria-label={ariaLabel || i18n('more', {count})}
+                />
             </button>
         );
     },

src/components/AvatarStack/i18n/en.json

@@ -1,3 +1,3 @@
 {
-  "more": "More"
+  "more": ["and {{count}} more", "and {{count}} more", "and {{count}} more"]
 }

src/components/AvatarStack/i18n/ru.json

@@ -1,3 +1,3 @@
 {
-  "more": "Больше"
+  "more": ["И eщё {{count}}", "И eщё {{count}}", "И eщё {{count}}"]
 }