From 4c28b9663d07f161f6d52693761dd393453fbf0f Mon Sep 17 00:00:00 2001
From: Mani <mcnc33@gmail.com>
Date: Sun, 10 May 2026 11:38:32 -0400
Subject: [PATCH] fix(breadcrumb): hide separator list items from accessibility
 tree
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Separator <li> elements (chevron icons) were exposed in the
accessibility tree, causing screen readers to announce decorative
separators between breadcrumb items. Added aria-hidden="true" to
both separator elements — the one following the home item and the
one between each menu item.

Fixes #19520
Relates to #13437
---
 packages/primeng/src/breadcrumb/breadcrumb.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/primeng/src/breadcrumb/breadcrumb.ts b/packages/primeng/src/breadcrumb/breadcrumb.ts
index f47e4dbed47..8288cd2278f 100755
--- a/packages/primeng/src/breadcrumb/breadcrumb.ts
+++ b/packages/primeng/src/breadcrumb/breadcrumb.ts
@@ -80,7 +80,7 @@ const BREADCRUMB_INSTANCE = new InjectionToken<Breadcrumb>('BREADCRUMB_INSTANCE'
                         </a>
                     }
                 </li>
-                <li *ngIf="model && home" [class]="cx('separator')" [pBind]="ptm('separator')">
+                <li *ngIf="model && home" [class]="cx('separator')" [pBind]="ptm('separator')" aria-hidden="true">
                     <svg data-p-icon="chevron-right" *ngIf="!separatorTemplate && !_separatorTemplate" [pBind]="ptm('separatorIcon')" />
                     <ng-template *ngTemplateOutlet="separatorTemplate || _separatorTemplate"></ng-template>
                 </li>
@@ -157,7 +157,7 @@ const BREADCRUMB_INSTANCE = new InjectionToken<Breadcrumb>('BREADCRUMB_INSTANCE'
                             </a>
                         }
                     </li>
-                    <li *ngIf="!end && menuitem.visible !== false" [class]="cx('separator')" [pBind]="ptm('separator')">
+                    <li *ngIf="!end && menuitem.visible !== false" [class]="cx('separator')" [pBind]="ptm('separator')" aria-hidden="true">
                         <svg data-p-icon="chevron-right" *ngIf="!separatorTemplate && !_separatorTemplate" [pBind]="ptm('separatorIcon')" />
                         <ng-template *ngTemplateOutlet="separatorTemplate || _separatorTemplate"></ng-template>
                     </li>