fix(Breadcrumb): improve accessibility (#1189)

dnbexperience · Jan 5, 2022 · 59825b8 · 59825b8
1 parent 17a1de0
commit 59825b8
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/dnb-eufemia/src/components/breadcrumb/BreadcrumbItem.tsx b/packages/dnb-eufemia/src/components/breadcrumb/BreadcrumbItem.tsx
@@ -88,7 +88,7 @@ export default function BreadcrumbItem(localProps: BreadcrumbItemProps) {
     <li
       className="dnb-breadcrumb__item"
       data-testid="breadcrumb-item"
-      aria-current={variant === 'current' ? true : undefined}
+      aria-current={variant === 'current' ? 'page' : undefined}
     >
       {isInteractive ? (
         <Button

diff --git a/packages/dnb-eufemia/src/components/breadcrumb/__tests__/Breadcrumb.test.tsx b/packages/dnb-eufemia/src/components/breadcrumb/__tests__/Breadcrumb.test.tsx
@@ -94,7 +94,7 @@ describe('Breadcrumb', () => {
     ).toBe('Page 2')
   })
 
-  it('current will have aria-current="true', () => {
+  it('current item will have aria-current="page', () => {
     render(
       <Breadcrumb
         data={[
@@ -106,7 +106,7 @@ describe('Breadcrumb', () => {
     )
 
     const lastElem = screen.getAllByTestId('breadcrumb-item').slice(-1)[0]
-    expect(lastElem.getAttribute('aria-current')).toBe('true')
+    expect(lastElem.getAttribute('aria-current')).toBe('page')
   })
 
   it('variant collapse opens the collapsed content on click', () => {