diff --git a/packages/docusaurus-theme-classic/src/theme/DocBreadcrumbs/index.tsx b/packages/docusaurus-theme-classic/src/theme/DocBreadcrumbs/index.tsx index eaaa85a8b7a9..0ed00dc1f43a 100644 --- a/packages/docusaurus-theme-classic/src/theme/DocBreadcrumbs/index.tsx +++ b/packages/docusaurus-theme-classic/src/theme/DocBreadcrumbs/index.tsx @@ -15,6 +15,7 @@ import styles from './styles.module.css'; import clsx from 'clsx'; import Link from '@docusaurus/Link'; import useBaseUrl from '@docusaurus/useBaseUrl'; +import {translate} from '@docusaurus/Translate'; import IconHome from '@theme/IconHome'; // TODO move to design system folder @@ -82,9 +83,14 @@ function HomeBreadcrumbItem() { return (
  • - +
  • ); @@ -104,7 +110,11 @@ export default function DocBreadcrumbs(): JSX.Element | null { ThemeClassNames.docs.docBreadcrumbs, styles.breadcrumbsContainer, )} - aria-label="breadcrumbs"> + aria-label={translate({ + id: 'theme.docs.breadcrumbs.navAriaLabel', + message: 'Breadcrumbs', + description: 'The ARIA label for the breadcrumbs', + })}>