Optimize Breadcrumbs

Created on 5 February 2025, about 2 months ago

Problem/Motivation

The current breadcrumb implementation may not meet Web Accessibility (ADA) guidelines due to improper list item usage when a single breadcrumb item exists. The code currently causes screen reader and navigation challenges for users with disabilities. See here. Single items need to be handled differently then multiple items.

Steps to reproduce

Check how single or multiple breadcrumb items are rendered, compare to WCAG standards.

Proposed resolution

Modify the breadcrumb template to ensure:

  • List items are used semantically and appropriately
  • Single and multiple breadcrumb item scenarios are handled correctly
  • Maintain existing logic for wrapper and item tag selection
  • Preserve current functionality while improving accessibility.

Remaining tasks

User interface changes

Introduced terminology

API changes

Data model changes

Release notes snippet

🐛 Bug report
Status

Active

Version

10.3

Component

Olivero theme

Created by

🇺🇸United States bsim26

Live updates comments and jobs are added and updated live.
  • Accessibility

    It affects the ability of people with disabilities or special needs (such as blindness or color-blindness) to use Drupal.

Sign in to follow issues

Merge Requests

Comments & Activities

Production build 0.71.5 2024