Breadcrumb links in and

FYI, you need to wrap any HTML you try to post to the forums in `, otherwise odd things will happen.

From what I can tell, the WCAG 2.1 only seems to require wrapping the whole thing in a nav element with the proper arria-label set to breadcrumbs (along with having a visible separator and the elements other than the current item linked). Example 3 uses unordered list (the most improper tag for a breadcrumb trail as there definitely is order in a breadcrumb trail), but I see no indication that is the required markup.

You can call bcn_display_list() instead of bcn_display() to get each of the breadcrumbs wrapped in li elements and place the call within the list tags of your choice (ol or ul).

• This reply was modified 2 years, 4 months ago by John Havlik.
• This reply was modified 2 years, 4 months ago by John Havlik.

Hi, thank you for your reponse.
How can I change the list items to appear next to each other?

If you using one of the list types for the markup (ul or ol) you will need to use CSS to make it display as a breadcrumb trail instead of a list.
Something like the following should get the breadcrumbs appearing next to each other (note it assumes the wrapping tag has the class of breadcrumbs):

.breadcrumbs li
{
	list-style: none;
	margin: 0;
}
.breadcrumbs > li
{
	float: left;
	padding-left: 10px;
}

The later portion of the following article is where I took this from, and has some more detail as to what the CSS is doing: https://mtekk.us/archives/guides/vista-like-breadcrumbs-for-wordpress/