Add aria-current=page to last breadcrumb item (a11y semantic for current location)

2026-04-20 22:21:35 +03:00
parent 57aeba5534
commit 826a583c4d
1 changed files with 6 additions and 1 deletions
@@ -45,7 +45,12 @@ export const Breadcrumbs: FC<BreadcrumbsProps> = ({ items = [] }) => {
              {showAsLink ? (
                <a href={item.url} className="breadcrumbs__link">{item.label}</a>
              ) : (
-                <span className="breadcrumbs__text">{item.label}</span>
+                <span
+                  className="breadcrumbs__text"
+                  {...(isLast ? { "aria-current": "page" } : {})}
+                >
+                  {item.label}
+                </span>
              )}
              {!isLast && (
                <span className="breadcrumbs__separator" aria-hidden="true">/</span>