Skip to content

[JENKINS-75851] Enhance breadcrumb with visual indication to show that there are dropdowns #16774

Closed

Description

@jenkins-infra-bot

Add visual aids to indicate that the links will trigger dropdown menus. The problem with the current implementation is that there is no way to know that the breadcrumb will trigger a dropdown which is bad UX and as well bad  accessibility (a11y). 

 

https://www.a11y-collective.com/blog/mastering-web-accessibility-making-drop-down-menus-user-friendly/

> It’s not enough to make drop-down menus and submenus function well. They need to be user-friendly and accessible, especially for individuals with disabilities. They should be clearly indicated to the user.
Visually, this can be done through design elements. Icons such as downward arrows, rightward arrows, or chevrons next to menu items represent the presence of additional options. This can be further complemented by text style alterations, such as underlining the text of the menu items or making them bold. 


Originally reported by targetx, imported from: Enhance breadcrumb with visual indication to show that there are dropdowns
  • assignee: targetx
  • status: Closed
  • priority: Minor
  • component(s): core
  • label(s): UX
  • resolution: Fixed
  • resolved: 2025-07-31T13:48:18+00:00
  • votes: 0
  • watchers: 1
  • imported: 2025-11-24
Raw content of original issue

Add visual aids to indicate that the links will trigger dropdown menus. The problem with the current implementation is that there is no way to know that the breadcrumb will trigger a dropdown which is bad UX and as well bad  accessibility (a11y). 

 

https://www.a11y-collective.com/blog/mastering-web-accessibility-making-drop-down-menus-user-friendly/

> It’s not enough to make drop-down menus and submenus function well. They need to be user-friendly and accessible, especially for individuals with disabilities. They should be clearly indicated to the user. Visually, this can be done through design elements. Icons such as downward arrows, rightward arrows, or chevrons next to menu items represent the presence of additional options. This can be further complemented by text style alterations, such as underlining the text of the menu items or making them bold. 

1 attachment

Activity

  1. jenkins-infra-bot commented on Jul 3, 2025

    @jenkins-infra-bot
    Author
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions