Issue Description

The list mark-up is not used for the breadcrumb trail - this makes it difficult for Screen reader users to navigate to the lists and different list items quickly.

Screen reader users find it difficult to navigate to the (breadcrumbs) lists and different list items because of missing list markup.

Steps to Reproduce

1. Open the “Raise a request” page
2. Navigate to the main content
3. Using screen reader, navigate to the “Help Center” and “ITSM sample space” links
4. Notice that the list mark-up is not used for the mentioned links

Same issue is observed with ticket key link as well

Actual Behavior

List mark-up is not used to present related information. For example, breadcrumb links such as “Help Center” and “ITSM sample space” in the main content area are not marked as list items which visually looks like a list.
As a result, screen reader users will find it difficult to navigate to the lists and different list items quickly.

The breadcrumb links such as “Help Center“, and “ITSM“ are not programmatically defined. The role, name, and state are not defined for the mentioned link.

Same issue is observed with ticket key link as well

As a result, screen reader users will not be able to interact with it effectively.

Expected Result

Use appropriate list mark-up, such as <li> and <ol> to identify related information. In addition, consider applying styles to maintain the visual presentation of the screen.