feat: breadcrumbs a11y (#975)

Author: PahaN47

src/components/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx

@@ -4,6 +4,8 @@ import {useAnalytics} from '../../hooks';
 import {DefaultEventNames, HeaderBreadCrumbsProps} from '../../models';
 import {block} from '../../utils';
 
+import {i18n} from './i18n';
+
 import './HeaderBreadcrumbs.scss';
 
 const b = block('header-breadcrumbs');
@@ -17,7 +19,7 @@ export default function HeaderBreadcrumbs(props: HeaderBreadCrumbsProps) {
     }, [analyticsEvents, handleAnalytics]);
 
     return (
-        <div className={b({theme}, className)}>
+        <div className={b({theme}, className)} aria-label={i18n('label')}>
             {items?.map((item) => (
                 <div className={b('item')} key={item.url}>
                     <a href={item.url} className={b('text')} onClick={onClick}>

src/components/HeaderBreadcrumbs/i18n/en.json

@@ -0,0 +1,3 @@
+{
+  "label": "You are here:"
+}

src/components/HeaderBreadcrumbs/i18n/index.ts

@@ -0,0 +1,8 @@
+import {addComponentKeysets} from '@gravity-ui/uikit/i18n';
+
+import {NAMESPACE} from '../../../utils/cn';
+
+import en from './en.json';
+import ru from './ru.json';
+
+export const i18n = addComponentKeysets({en, ru}, `${NAMESPACE}HeaderBreadcrumbs`);

src/components/HeaderBreadcrumbs/i18n/ru.json

@@ -0,0 +1,3 @@
+{
+  "label": "Вы здесь:"
+}