Attachment 119934 Details for Bug 28101 – Bug 28101: changed breadcrumbs in the OPAC

[patch] Bug 28101: changed breadcrumbs in the OPAC

Bug-28101-changed-breadcrumbs-in-the-OPAC.patch (text/plain), 82.84 KB, created by Wainui Witika-Park on 2021-04-21 04:48:04 UTC

(hide)

Description:

Filename:

MIME Type:

Creator: Wainui Witika-Park

Created: 2021-04-21 04:48:04 UTC

Size: 82.84 KB

patch

obsolete

>From ff7bff61b54ada53eb604e201f8dde91506fa9c9 Mon Sep 17 00:00:00 2001
>From: Wainui Witika-Park <wainuiwitikapark@catalyst.net.nz>
>Date: Mon, 19 Apr 2021 00:39:41 +0000
>Subject: [PATCH] Bug 28101: changed breadcrumbs in the OPAC
>
>Modified breadcrumbs to be accessible, in particular for a
>screen-reader. Also ensured the breadcrumbs were all consistent.
>
>Made the block of breadcrumbs to be a <nav id="breadcrumbs"
>aria-label="Breadcrumb" class="breadcrumb"> with an ordered list inside.
>The last breadcrumb also has aria-current="page" to specify that it is
>the current page.
>
>To test:
>1) Apply patch
>2) Build scss file
>3) Ensure each of the files have breadcrumbs that are in a <nav id="breadcrumbs"
>aria-label="Breadcrumb" class="breadcrumb"> block
>4) Ensure that there is an ordered list in the block of breadcrumbs
>5) Ensure that the last breadcrumb has aria-current="page"
>6) Ensure that the breadcrumbs on each page of the OPAC looks basically
>the same as before, but the '>' symbol is more bold, and the last
>breadcrumb has bold text
>7) Ensure that when the last breadcrumb is clicked it takes you to the
>page you are currently on
>
>Sponsored-by: Catalyst IT
>---
> .../bootstrap/en/modules/errors/errorpage.tt       | 12 ++---
> koha-tmpl/opac-tmpl/bootstrap/en/modules/ilsdi.tt  | 32 ++++++-------
> .../bootstrap/en/modules/opac-ISBDdetail.tt        | 12 ++---
> .../bootstrap/en/modules/opac-MARCdetail.tt        | 12 ++---
> .../bootstrap/en/modules/opac-account-pay-error.tt | 14 +++---
> .../opac-tmpl/bootstrap/en/modules/opac-account.tt | 26 +++++------
> .../bootstrap/en/modules/opac-advsearch.tt         | 12 ++---
> .../bootstrap/en/modules/opac-alert-subscribe.tt   | 18 +++++---
> .../bootstrap/en/modules/opac-auth-MARCdetail.tt   | 14 +++---
> .../bootstrap/en/modules/opac-auth-detail.tt       | 14 +++---
> .../opac-tmpl/bootstrap/en/modules/opac-auth.tt    | 12 ++---
> .../bootstrap/en/modules/opac-authorities-home.tt  | 12 ++---
> .../en/modules/opac-authoritiessearchresultlist.tt | 14 +++---
> .../opac-tmpl/bootstrap/en/modules/opac-blocked.tt | 14 +++---
> .../opac-tmpl/bootstrap/en/modules/opac-browse.tt  | 12 ++---
> .../opac-tmpl/bootstrap/en/modules/opac-browser.tt | 12 ++---
> .../bootstrap/en/modules/opac-course-details.tt    | 16 ++++---
> .../bootstrap/en/modules/opac-course-reserves.tt   | 12 ++---
> .../opac-tmpl/bootstrap/en/modules/opac-detail.tt  | 12 ++---
> .../bootstrap/en/modules/opac-discharge.tt         | 12 ++---
> .../bootstrap/en/modules/opac-downloadshelf.tt     | 18 ++++----
> .../en/modules/opac-full-serial-issues.tt          | 14 +++---
> .../bootstrap/en/modules/opac-holdshistory.tt      | 18 +++++---
> .../bootstrap/en/modules/opac-illrequests.tt       | 34 ++++++++------
> .../bootstrap/en/modules/opac-imageviewer.tt       | 14 +++---
> .../bootstrap/en/modules/opac-issue-note.tt        | 14 +++---
> .../opac-tmpl/bootstrap/en/modules/opac-library.tt | 18 ++++----
> .../opac-tmpl/bootstrap/en/modules/opac-main.tt    | 20 +++++----
> .../modules/opac-memberentry-update-submitted.tt   | 14 +++---
> .../bootstrap/en/modules/opac-memberentry.tt       | 18 ++++----
> .../bootstrap/en/modules/opac-messaging.tt         | 14 +++---
> .../bootstrap/en/modules/opac-overdrive-search.tt  | 12 ++---
> .../opac-tmpl/bootstrap/en/modules/opac-passwd.tt  | 14 +++---
> .../bootstrap/en/modules/opac-password-recovery.tt | 12 ++---
> .../bootstrap/en/modules/opac-patron-consent.tt    | 14 +++---
> .../opac-tmpl/bootstrap/en/modules/opac-privacy.tt | 14 +++---
> .../bootstrap/en/modules/opac-readingrecord.tt     | 14 +++---
> .../en/modules/opac-recordedbooks-search.tt        | 20 ++++-----
> .../en/modules/opac-registration-confirmation.tt   | 12 ++---
> .../en/modules/opac-registration-email-sent.tt     | 12 ++---
> .../en/modules/opac-registration-invalid.tt        | 12 ++---
> .../bootstrap/en/modules/opac-reportproblem.tt     | 14 +++---
> .../bootstrap/en/modules/opac-request-article.tt   | 14 +++---
> .../opac-tmpl/bootstrap/en/modules/opac-reserve.tt | 12 ++---
> .../bootstrap/en/modules/opac-restrictedpage.tt    | 22 +++++----
> .../opac-tmpl/bootstrap/en/modules/opac-results.tt | 20 ++++-----
> .../bootstrap/en/modules/opac-routing-lists.tt     | 14 +++---
> .../bootstrap/en/modules/opac-search-history.tt    | 18 ++++----
> .../bootstrap/en/modules/opac-serial-issues.tt     | 14 +++---
> .../bootstrap/en/modules/opac-shareshelf.tt        | 18 ++++----
> .../opac-tmpl/bootstrap/en/modules/opac-shelves.tt | 52 +++++++++++++---------
> .../bootstrap/en/modules/opac-showreviews.tt       | 12 ++---
> .../bootstrap/en/modules/opac-suggestions.tt       | 14 +++---
> .../opac-tmpl/bootstrap/en/modules/opac-tags.tt    | 14 +++---
> .../bootstrap/en/modules/opac-tags_subject.tt      | 12 ++---
> .../bootstrap/en/modules/opac-topissues.tt         | 12 ++---
> .../opac-tmpl/bootstrap/en/modules/opac-user.tt    | 14 +++---
> .../bootstrap/en/modules/svc/suggestion.tt         | 14 ++++--
> 58 files changed, 489 insertions(+), 427 deletions(-)
>
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/errors/errorpage.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/errors/errorpage.tt
>index 1553df0261..894668df83 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/errors/errorpage.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/errors/errorpage.tt
>@@ -7,15 +7,15 @@
> [% INCLUDE 'masthead.inc' %]
> 
>     <div class="main">
>-        <nav aria-label="breadcrumb">
>-            <ul class="breadcrumb">
>-                <li class="breadcrumb-item">
>+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+            <ol>
>+                <li>
>                     <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>                 </li>
>-                <li class="breadcrumb-item active" aria-current="page">
>-                    <a href="#">Error [% errno | html %]</a>
>+                <li>
>+                    <a href="#" aria-current="page">Error [% errno | html %]</a>
>                 </li>
>-            </ul>
>+            </ol>
>         </nav>
> 
>         <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/ilsdi.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/ilsdi.tt
>index 50db000cb8..96598ed340 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/ilsdi.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/ilsdi.tt
>@@ -37,48 +37,50 @@
> [% INCLUDE 'masthead.inc' %]
> 
>     <div class="main">
>-        <ul class="breadcrumb">
>+            <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+                <ol>
>             <li><a href="/cgi-bin/koha/opac-main.pl">Home</a></li>
>             [% IF ( GetAvailability ) %]
>                 <li><a href="/cgi-bin/koha/ilsdi.pl">ILS-DI</a></li>
>-                <li><a href="#">GetAvailability</a></li>
>+                <li><a href="#" aria-current="page">GetAvailability</a></li>
>             [% ELSIF ( GetRecords ) %]
>                 <li><a href="/cgi-bin/koha/ilsdi.pl">ILS-DI</a></li>
>-                <li><a href="#">GetRecords</a></li>
>+                <li><a href="#" aria-current="page">GetRecords</a></li>
>             [% ELSIF ( GetAuthorityRecords ) %]
>                 <li><a href="/cgi-bin/koha/ilsdi.pl">ILS-DI</a></li>
>-                <li><a href="#">GetAuthorityRecords</a></li>
>+                <li><a href="#" aria-current="page">GetAuthorityRecords</a></li>
>             [% ELSIF ( LookupPatron ) %]
>                 <li><a href="/cgi-bin/koha/ilsdi.pl">ILS-DI</a></li>
>-                <li><a href="#">LookupPatron</a></li>
>+                <li><a href="#" aria-current="page">LookupPatron</a></li>
>             [% ELSIF ( AuthenticatePatron ) %]
>                 <li><a href="/cgi-bin/koha/ilsdi.pl">ILS-DI</a></li>
>-                <li><a href="#">AuthenticatePatron</a></li>
>+                <li><a href="#" aria-current="page">AuthenticatePatron</a></li>
>             [% ELSIF ( GetPatronInfo ) %]
>                 <li><a href="/cgi-bin/koha/ilsdi.pl">ILS-DI</a></li>
>-                <li><a href="#">GetPatronInfo</a></li>
>+                <li><a href="#" aria-current="page">GetPatronInfo</a></li>
>             [% ELSIF ( GetPatronStatus ) %]
>                 <li><a href="/cgi-bin/koha/ilsdi.pl">ILS-DI</a></li>
>-                <li><a href="#">GetPatronStatus</a></li>
>+                <li><a href="#" aria-current="page">GetPatronStatus</a></li>
>             [% ELSIF ( GetServices ) %]
>                 <li><a href="/cgi-bin/koha/ilsdi.pl">ILS-DI</a></li>
>-                <li><a href="#">GetServices</a></li>
>+                <li><a href="#" aria-current="page">GetServices</a></li>
>             [% ELSIF ( RenewLoan ) %]
>                 <li><a href="/cgi-bin/koha/ilsdi.pl">ILS-DI</a></li>
>-                <li><a href="#">RenewLoan</a></li>
>+                <li><a href="#" aria-current="page">RenewLoan</a></li>
>             [% ELSIF ( HoldTitle ) %]
>                 <li><a href="/cgi-bin/koha/ilsdi.pl">ILS-DI</a></li>
>-                <li><a href="#">HoldTitle</a></li>
>+                <li><a href="#" aria-current="page">HoldTitle</a></li>
>             [% ELSIF ( HoldItem ) %]
>                 <li><a href="/cgi-bin/koha/ilsdi.pl">ILS-DI</a></li>
>-                <li><a href="#">HoldItem</a></li>
>+                <li><a href="#" aria-current="page">HoldItem</a></li>
>             [% ELSIF ( CancelHold ) %]
>                 <li><a href="/cgi-bin/koha/ilsdi.pl">ILS-DI</a></li>
>-                <li><a href="#">CancelHold</a></li>
>+                <li><a href="#" aria-current="page">CancelHold</a></li>
>             [% ELSE %]
>-                <li><a href="#">ILS-DI</a></li>
>+                <li><a href="#" aria-current="page">ILS-DI</a></li>
>             [% END %]
>-        </ul>
>+        </ol>
>+            </nav>
> 
>         <div class="container-fluid">
>             <div class="row">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-ISBDdetail.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-ISBDdetail.tt
>index bbb20c717d..05dc08033f 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-ISBDdetail.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-ISBDdetail.tt
>@@ -9,15 +9,15 @@
> [% INCLUDE 'masthead.inc' %]
> <div class="main">
> 
>-    <nav aria-label="breadcrumb">
>-        <ul class="breadcrumb">
>-            <li class="breadcrumb-item">
>+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+        <ol>
>+            <li>
>                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>             </li>
>-            <li class="breadcrumb-item" aria-current="page">
>-                <a href="#">ISBD view</a>
>+            <li>
>+                <a href="#" aria-current="page">ISBD view</a>
>             </li>
>-        </ul>
>+        </ol>
>     </nav>
> 
>     <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-MARCdetail.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-MARCdetail.tt
>index c7043a383d..e40daccd5d 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-MARCdetail.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-MARCdetail.tt
>@@ -8,15 +8,15 @@
> [% INCLUDE 'bodytag.inc' bodyid='opac-marcdetail' bodyclass='scrollto' %]
> [% INCLUDE 'masthead.inc' %]
> <div class="main">
>-    <nav aria-label="breadcrumb">
>-        <ul class="breadcrumb">
>-            <li class="breadcrumb-item">
>+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+        <ol>
>+            <li>
>                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>             </li>
>-            <li class="breadcrumb-item" aria-current="page">
>-                <a href="#">MARC view: [% bibliotitle | html %]</a>
>+            <li>
>+                <a href="#" aria-current="page">MARC view: [% bibliotitle | html %]</a>
>             </li>
>-        </ul>
>+        </ol>
>     </nav>
> 
>     <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-account-pay-error.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-account-pay-error.tt
>index a2004cde32..11b0b4fe7a 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-account-pay-error.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-account-pay-error.tt
>@@ -7,18 +7,18 @@
> [% INCLUDE 'masthead.inc' %]
> 
> <div class="main">
>-    <nav aria-label="breadcrumb">
>-        <ul class="breadcrumb">
>-            <li class="breadcrumb-item">
>+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+        <ol>
>+            <li>
>                <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>             </li>
>-            <li class="breadcrumb-item">
>+            <li>
>                 <a href="/cgi-bin/koha/opac-routing-lists.pl">[% INCLUDE 'patron-title.inc' patron = logged_in_user %]</a>
>             </li>
>-            <li class="breadcrumb-item active" aria-current="page">
>-                <a href="#">Your payment</a>
>+            <li>
>+                <a href="#" aria-current="page">Your payment</a>
>             </li>
>-        </ul>
>+        </ol>
>     </nav>
> 
>     <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-account.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-account.tt
>index ac97a887b0..2d80e9fb68 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-account.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-account.tt
>@@ -18,19 +18,19 @@
> [% INCLUDE 'masthead.inc' %]
> 
> <div class="main">
>-    <nav aria-label="breadcrumb">
>-        <ul class="breadcrumb">
>-            <li class="breadcrumb-item">
>-                <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>-            </li>
>-            <li class="breadcrumb-item">
>-                <a href="/cgi-bin/koha/opac-user.pl">[% INCLUDE 'patron-title.inc' patron = logged_in_user %]</a>
>-            </li>
>-            <li class="breadcrumb-item active" aria-current="page">
>-                <a href="#">Your charges</a>
>-            </li>
>-        </ul>
>-    </nav>
>+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+            <ol>
>+                <li>
>+                    <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>+                </li>
>+                <li>
>+                    <a href="/cgi-bin/koha/opac-user.pl">[% INCLUDE 'patron-title.inc' patron = logged_in_user %]</a>
>+                </li>
>+                <li>
>+                    <a href="#" aria-current="page">Your charges</a>
>+                </li>
>+            </ol>
>+        </nav>
> 
>     <div class="container-fluid">
>         <div class="row">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-advsearch.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-advsearch.tt
>index 3db62831e8..0da7486565 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-advsearch.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-advsearch.tt
>@@ -12,15 +12,15 @@
> <form action="/cgi-bin/koha/opac-search.pl" method="get">
>     <input type="hidden" name="advsearch" value="1"/>
>     <div class="main">
>-        <nav aria-label="breadcrumb">
>-            <ul class="breadcrumb">
>-                <li class="breadcrumb-item">
>+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+            <ol>
>+                <li>
>                     <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>                 </li>
>-                <li class="breadcrumb-item active" aria-current="page">
>-                    <a href="#">Advanced search</a>
>+                <li>
>+                    <a href="#" aria-current="page">Advanced search</a>
>                 </li>
>-            </ul>
>+            </ol>
>         </nav>
> 
>         <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-alert-subscribe.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-alert-subscribe.tt
>index 9ff0ccda8c..d5271b67b1 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-alert-subscribe.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-alert-subscribe.tt
>@@ -8,11 +8,19 @@
> [% INCLUDE 'masthead.inc' %]
> 
>     <div class="main">
>-        <ul class="breadcrumb">
>-            <li><a href="/cgi-bin/koha/opac-main.pl">Home</a></li>
>-            <li><a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% biblionumber | uri %]">Details for [% bibliotitle | html %]</a></li>
>-            <li><a href="#">[% IF ( typeissue ) %]Subscribe to a subscription alert [% ELSIF ( typeissuecancel ) %] Unsubscribe from a subscription alert [% END %]</a></li>
>-        </ul>
>+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+            <ol>
>+                <li>
>+                    <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>+                </li>
>+                <li>
>+                    <a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% biblionumber | uri %]">Details for [% bibliotitle | html %]</a>
>+                </li>
>+                <li>
>+                    <a href="#" aria-current="page">[% IF ( typeissue ) %]Subscribe to a subscription alert [% ELSIF ( typeissuecancel ) %] Unsubscribe from a subscription alert [% END %]</a>
>+                </li>
>+            </ol>
>+        </nav>
> 
>         <div class="container-fluid">
>             <div class="row">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-auth-MARCdetail.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-auth-MARCdetail.tt
>index 339bea9c07..2cf1237eb2 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-auth-MARCdetail.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-auth-MARCdetail.tt
>@@ -11,18 +11,18 @@
> [% INCLUDE 'masthead.inc' %]
> 
>     <div class="main">
>-        <nav aria-label="breadcrumb">
>-            <ul class="breadcrumb">
>-                <li class="breadcrumb-item">
>+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+            <ol>
>+                <li>
>                     <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>                 </li>
>-                <li class="breadcrumb-item">
>+                <li>
>                     <a href="/cgi-bin/koha/opac-authorities-home.pl">Authority search</a>
>                 </li>
>-                <li class="breadcrumb-item" aria-current="page">
>-                    <a href="#">Entry [% authtypetext | html %]</a>
>+                <li>
>+                    <a href="#" aria-current="page">Entry [% authtypetext | html %]</a>
>                 </li>
>-            </ul>
>+            </ol>
>         </nav>
> 
>         <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-auth-detail.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-auth-detail.tt
>index 608b246792..f2e31d83f8 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-auth-detail.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-auth-detail.tt
>@@ -11,18 +11,18 @@
> [% INCLUDE 'masthead.inc' %]
> 
>     <div class="main">
>-        <nav aria-label="breadcrumb">
>-            <ul class="breadcrumb">
>-                <li class="breadcrumb-item">
>+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+            <ol>
>+                <li>
>                     <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>                 </li>
>-                <li class="breadcrumb-item">
>+                <li>
>                     <a href="/cgi-bin/koha/opac-authorities-home.pl">Authority search</a>
>                 </li>
>-                <li class="breadcrumb-item" aria-current="page">
>-                    <a href="#">[% summary.mainentry | html %][% IF authtypetext %] ([% authtypetext | html %])[% END %]</a>
>+                <li>
>+                    <a href="#" aria-current="page">[% summary.mainentry | html %][% IF authtypetext %] ([% authtypetext | html %])[% END %]</a>
>                 </li>
>-            </ul>
>+            </ol>
>         </nav>
> 
>         <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-auth.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-auth.tt
>index 28906cf217..37e5db4922 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-auth.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-auth.tt
>@@ -20,15 +20,15 @@
> [% INCLUDE 'masthead.inc' %]
> 
> <div class="main">
>-    <nav aria-label="breadcrumb">
>-        <ul class="breadcrumb">
>-            <li class="breadcrumb-item">
>+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+        <ol>
>+            <li>
>                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>             </li>
>-            <li class="breadcrumb-item active" aria-current="page">
>-                <a href="#">Log in</a>
>+            <li>
>+                <a href="#" aria-current="page">Log in</a>
>             </li>
>-        </ul>
>+        </ol>
>     </nav>
> 
>     <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-authorities-home.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-authorities-home.tt
>index 8c1bffe7bc..fc88cf5ca8 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-authorities-home.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-authorities-home.tt
>@@ -8,15 +8,15 @@
> [% INCLUDE 'masthead.inc' %]
> 
>     <div class="main">
>-        <nav aria-label="breadcrumb">
>-            <ul class="breadcrumb">
>-                <li class="breadcrumb-item">
>+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+            <ol>
>+                <li>
>                     <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>                 </li>
>-                <li class="breadcrumb-item" aria-current="page">
>-                    <a href="#">Authority search</a>
>+                <li>
>+                    <a href="#" aria-current="page">Authority search</a>
>                 </li>
>-            </ul>
>+            </ol>
>         </nav>
> 
>         <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-authoritiessearchresultlist.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-authoritiessearchresultlist.tt
>index 918ac6d191..37bed87dbc 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-authoritiessearchresultlist.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-authoritiessearchresultlist.tt
>@@ -42,18 +42,18 @@
> [% INCLUDE 'masthead.inc' %]
> 
>     <div class="main">
>-        <nav aria-label="breadcrumb">
>-            <ul class="breadcrumb">
>-                <li class="breadcrumb-item">
>+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+            <ol>
>+                <li>
>                     <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>                 </li>
>-                <li class="breadcrumb-item">
>+                <li>
>                     <a href="/cgi-bin/koha/opac-authorities-home.pl">Authority search</a>
>                 </li>
>-                <li class="breadcrumb-item" aria-current="page">
>-                    <a href="#">Results</a>
>+                <li>
>+                    <a href="#" aria-current="page">Results</a>
>                 </li>
>-            </ul>
>+            </ol>
>         </nav>
> 
>         <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-blocked.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-blocked.tt
>index 43cd083839..61d21ed06e 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-blocked.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-blocked.tt
>@@ -14,15 +14,17 @@
> [% INCLUDE 'bodytag.inc' bodyid='opac-blocked' %]
> [% INCLUDE 'masthead.inc' %]
> <div class="main">
>-    <nav aria-label="breadcrumb">
>-        <ul class="breadcrumb">
>-            <li class="breadcrumb-item">
>+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+        <ol>
>+            <li>
>                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>             </li>
>-            <li class="breadcrumb-item" aria-current="page">
>-                Blocked record
>+            <li>
>+                <a href="#" aria-current="page">
>+                    Blocked record
>+                </a>
>             </li>
>-        </ul>
>+        </ol>
>     </nav>
> 
>     <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-browse.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-browse.tt
>index e161492718..8193be1b61 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-browse.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-browse.tt
>@@ -9,15 +9,15 @@
> [% INCLUDE 'masthead.inc' %]
> 
> <div class="main">
>-    <nav aria-label="breadcrumb">
>-        <ul class="breadcrumb">
>-            <li class="breadcrumb-item">
>+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+        <ol>
>+            <li>
>                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>             </li>
>-            <li class="breadcrumb-item active" aria-current="page">
>-                <a href="#">Browse search</a>
>+            <li>
>+                <a href="#" aria-current="page">Browse search</a>
>             </li>
>-        </ul>
>+        </ol>
>     </nav>
> 
>     <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-browser.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-browser.tt
>index 562349cb1f..60c1f8c2df 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-browser.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-browser.tt
>@@ -8,15 +8,15 @@
> [% INCLUDE 'masthead.inc' %]
> 
>     <div class="main">
>-        <nav aria-label="breadcrumb">
>-            <ul class="breadcrumb">
>-                <li class="breadcrumb-item">
>+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+            <ol>
>+                <li>
>                     <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>                 </li>
>-                <li class="breadcrumb-item active" aria-current="page">
>-                    <a href="#">Browse our catalog</a>
>+                <li>
>+                    <a href="#" aria-current="page">Browse our catalog</a>
>                 </li>
>-            </ul>
>+            </ol>
>         </nav>
> 
>         <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-course-details.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-course-details.tt
>index 9b17b5075a..d6b7c63696 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-course-details.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-course-details.tt
>@@ -18,18 +18,20 @@
> [% INCLUDE 'masthead.inc' %]
> 
> <div class="main">
>-    <nav aria-label="breadcrumb">
>-        <ul class="breadcrumb">
>-            <li class="breadcrumb-item">
>+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+        <ol>
>+            <li>
>                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>             </li>
>-            <li class="breadcrumb-item">
>+            <li>
>                 <a href="/cgi-bin/koha/opac-course-reserves.pl">Course reserves</a>
>             </li>
>-            <li class="breadcrumb-item" aria-current="page">
>-                Course reserves for &nbsp;<em>[% course.course_name | html %]</em>
>+            <li>
>+                <a href="#" aria-current="page">
>+                    Course reserves for &nbsp;<em>[% course.course_name | html %]</em>
>+                </a>
>             </li>
>-        </ul>
>+        </ol>
>     </nav>
> 
>     <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-course-reserves.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-course-reserves.tt
>index 8d2ba836fb..6eb4cb71a7 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-course-reserves.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-course-reserves.tt
>@@ -16,15 +16,15 @@
> [% INCLUDE 'masthead.inc' %]
> 
> <div class="main">
>-    <nav aria-label="breadcrumb">
>-        <ul class="breadcrumb">
>-            <li class="breadcrumb-item">
>+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+        <ol>
>+            <li>
>                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>             </li>
>-            <li class="breadcrumb-item" aria-current="page">
>-                <a href="#">Course reserves</a>
>+            <li>
>+                <a href="#" aria-current="page">Course reserves</a>
>             </li>
>-        </ul>
>+        </ol>
>     </nav>
> 
>     <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-detail.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-detail.tt
>index 6adf406504..d3734fb7e0 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-detail.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-detail.tt
>@@ -42,15 +42,15 @@
> [% INCLUDE 'masthead.inc' %]
> 
> <div class="main">
>-    <nav aria-label="breadcrumb">
>-        <ul class="breadcrumb">
>-            <li class="breadcrumb-item">
>+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+        <ol>
>+            <li>
>                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>             </li>
>-            <li class="breadcrumb-item" aria-current="page">
>-                <a href="#"><span>Details for: </span>[% INCLUDE 'biblio-title.inc' %]</a>
>+            <li>
>+                <a href="#" aria-current="page">Details for: [% INCLUDE 'biblio-title.inc' %]</a>
>             </li>
>-        </ul>
>+        </ol>
>     </nav>
> 
>     <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-discharge.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-discharge.tt
>index 223d24921c..2e11de3285 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-discharge.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-discharge.tt
>@@ -8,15 +8,15 @@
> [% INCLUDE 'masthead.inc' %]
> 
> <div class="main">
>-    <nav aria-label="breadcrumb">
>-        <ul class="breadcrumb">
>-            <li class="breadcrumb-item">
>+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+        <ol>
>+            <li>
>                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>             </li>
>-            <li class="breadcrumb-item active" aria-current="page">
>-                <a href="#">Discharge</a>
>+            <li>
>+                <a href="#" aria-current="page">Discharge</a>
>             </li>
>-        </ul>
>+        </ol>
>     </nav>
> 
>     <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-downloadshelf.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-downloadshelf.tt
>index 26c83d3f92..7d2fb7fa71 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-downloadshelf.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-downloadshelf.tt
>@@ -7,25 +7,27 @@
>     [% INCLUDE 'bodytag.inc' bodyid='opac-downloadlist' %]
>         [% INCLUDE 'masthead.inc' %]
>         <div class="main">
>-            <nav aria-label="breadcrumb">
>-                <ul class="breadcrumb">
>-                    <li class="breadcrumb-item">
>+            <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+                <ol>
>+                    <li>
>                         <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>                     </li>
>                     [% IF ( logged_in_user ) %]
>-                        <li class="breadcrumb-item"><a href="/cgi-bin/koha/opac-user.pl">[% INCLUDE 'patron-title.inc' patron = logged_in_user %]</a></li>
>+                        <li><a href="/cgi-bin/koha/opac-user.pl">[% INCLUDE 'patron-title.inc' patron = logged_in_user %]</a></li>
>                     [% END %]
>-                    <li class="breadcrumb-item">
>+                    <li>
>                         [% IF shelf.category == 1 %]
>                             <a href="/cgi-bin/koha/opac-shelves.pl?op=list&amp;category=1">Your lists</a>
>                         [% ELSE %]
>                             <a href="/cgi-bin/koha/opac-shelves.pl?op=list&amp;category=2">Public lists</a>
>                         [% END %]
>                     </li>
>-                    <li class="breadcrumb-item active" aria-current="page">
>-                        Download list <em>[% shelf.shelfname | html %]</em>
>+                    <li>
>+                        <a href="#" aria-current="page">
>+                            Download list <em>[% shelf.shelfname | html %]</em>
>+                        </a>
>                     </li>
>-                </ul>
>+                </ol>
>             </nav>
> 
>             <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-full-serial-issues.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-full-serial-issues.tt
>index 304745af6c..e30f78bcf4 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-full-serial-issues.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-full-serial-issues.tt
>@@ -55,18 +55,18 @@
> [% INCLUDE 'masthead.inc' %]
> 
>     <div class="main">
>-        <nav aria-label="breadcrumb">
>-            <ul class="breadcrumb">
>-                <li class="breadcrumb-item">
>+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+            <ol>
>+                <li>
>                     <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>                 </li>
>-                <li class="breadcrumb-item">
>+                <li>
>                     <a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% biblionumber | uri %]">Details for [% bibliotitle | html %]</a>
>                 </li>
>-                <li class="breadcrumb-item active" aria-current="page">
>-                    <a href="#">Full subscription history</a>
>+                <li>
>+                    <a href="#" aria-current="page">Full subscription history</a>
>                 </li>
>-            </ul>
>+            </ol>
>         </nav>
> 
>         <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-holdshistory.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-holdshistory.tt
>index 26b9676fa7..23341b5db2 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-holdshistory.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-holdshistory.tt
>@@ -38,11 +38,19 @@
> [% INCLUDE 'masthead.inc' %]
> 
> <div class="main">
>-    <ul class="breadcrumb">
>-        <li><a href="/cgi-bin/koha/opac-main.pl">Home</a> <span class="divider">&rsaquo;</span></li>
>-        <li><a href="/cgi-bin/koha/opac-user.pl">[% INCLUDE 'patron-title.inc' patron = logged_in_user %]</a> <span class="divider">&rsaquo;</span></li>
>-        <li><a href="#">Your holds history</a></li>
>-    </ul>
>+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+        <ol>
>+            <li>
>+                <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>+            </li>
>+            <li>
>+                <a href="/cgi-bin/koha/opac-user.pl">[% INCLUDE 'patron-title.inc' patron = logged_in_user %]</a>
>+            </li>
>+            <li>
>+                <a href="#" aria-current="page">Your holds history</a>
>+            </li>
>+        </ol>
>+    </nav>
> 
>     <div class="container-fluid">
>         <div class="row">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-illrequests.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-illrequests.tt
>index af19fcbefa..a6ba9376e7 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-illrequests.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-illrequests.tt
>@@ -17,36 +17,44 @@
> [% END %]
> [% INCLUDE 'masthead.inc' %]
> <div class="main">
>-    <nav aria-label="breadcrumb">
>-        <ul class="breadcrumb">
>-            <li class="breadcrumb-item">
>+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+        <ol>
>+            <li>
>                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>             </li>
>             [% IF ( logged_in_user ) %]
>-                <li class="breadcrumb-item">
>+                <li>
>                     <a href="/cgi-bin/koha/opac-user.pl">[% INCLUDE 'patron-title.inc' patron = logged_in_user %]</a>
>                 </li>
>             [% END %]
> 
>             [% IF method != 'list' %]
>-                <li class="breadcrumb-item" aria-current="page">
>-                    <a href="/cgi-bin/koha/opac-illrequests.pl">Interlibrary loan requests</a>
>+                <li>
>+                    <a href="#" aria-current="page">
>+                        Interlibrary loan requests
>+                    </a>
>                 </li>
>                 [% IF method == 'create' %]
>-                    <li class="breadcrumb-item" aria-current="page">
>-                        New interlibrary loan request
>+                    <li>
>+                        <a href="#" aria-current="page">
>+                            New interlibrary loan request
>+                        </a>
>                     </li>
>                 [% ELSIF method == 'view' %]
>-                    <li class="breadcrumb-item" aria-current="page">
>-                        View interlibrary loan request
>+                    <li>
>+                        <a href="#" aria-current="page">
>+                            View interlibrary loan request
>+                        </a>
>                     </li>
>                 [% END %]
>             [% ELSE %]
>-                <li class="breadcrumb-item" aria-current="page">
>-                    Interlibrary loan requests
>+                <li>
>+                    <a href="#" aria-current="page">
>+                        Interlibrary loan requests
>+                    </a>
>                 </li>
>             [% END %]
>-        </ul> 
>+        </ol> 
>     </nav>
> 
>     <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-imageviewer.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-imageviewer.tt
>index 0e3647d95b..635ab2d183 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-imageviewer.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-imageviewer.tt
>@@ -36,12 +36,12 @@
> [% INCLUDE 'masthead.inc' %]
> 
>     <div class="main">
>-        <nav aria-label="breadcrumb">
>-            <ul class="breadcrumb">
>-                <li class="breadcrumb-item">
>+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+            <ol>
>+                <li>
>                     <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>                 </li>
>-                <li class="breadcrumb-item">
>+                <li>
>                     [% IF ( BiblioDefaultViewmarc ) %]
>                         <a href="/cgi-bin/koha/opac-MARCdetail.pl?biblionumber=[% biblionumber |url %]">
>                     [% ELSE %]
>@@ -52,10 +52,10 @@
>                         [% END %]
>                     [% END %][% INCLUDE 'biblio-title.inc' %]</a>
>                 </li>
>-                <li class="breadcrumb-item active" aria-current="page">
>-                    <a href="#">Images</a>
>+                <li>
>+                    <a href="#" aria-current="page">Images</a>
>                 </li>
>-            </ul>
>+            </ol>
>         </nav>
> 
>         <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-issue-note.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-issue-note.tt
>index 1594413a83..ddf48862d5 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-issue-note.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-issue-note.tt
>@@ -10,18 +10,18 @@
> [% INCLUDE 'masthead.inc' %]
> 
> <div class="main">
>-    <nav aria-label="breadcrumb">
>-        <ul class="breadcrumb">
>-            <li class="breadcrumb-item">
>+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+        <ul>
>+            <li>
>                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>             </li>
>-            <li class="breadcrumb-item">
>+            <li>
>                 <a href="/cgi-bin/koha/opac-user.pl">[% INCLUDE 'patron-title.inc' patron = logged_in_user %]</a>
>             </li>
>-            <li class="breadcrumb-item active" aria-current="page">
>-                <a href="#">Editing issue note for [% title | html %] [% author | html %]</a>
>+            <li>
>+                <a href="#" aria-current="page">Editing issue note for [% title | html %] [% author | html %]</a>
>             </li>
>-        </ul>
>+        </ol>
>     </nav>
> 
>     <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-library.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-library.tt
>index 66f131e61a..1d669cb407 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-library.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-library.tt
>@@ -65,24 +65,24 @@
> [% END %]
> 
> <div class="main">
>-    <nav aria-label="breadcrumb">
>-        <ul class="breadcrumb">
>-            <li class="breadcrumb-item">
>+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+        <ol>
>+            <li>
>                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>             </li>
>             [% IF ( library ) %]
>-                <li class="breadcrumb-item">
>+                <li>
>                     <a href="/cgi-bin/koha/opac-library.pl">Libraries</a>
>                 </li>
>-                <li class="breadcrumb-item active" aria-current="page">
>-                    <a href="#">[% library.branchname | html %]</a>
>+                <li>
>+                    <a href="#" aria-current="page">[% library.branchname | html %]</a>
>                 </li>
>             [% ELSE %]
>-                <li class="breadcrumb-item active" aria-current="page">
>-                    <a href="/cgi-bin/koha/opac-library.pl">Libraries</a>
>+                <li>
>+                    <a href="#" aria-current="page">Libraries</a>
>                 </li>
>             [% END %]
>-        </ul>
>+        </ol>
>     </nav>
> 
>     <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-main.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-main.tt
>index 703a7e6e82..69ab83c914 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-main.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-main.tt
>@@ -18,21 +18,25 @@
> [% INCLUDE 'masthead.inc' %]
> 
> <div class="main">
>-    <nav aria-label="breadcrumb">
>-        <ul class="breadcrumb">
>+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+        <ol>
>             [% IF news_item %]
>-                <li class="breadcrumb-item">
>+                <li>
>                     <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>                 </li>
>-                <li class="breadcrumb-item active" aria-current="page">
>-                    [% news_item.title | html %]
>+                <li>
>+                    <a href="#" aria-current="page">
>+                        [% news_item.title | html %]
>+                    </a>
>                 </li>
>             [% ELSE %]
>-                <li class="breadcrumb-item active" aria-current="page">
>-                    <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>+                <li>
>+                    <a href="#" aria-current="page">
>+                        Home
>+                    </a>
>                 </li>
>             [% END %]
>-        </ul>
>+        </ol>
>     </nav>
> 
>     [% IF Koha.Preference( 'opacuserlogin' ) == 1 %]
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-memberentry-update-submitted.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-memberentry-update-submitted.tt
>index b744d9dd6b..7de2968c66 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-memberentry-update-submitted.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-memberentry-update-submitted.tt
>@@ -8,18 +8,18 @@
> [% INCLUDE 'masthead.inc' %]
> 
>     <div class="main">
>-        <nav aria-label="breadcrumb">
>-            <ul class="breadcrumb">
>-                <li class="breadcrumb-item">
>+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+            <ol>
>+                <li>
>                     <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>                 </li>
>-                <li class="breadcrumb-item">
>+                <li>
>                     <a href="/cgi-bin/koha/opac-user.pl">[% INCLUDE 'patron-title.inc' patron = logged_in_user %]</a>
>                 </li>
>-                <li class="breadcrumb-item" aria-current="page">
>-                    <a href="#">Updates to your record</a>
>+                <li>
>+                    <a href="#" aria-current="page">Updates to your record</a>
>                 </li>
>-            </ul>
>+            </ol>
>         </nav>
> 
>         <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-memberentry.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-memberentry.tt
>index af7280a1ef..d5ae6a8f6e 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-memberentry.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-memberentry.tt
>@@ -32,24 +32,24 @@
> [% INCLUDE 'masthead.inc' %]
> 
> <div class="main">
>-    <nav aria-label="breadcrumb">
>-        <ul class="breadcrumb">
>-            <li class="breadcrumb-item">
>+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+        <ol>
>+            <li>
>                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>             </li>
>             [% IF action == 'edit' %]
>-                <li class="breadcrumb-item">
>+                <li>
>                     <a href="/cgi-bin/koha/opac-user.pl">[% INCLUDE 'patron-title.inc' patron = logged_in_user %]</a>
>                 </li>
>-                <li class="breadcrumb-item active">
>-                    <a href="#">Your personal details</a>
>+                <li>
>+                    <a href="#" aria-current="page">Your personal details</a>
>                 </li>
>             [% ELSE %]
>-                <li class="breadcrumb-item active">
>-                    <a href="#">Register a new account</a>
>+                <li>
>+                    <a href="#" aria-current="page">Register a new account</a>
>                 </li>
>             [% END %]
>-        </ul>
>+        </ol>
>     </nav>
> 
>     <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-messaging.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-messaging.tt
>index a8a7b95938..813f56dd83 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-messaging.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-messaging.tt
>@@ -8,18 +8,18 @@
> [% INCLUDE 'masthead.inc' %]
> 
> <div class="main">
>-    <nav aria-label="breadcrumb">
>-        <ul class="breadcrumb">
>-            <li class="breadcrumb-item">
>+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+        <ol>
>+            <li>
>                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>             </li>
>-            <li class="breadcrumb-item">
>+            <li>
>                 <a href="/cgi-bin/koha/opac-user.pl">[% INCLUDE 'patron-title.inc' patron = logged_in_user %]</a>
>             </li>
>-            <li class="breadcrumb-item" aria-current="IsPatronPage">
>-                <a href="#">Your messaging settings</a>
>+            <li>
>+                <a href="#" aria-current="page">Your messaging settings</a>
>             </li>
>-        </ul>
>+        </ol>
>     </nav>
> 
>     <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-overdrive-search.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-overdrive-search.tt
>index 5342badc09..f6d0164bb0 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-overdrive-search.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-overdrive-search.tt
>@@ -11,15 +11,15 @@
> [% INCLUDE 'masthead.inc' %]
> 
>     <div class="main">
>-        <nav aria-label="breadcrumb">
>-            <ul class="breadcrumb">
>-                <li class="breadcrumb-item">
>+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+            <ol>
>+                <li>
>                     <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>                 </li>
>-                <li class="breadcrumb-item active" aria-current="page">
>-                    <a href="#">OverDrive search for '[% q | html %]'</a>
>+                <li>
>+                    <a href="#" aria-current="page">OverDrive search for '[% q | html %]'</a>
>                 </li>
>-            </ul>
>+            </ol>
>         </nav>
> 
>         <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-passwd.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-passwd.tt
>index 581a923f33..0d5c7e8d2d 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-passwd.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-passwd.tt
>@@ -10,18 +10,18 @@
> [% INCLUDE 'masthead.inc' %]
> 
> <div class="main">
>-    <nav aria-label="breadcrumb">
>-        <ul class="breadcrumb">
>-            <li class="breadcrumb-item">
>+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+        <ol>
>+            <li>
>                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>             </li>
>-            <li class="breadcrumb-item">
>+            <li>
>                 <a href="/cgi-bin/koha/opac-user.pl">[% INCLUDE 'patron-title.inc' patron = logged_in_user %]</a>
>             </li>
>-            <li class="breadcrumb-item active" aria-current="page">
>-                <a href="#">Change your password</a>
>+            <li>
>+                <a href="#" aria-current="page">Change your password</a>
>             </li>
>-        </ul>
>+        </ol>
>     </nav>
> 
>     <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-password-recovery.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-password-recovery.tt
>index 8415896a13..0651dd3565 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-password-recovery.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-password-recovery.tt
>@@ -48,15 +48,15 @@
> [% INCLUDE 'masthead.inc' %]
> 
> <div class="main">
>-    <nav aria-label="breadcrumb">
>-        <ul class="breadcrumb">
>-            <li class="breadcrumb-item">
>+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+        <ol>
>+            <li>
>                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>             </li>
>-            <li class="breadcrumb-item" aria-current="page">
>-                <a href="#">Forgotten password recovery</a>
>+            <li>
>+                <a href="#" aria-current="page">Forgotten password recovery</a>
>             </li>
>-        </ul>
>+        </ol>
>     </nav>
> 
>     <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-patron-consent.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-patron-consent.tt
>index 498390545e..b1be5b595e 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-patron-consent.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-patron-consent.tt
>@@ -9,18 +9,18 @@
> [% INCLUDE 'masthead.inc' %]
> 
> <div class="main">
>-    <nav aria-label="breadcrumb">
>-        <ul class="breadcrumb">
>-            <li class="breadcrumb-item">
>+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+        <ol>
>+            <li>
>                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>             </li>
>-            <li class="breadcrumb-item">
>+            <li>
>                 <a href="/cgi-bin/koha/opac-user.pl">[% patron.firstname | html %] [% patron.surname | html %]</a>
>             </li>
>-            <li class="breadcrumb-item" aria-current="page">
>-                <a href="#">Your consents</a>
>+            <li>
>+                <a href="#" aria-current="page">Your consents</a>
>             </li>
>-        </ul>
>+        </ol>
>     </nav>
> 
>     <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-privacy.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-privacy.tt
>index 31aa1c9665..1407a0ddcd 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-privacy.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-privacy.tt
>@@ -8,18 +8,18 @@
> [% INCLUDE 'masthead.inc' %]
> 
> <div class="main">
>-    <nav aria-label="breadcrumb">
>-        <ul class="breadcrumb">
>-            <li class="breadcrumb-item">
>+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+        <ol>
>+            <li>
>                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>             </li>
>-            <li class="breadcrumb-item">
>+            <li>
>                 <a href="/cgi-bin/koha/opac-user.pl">[% INCLUDE 'patron-title.inc' patron = logged_in_user %]</a>
>             </li>
>-            <li class="breadcrumb-item" aria-current="page">
>-                <a href="#">Your privacy management</a>
>+            <li>
>+                <a href="#" aria-current="page">Your privacy management</a>
>             </li>
>-        </ul>
>+        </ol>
>     </nav>
> 
>     <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-readingrecord.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-readingrecord.tt
>index 324d587d19..74d94770ae 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-readingrecord.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-readingrecord.tt
>@@ -21,18 +21,18 @@
> [% END %]
> 
> <div class="main">
>-    <nav aria-label="breadcrumb">
>-        <ul class="breadcrumb">
>-            <li class="breadcrumb-item">
>+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+        <ol>
>+            <li>
>                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>             </li>
>-            <li class="breadcrumb-item">
>+            <li>
>                 <a href="/cgi-bin/koha/opac-user.pl">[% INCLUDE 'patron-title.inc' patron = logged_in_user %]</a>
>             </li>
>-            <li class="breadcrumb-item" aria-current="page">
>-                <a href="#">Your checkout history</a>
>+            <li>
>+                <a href="#" aria-current="page">Your checkout history</a>
>             </li>
>-        </ul>
>+        </ol>
>     </nav>
> 
>     <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-recordedbooks-search.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-recordedbooks-search.tt
>index 263b292002..4b4d0ae138 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-recordedbooks-search.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-recordedbooks-search.tt
>@@ -11,15 +11,15 @@
> [% INCLUDE 'masthead.inc' %]
> 
>     <div class="main">
>-        <nav aria-label="breadcrumb">
>-            <ul class="breadcrumb">
>-                <li class="breadcrumb-item">
>+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+            <ol>
>+                <li>
>                     <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>                 </li>
>-                <li class="breadcrumb-item active" aria-current="page">
>-                    <a href="#">RecordedBooks search for '[% q | html %]'</a>
>+                <li>
>+                    <a href="#" aria-current="page">RecordedBooks search for '[% q | html %]'</a>
>                 </li>
>-            </ul>
>+            </ol>
>         </nav>
> 
>         <div class="container-fluid">
>@@ -36,7 +36,7 @@
>                                  <h3 class="rb_login">Sign in to view availability and checkout items or place holds</h3>
>                             [% END %]
> 
>-                            <div id="breadcrumbs">
>+                            <div id="bcs">
>                                 <p></p>
>                             </div>
> 
>@@ -147,14 +147,14 @@
>                 if ( pages.length > 1 ) $( '#top-pages, #bottom-pages' ).find( '.pagination' ).html( '<ul class="pagination">' + pages.join( '' ) + '</ul>');
> 
>                 if( KOHA.RecordedBooks.is_identified() == false ){
>-                    $("#breadcrumbs").before('<h3 class="rb_register"><a href="https://[% Koha.Preference('RecordedBooksDomain') | uri %]">To see availability you must register for RecordedBooks using your cardnumber and the email associated with your Koha account</a></h3>');
>+                    $("#bcs").before('<h3 class="rb_register"><a href="https://[% Koha.Preference('RecordedBooksDomain') | uri %]">To see availability you must register for RecordedBooks using your cardnumber and the email associated with your Koha account</a></h3>');
>                 }
> 
>             } );
>         }
> 
>         $( document ).ready( function() {
>-            $( '#breadcrumbs p' )
>+            $( '#bcs p' )
>                 .append( ' ' )
>                 .append( '<span id="recordedbooks-status"></span>' );
> 
>@@ -164,7 +164,7 @@
>             });
> 
>             [% IF ( logged_in_user ) %]
>-            KOHA.RecordedBooks.with_account_details("#breadcrumbs", function() {
>+            KOHA.RecordedBooks.with_account_details("#bcs", function() {
>                 search( 1 );
>             });
>             [% ELSE %]
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-registration-confirmation.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-registration-confirmation.tt
>index 35f84bf57a..19d654dcad 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-registration-confirmation.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-registration-confirmation.tt
>@@ -11,15 +11,15 @@
> [% INCLUDE 'masthead.inc' %]
> 
> <div class="main">
>-    <nav aria-label="breadcrumb">
>-        <ul class="breadcrumb">
>-            <li class="breadcrumb-item">
>+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+        <ol>
>+            <li>
>                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>             </li>
>-            <li class="breadcrumb-item active" aria-current="page">
>-                <a href="#">Registration complete</a>
>+            <li>
>+                <a href="#" aria-current="page">Registration complete</a>
>             </li>
>-        </ul>
>+        </ol>
>     </nav>
> 
>     <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-registration-email-sent.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-registration-email-sent.tt
>index 8564ae6bde..f28c33e382 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-registration-email-sent.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-registration-email-sent.tt
>@@ -8,15 +8,15 @@
> [% INCLUDE 'masthead.inc' %]
> 
>     <div class="main">
>-        <nav aria-label="breadcrumb">
>-            <ul class="breadcrumb">
>-                <li class="breadcrumb-item">
>+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+            <ol>
>+                <li>
>                     <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>                 </li>
>-                <li class="breadcrumb-item">
>-                    <a href="#">Register a new account</a>
>+                <li>
>+                    <a href="#" aria-current="page">Register a new account</a>
>                 </li>
>-            </ul>
>+            </ol>
>         </nav>
> 
>         <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-registration-invalid.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-registration-invalid.tt
>index 0cdf2921dd..9c6537c034 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-registration-invalid.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-registration-invalid.tt
>@@ -8,15 +8,15 @@
> [% INCLUDE 'masthead.inc' %]
> 
>     <div class="main">
>-        <nav aria-label="breadcrumb">
>-            <ul class="breadcrumb">
>-                <li class="breadcrumb-item">
>+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+            <ol>
>+                <li>
>                     <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>                 </li>
>-                <li class="breadcrumb-item active" aria-current="page">
>-                    <a href="#">Register a new account</a>
>+                <li>
>+                    <a href="#" aria-current="page">Register a new account</a>
>                 </li>
>-            </ul>
>+            </ol>
>         </nav>
> 
>         <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-reportproblem.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-reportproblem.tt
>index e12ba19ed4..c0465455e8 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-reportproblem.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-reportproblem.tt
>@@ -8,15 +8,15 @@
> [% INCLUDE 'masthead.inc' %]
> 
>     <div class="main">
>-        <nav aria-label="breadcrumb">
>-            <ul class="breadcrumb">
>-                <li class="breadcrumb-item">
>-                <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+            <ol>
>+                <li>
>+                    <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>                 </li>
>-                <li class="breadcrumb-item active" aria-current="page">
>-                    <a href="#">Report a problem</a>
>+                <li>
>+                    <a href="#" aria-current="page">Report a problem</a>
>                 </li>
>-            </ul>
>+            </ol>
>         </nav>
> 
>         <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-request-article.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-request-article.tt
>index caf214e8b0..8e17b6790d 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-request-article.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-request-article.tt
>@@ -12,18 +12,18 @@
> [% INCLUDE 'masthead.inc' %]
> 
> <div class="main">
>-    <nav aria-label="breadcrumb">
>-        <ul class="breadcrumb">
>-            <li class="breadcrumb-item">
>+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+        <ol>
>+            <li>
>                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>             </li>
>-            <li class="breadcrumb-item">
>+            <li>
>                 <a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% biblio.biblionumber | uri %]">Details for: [% biblio.title | html %]</a>
>             </li>
>-            <li class="breadcrumb-item active" aria-current="page">
>-                <a href="#">Request article</a>
>+            <li>
>+                <a href="#" aria-current="page">Request article</a>
>             </li>
>-        </ul>
>+        </ol>
>     </nav>
> 
>     <div class="container-fluid maincontent">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-reserve.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-reserve.tt
>index 2cd468650d..a1d72b36c8 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-reserve.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-reserve.tt
>@@ -14,15 +14,15 @@
> [% INCLUDE 'masthead.inc' %]
> 
> <div class="main">
>-    <nav aria-label="breadcrumb">
>-        <ul class="breadcrumb">
>-            <li class="breadcrumb-item">
>+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+        <ol>
>+            <li>
>                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>             </li>
>-            <li class="breadcrumb-item active" aria-current="page">
>-                <a href="#">Placing a hold</a>
>+            <li>
>+                <a href="#" aria-current="page">Placing a hold</a>
>             </li>
>-        </ul>
>+        </ol>
>     </nav>
> 
>     <div class="container">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-restrictedpage.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-restrictedpage.tt
>index 3150f1e101..20b0cfe215 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-restrictedpage.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-restrictedpage.tt
>@@ -20,17 +20,23 @@
> [% INCLUDE 'masthead.inc' %]
> 
> <div class="main">
>-    <nav aria-label="breadcrumb">
>-        <ul class="breadcrumb">
>-            <li class="breadcrumb-item">
>+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+        <ol>
>+        [% IF Koha.Preference('RestrictedPageTitle') %]
>+            <li>
>                <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>             </li>
>-            [% IF Koha.Preference('RestrictedPageTitle') %]
>-                <li class="breadcrumb-item active" aria-current="page">
>+            <li class="breadcrumb-item active" aria-current="page">
>+                <a href="#" aria-current="page">
>                     [% Koha.Preference('RestrictedPageTitle') | html %]
>-                </li>
>-            [% END %]
>-        </ul>
>+                </a>
>+            </li>
>+        [% ELSE %]
>+            <li>
>+               <a href="#" aria-current="page">Home</a>
>+            </li>
>+        [% END %]
>+        </ol>
>     </nav>
> 
>     <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-results.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-results.tt
>index 2fe0ecd021..aa8c9c2f7a 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-results.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-results.tt
>@@ -34,30 +34,30 @@
> [% INCLUDE 'masthead.inc' %]
> 
>     <div class="main">
>-        <nav aria-label="breadcrumb">
>-            <ul class="breadcrumb">
>-                <li class="breadcrumb-item">
>+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+            <ol>
>+                <li>
>                     <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>                 </li>
>                 [% IF ( searchdesc ) %]
>                     [% IF ( ReturnPath ) %]
>-                        <li class="breadcrumb-item">
>+                        <li>
>                             <a href="[% ReturnPath | url %]">Advanced search</a>
>                         </li>
>                     [% END %]
>-                    <li class="breadcrumb-item active" aria-current="page">
>+                    <li>
>                         [% IF ( ms_value ) %]
>-                            <a href="#" title="You searched [% IF ( query_desc ) %] for '[% query_desc | html %]'[% END %][% IF ( limit_desc ) %] with limit(s): '[% limit_desc | html %]'[% END %]">Results of search for '[% ms_value | html %]'</a>
>+                            <a href="#" aria-current="page" title="You searched [% IF ( query_desc ) %] for '[% query_desc | html %]'[% END %][% IF ( limit_desc ) %] with limit(s): '[% limit_desc | html %]'[% END %]">Results of search for '[% ms_value | html %]'</a>
>                         [% ELSE %]
>-                            <a href="#" title="You searched [% IF ( query_desc ) %] for '[% query_desc | html %]'[% END %][% IF ( limit_desc ) %] with limit(s): '[% limit_desc | html %]'[% END %]">Search results</a>
>+                            <a href="#" aria-current="page" title="You searched [% IF ( query_desc ) %] for '[% query_desc | html %]'[% END %][% IF ( limit_desc ) %] with limit(s): '[% limit_desc | html %]'[% END %]">Search results</a>
>                         [% END %]
>                     </li>
>                 [% ELSE %]
>-                    <li class="breadcrumb-item active" aria-current="page">
>-                        <a href="#">You did not specify any search criteria</a>
>+                    <li>
>+                        <a href="#" aria-current="page">You did not specify any search criteria</a>
>                     </li>
>                 [% END %]
>-            </ul>
>+            </ol>
>         </nav>
> 
>         [% UNLESS ( total ) %]
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-routing-lists.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-routing-lists.tt
>index 10edab356c..0355929188 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-routing-lists.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-routing-lists.tt
>@@ -14,18 +14,18 @@
> [% INCLUDE 'masthead.inc' %]
> 
> <div class="main">
>-    <nav aria-label="breadcrumb">
>-        <ul class="breadcrumb">
>-            <li class="breadcrumb-item">
>+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+        <ol>
>+            <li>
>                <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>             </li>
>-            <li class="breadcrumb-item">
>+            <li>
>                 <a href="/cgi-bin/koha/opac-routing-lists.pl">[% INCLUDE 'patron-title.inc' patron = logged_in_user %]</a>
>             </li>
>-            <li class="breadcrumb-item active" aria-current="page">
>-                <a href="#">Your routing lists</a>
>+            <li>
>+                <a href="#" aria-current="page">Your routing lists</a>
>             </li>
>-        </ul>
>+        </ol>
>     </nav>
> 
>     <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-search-history.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-search-history.tt
>index 8afed0f5b0..cbec506532 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-search-history.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-search-history.tt
>@@ -11,24 +11,24 @@
> [% INCLUDE 'masthead.inc' %]
> 
> <div class="main">
>-    <nav aria-label="breadcrumb">
>-        <ul class="breadcrumb">
>-            <li class="breadcrumb-item">
>+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+        <ol>
>+            <li>
>                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>             </li>
>             [% IF ( loggedinusername ) %]
>-                <li class="breadcrumb-item">
>+                <li>
>                     <a href="/cgi-bin/koha/opac-user.pl">[% INCLUDE 'patron-title.inc' patron = logged_in_user %]</a>
>                 </li>
>-                <li class="breadcrumb-item">
>-                    <a href="#">Your search history</a>
>+                <li>
>+                    <a href="#" aria-current="page">Your search history</a>
>                 </li>
>             [% ELSE %]
>-                <li class="breadcrumb-item">
>-                    <a href="#">Search history</a>
>+                <li>
>+                    <a href="#" aria-current="page">Search history</a>
>                 </li>
>             [% END %]
>-        </ul>
>+        </ol>
>     </nav>
> 
>     <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-serial-issues.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-serial-issues.tt
>index bee29b71b2..a3f0356e70 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-serial-issues.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-serial-issues.tt
>@@ -15,18 +15,18 @@
> [% INCLUDE 'masthead.inc' %]
> 
>     <div class="main">
>-        <nav aria-label="breadcrumb">
>-            <ul class="breadcrumb">
>-                <li class="breadcrumb-item">
>+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+            <ol>
>+                <li>
>                     <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>                 </li>
>-                <li class="breadcrumb-item">
>+                <li>
>                     <a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% biblionumber | uri %]">Details for [% bibliotitle | html %]</a>
>                 </li>
>-                <li class="breadcrumb-item active" aria-current="page">
>-                    <a href="#">Issues for a subscription</a>
>+                <li>
>+                    <a href="#" aria-current="page">Issues for a subscription</a>
>                 </li>
>-            </ul>
>+            </ol>
>         </nav>
> 
>         <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-shareshelf.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-shareshelf.tt
>index 760f06988e..9ebbb706fd 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-shareshelf.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-shareshelf.tt
>@@ -8,23 +8,25 @@
> [% INCLUDE 'bodytag.inc' bodyid='opac-shareshelf' bodyclass='scrollto' %]
> [% INCLUDE 'masthead.inc' %]
> <div class="main">
>-    <nav aria-label="breadcrumb">
>-        <ul class="breadcrumb">
>-            <li class="breadcrumb-item">
>+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+        <ol>
>+            <li>
>                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>             </li>
>             [% IF ( loggedinusername ) %]
>-                <li class="breadcrumb-item">
>+                <li>
>                     <a href="/cgi-bin/koha/opac-user.pl">[% INCLUDE 'patron-title.inc' patron = logged_in_user %]</a>
>                 </li>
>             [% END %]
>-            <li class="breadcrumb-item">
>+            <li>
>                 <a href="/cgi-bin/koha/opac-shelves.pl">Lists</a>
>             </li>
>-            <li class="breadcrumb-item active" aria-current="page">
>-                Share a list
>+            <li>
>+                <a href="#" aria-current="page">
>+                    Share a list
>+                </a>
>             </li>
>-        </ul> 
>+        </ol> 
>     </nav>
> 
>     <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-shelves.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-shelves.tt
>index 3bdb18b641..9652e5dafb 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-shelves.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-shelves.tt
>@@ -58,67 +58,79 @@
> 
> [% INCLUDE 'masthead.inc' %]
> <div class="main">
>-    <nav aria-label="breadcrumb">
>-        <ul class="breadcrumb">
>-            <li class="breadcrumb-item">
>+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+        <ol>
>+            <li>
>                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>             </li>
>             [% IF ( loggedinusername ) %]
>-                <li class="breadcrumb-item">
>+                <li>
>                     <a href="/cgi-bin/koha/opac-user.pl">[% INCLUDE 'patron-title.inc' patron = logged_in_user %]</a>
>                 </li>
>             [% END %]
> 
>             [% IF op != 'list' %]
>-                <li class="breadcrumb-item">
>+                <li>
>                     <a href="/cgi-bin/koha/opac-shelves.pl">Lists</a>
>                 </li>
>             [% ELSE %]
>-                <li class="breadcrumb-item" aria-current="page">
>-                    Lists
>+                <li>
>+                    <a href="#" aria-current="page">
>+                        Lists
>+                    </a>
>                 </li>
>             [% END %]
> 
>             [% IF shelf and shelf.is_private %]
>                 [% IF op == 'view' OR op == 'edit_form' %]
>-                    <li class="breadcrumb-item">
>+                    <li>
>                         <a href="/cgi-bin/koha/opac-shelves.pl?op=list&amp;category=[% PRIVATE | uri %]">Your lists</a>
>                     </li>
>                 [% ELSE %]
>-                    <li class="breadcrumb-item" aria-current="page">
>-                        Your lists
>+                    <li>
>+                        <a href="#" aria-current="page">
>+                            Your lists
>+                        </a>
>                     </li>
>                 [% END %]
>             [% ELSIF shelf AND shelf.is_public %]
>                 [% IF op == 'view' %]
>-                    <li class="breadcrumb-item">
>+                    <li>
>                         <a href="/cgi-bin/koha/opac-shelves.pl?op=list&amp;category=[% PUBLIC | uri %]">Public lists</a>
>                     </li>
>                 [% ELSE %]
>-                    <li class="breadcrumb-item" aria-current="page">
>-                        Public lists
>+                    <li>
>+                        <a href="#" aria-current="page">
>+                            Public lists
>+                        </a>
>                     </li>
>                 [% END %]
>             [% END %]
> 
>             [% IF op == 'view' %]
>-                <li class="breadcrumb-item" aria-current="page">
>-                    Contents of &nbsp;<em>[% shelf.shelfname | html %]</em>
>+                <li>
>+                    <a href="#" aria-current="page">
>+                        Contents of&nbsp;<em>[% shelf.shelfname | html %]</em>
>+                    </a>
>                 </li>
>             [% END %]
> 
>             [% IF op == 'add_form' %]
>-                <li class="breadcrumb-item" aria-current="page">
>-                    Create new list
>+                <li>
>+                    <a href="#" aria-current="page">
>+                        Create new list
>+                    </a>
>                 </li>
>             [% END %]
> 
>             [% IF op == 'edit_form' %]
>-                <li class="breadcrumb-item" aria-current="page">
>-                    Edit list &nbsp;<em>[% shelf.shelfname | html %]</em>
>+                <li>
>+                    <a href="#" aria-current="page">
>+                        Edit list &nbsp;<em>[% shelf.shelfname | html %]</em>
>+                    </a>
>                 </li>
>             [% END %]
>-        </ul> 
>+        </ol> 
>     </nav>
> 
>     <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-showreviews.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-showreviews.tt
>index b00b1acfe7..5a3c802a4c 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-showreviews.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-showreviews.tt
>@@ -11,15 +11,15 @@
> [% INCLUDE 'masthead.inc' %]
> 
>     <div class="main">
>-        <nav aria-label="breadcrumb">
>-            <ul class="breadcrumb">
>-                <li class="breadcrumb-item">
>+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+            <ol>
>+                <li>
>                     <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>                 </li>
>-                <li class="breadcrumb-item active" aria-current="page">
>-                    <a href="#">Recent comments</a>
>+                <li>
>+                    <a href="#" aria-current="page">Recent comments</a>
>                 </li>
>-            </ul>
>+            </ol>
>         </nav>
> 
>         <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-suggestions.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-suggestions.tt
>index e6d1d36294..9b251d6114 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-suggestions.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-suggestions.tt
>@@ -17,18 +17,18 @@
> [% INCLUDE 'masthead.inc' %]
> 
>     <div class="main">
>-        <nav aria-label="breadcrumb">
>-            <ul class="breadcrumb">
>-                <li class="breadcrumb-item">
>+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+            <ol>
>+                <li>
>                     <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>                 </li>
>-                <li class="breadcrumb-item">
>+                <li>
>                     <a href="/cgi-bin/koha/opac-user.pl">[% INCLUDE 'patron-title.inc' patron = logged_in_user %]</a>
>                 </li>
>-                <li class="breadcrumb-item" aria-current="page">
>-                    <a href="#">Your purchase suggestions</a>
>+                <li>
>+                    <a href="#" aria-current="page">Your purchase suggestions</a>
>                 </li>
>-            </ul>
>+            </ol>
>         </nav>
> 
>         <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-tags.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-tags.tt
>index 44120677d9..1e85648a01 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-tags.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-tags.tt
>@@ -28,20 +28,20 @@
> [% INCLUDE 'masthead.inc' %]
> 
> <div class="main">
>-    <nav aria-label="breadcrumb">
>-        <ul class="breadcrumb">
>-            <li class="breadcrumb-item">
>+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+        <ol>
>+            <li>
>                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>             </li>
>             [% IF ( loggedinusername ) %]
>-                <li class="breadcrumb-item">
>+                <li>
>                     <a href="/cgi-bin/koha/opac-user.pl">[% INCLUDE 'patron-title.inc' patron = logged_in_user %]</a>
>                 </li>
>             [% END %]
>-            <li class="breadcrumb-item" aria-current="page">
>-                <a href="#">Tags</a>
>+            <li>
>+                <a href="#" aria-current="page">Tags</a>
>             </li>
>-        </ul>
>+        </ol>
>     </nav>
> 
>     <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-tags_subject.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-tags_subject.tt
>index 37aba8e336..14ed78f4c2 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-tags_subject.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-tags_subject.tt
>@@ -8,15 +8,15 @@
> [% INCLUDE 'masthead.inc' %]
> 
>     <div class="main">
>-        <nav aria-label="breadcrumb">
>-            <ul class="breadcrumb">
>-                <li class="breadcrumb-item">
>+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+            <ol>
>+                <li>
>                     <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>                 </li>
>-                <li class="breadcrumb-item active" aria-current="page">
>-                    <a href="#">Subject cloud</a>
>+                <li>
>+                    <a href="#" aria-current="page">Subject cloud</a>
>                 </li>
>-            </ul>
>+            </ol>
>         </nav>
> 
>         <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-topissues.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-topissues.tt
>index cffc3205ff..3412dee588 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-topissues.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-topissues.tt
>@@ -38,15 +38,15 @@
> [% INCLUDE 'masthead.inc' %]
> 
>     <div class="main">
>-        <nav aria-label="breadcrumb">
>-            <ul class="breadcrumb">
>-                <li class="breadcrumb-item">
>+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+            <ol>
>+                <li>
>                     <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>                 </li>
>-                <li class="breadcrumb-item active" aria-current="page">
>-                    <a href="#">Most popular titles</a>
>+                <li>
>+                    <a href="#" aria-current="page">Most popular titles</a>
>                 </li>
>-            </ul>
>+            </ol>
>         </nav>
> 
>         <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-user.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-user.tt
>index 24b7adaf33..c570f70532 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-user.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-user.tt
>@@ -26,18 +26,18 @@
> [% END %]
> 
> <div class="main">
>-    <nav aria-label="breadcrumb">
>-        <ul class="breadcrumb">
>-            <li class="breadcrumb-item">
>+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+        <ol>
>+            <li>
>                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>             </li>
>-            <li class="breadcrumb-item">
>+            <li>
>                 <a href="/cgi-bin/koha/opac-user.pl">[% INCLUDE 'patron-title.inc' patron = logged_in_user %]</a>
>             </li>
>-            <li class="breadcrumb-item active" aria-current="page">
>-                <a href="#">Your summary</a>
>+            <li>
>+                <a href="#" aria-current="page">Your summary</a>
>             </li>
>-        </ul>
>+        </ol>
>     </nav>
> 
>     <div class="container-fluid">
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/svc/suggestion.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/svc/suggestion.tt
>index 19cd5cd963..c73144c918 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/svc/suggestion.tt
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/svc/suggestion.tt
>@@ -9,10 +9,16 @@
>     [% INCLUDE 'masthead.inc' %]
> 
>     <div class="main">
>-        <ul class="breadcrumb">
>-            <li><a href="/cgi-bin/koha/opac-main.pl">Home</a></li>
>-            <li><a href="#">Search suggestions</a></li>
>-        </ul>
>+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
>+            <ol>
>+                <li>
>+                    <a href="/cgi-bin/koha/opac-main.pl">Home</a>
>+                </li>
>+                <li>
>+                    <a href="#" aria-current="page">Search suggestions</a>
>+                </li>
>+                </ol>
>+        </nav>
> 
>         <div class="container-fluid">
>             <div class="row">
>-- 
>2.11.0

Actions: View | Diff | Splinter Review

Attachments on bug 28101: 119933 | 119934 | 125184 | 125185 | 126028 | 126804 | 126805 | 126833 | 126834