Bug 28101: Update breadcrumb markup in the OPAC for consistency and accessibility
authorOwen Leonard <oleonard@myacpl.org>
Wed, 22 Sep 2021 18:15:06 +0000 (18:15 +0000)
committerJonathan Druart <jonathan.druart@bugs.koha-community.org>
Mon, 25 Oct 2021 13:58:01 +0000 (15:58 +0200)
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="breadcrumbs"> with an ordered list
inside. The last breadcrumb also has aria-current="page" to specify that
it is the current page.

To test, apply the patch and rebuild the OPAC CSS (https://wiki.koha-community.org/wiki/Working_with_SCSS_in_the_OPAC_and_staff_client)

- Confirm that OPAC templates are updated consistently to use
  breadcrumbs markup beginning with '<nav
  id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">'
- Pages in the OPAC should look consistent, with the last breadcrumb
  styled as text and with the "aria-current" attribute "page."

Sponsored-by: Catalyst IT
Signed-off-by: Henry Bolshaw <bolshawh@parliament.uk>
Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de>
Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
59 files changed:
koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss
koha-tmpl/opac-tmpl/bootstrap/en/modules/errors/errorpage.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/ilsdi.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-ISBDdetail.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-MARCdetail.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-account-pay-error.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-account.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-advsearch.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-alert-subscribe.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-auth-MARCdetail.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-auth-detail.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-auth.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-authorities-home.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-authoritiessearchresultlist.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-blocked.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-browse.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-browser.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-course-details.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-course-reserves.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-detail.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-discharge.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-downloadshelf.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-full-serial-issues.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-holdshistory.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-illrequests.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-imageviewer.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-issue-note.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-library.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-main.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-memberentry-update-submitted.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-memberentry.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-messaging.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-overdrive-search.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-passwd.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-password-recovery.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-patron-consent.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-privacy.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-readingrecord.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-recordedbooks-search.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-registration-confirmation.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-registration-email-sent.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-registration-invalid.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-reportproblem.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-request-article.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-reserve.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-restrictedpage.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-results.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-routing-lists.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-search-history.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-serial-issues.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-shareshelf.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-shelves.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-showreviews.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-suggestions.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-tags.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-tags_subject.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-topissues.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-user.tt
koha-tmpl/opac-tmpl/bootstrap/en/modules/svc/suggestion.tt

index 0372a13..58acbc3 100644 (file)
@@ -561,6 +561,19 @@ th {
     border-radius: 0px;
 }
 
+.breadcrumb-item {
+    &.active {
+        a:link,
+        a:visited,
+        a:hover,
+        a:active {
+            color: #666;
+            cursor: text;
+            text-decoration: none;
+        }
+    }
+}
+
 #opac-main-search {
     background: #f0f3f3;
     margin: 7px 0;
@@ -1326,7 +1339,7 @@ nav {
         }
     }
 
-    background: #E6F0F2 none;
+    background: transparent none;
     border: 0;
 
     &.breadcrumb {
index c73f858..351525c 100644 (file)
@@ -7,16 +7,16 @@
 [% INCLUDE 'masthead.inc' %]
 
     <div class="main">
-        <nav aria-label="breadcrumb">
-            <ul class="breadcrumb">
+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+            <ol class="breadcrumb">
                 <li class="breadcrumb-item">
                     <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 class="breadcrumb-item active">
+                    <a href="#" aria-current="page">Error [% errno | html %]</a>
                 </li>
-            </ul>
-        </nav>
+            </ol>
+        </nav> <!-- /#breadcrumbs -->
 
         <div class="container-fluid">
             <div class="row">
index 2e6a653..8b9f1a3 100644 (file)
 [% INCLUDE 'masthead.inc' %]
 
     <div class="main">
-        <ul class="breadcrumb">
-            <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>
-            [% ELSIF ( GetRecords ) %]
-                <li><a href="/cgi-bin/koha/ilsdi.pl">ILS-DI</a></li>
-                <li><a href="#">GetRecords</a></li>
-            [% ELSIF ( GetAuthorityRecords ) %]
-                <li><a href="/cgi-bin/koha/ilsdi.pl">ILS-DI</a></li>
-                <li><a href="#">GetAuthorityRecords</a></li>
-            [% ELSIF ( LookupPatron ) %]
-                <li><a href="/cgi-bin/koha/ilsdi.pl">ILS-DI</a></li>
-                <li><a href="#">LookupPatron</a></li>
-            [% ELSIF ( AuthenticatePatron ) %]
-                <li><a href="/cgi-bin/koha/ilsdi.pl">ILS-DI</a></li>
-                <li><a href="#">AuthenticatePatron</a></li>
-            [% ELSIF ( GetPatronInfo ) %]
-                <li><a href="/cgi-bin/koha/ilsdi.pl">ILS-DI</a></li>
-                <li><a href="#">GetPatronInfo</a></li>
-            [% ELSIF ( GetPatronStatus ) %]
-                <li><a href="/cgi-bin/koha/ilsdi.pl">ILS-DI</a></li>
-                <li><a href="#">GetPatronStatus</a></li>
-            [% ELSIF ( GetServices ) %]
-                <li><a href="/cgi-bin/koha/ilsdi.pl">ILS-DI</a></li>
-                <li><a href="#">GetServices</a></li>
-            [% ELSIF ( RenewLoan ) %]
-                <li><a href="/cgi-bin/koha/ilsdi.pl">ILS-DI</a></li>
-                <li><a href="#">RenewLoan</a></li>
-            [% ELSIF ( HoldTitle ) %]
-                <li><a href="/cgi-bin/koha/ilsdi.pl">ILS-DI</a></li>
-                <li><a href="#">HoldTitle</a></li>
-            [% ELSIF ( HoldItem ) %]
-                <li><a href="/cgi-bin/koha/ilsdi.pl">ILS-DI</a></li>
-                <li><a href="#">HoldItem</a></li>
-            [% ELSIF ( CancelHold ) %]
-                <li><a href="/cgi-bin/koha/ilsdi.pl">ILS-DI</a></li>
-                <li><a href="#">CancelHold</a></li>
-            [% ELSE %]
-                <li><a href="#">ILS-DI</a></li>
-            [% END %]
-        </ul>
+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item"><a href="/cgi-bin/koha/opac-main.pl">Home</a></li>
+                [% IF ( GetAvailability ) %]
+                    <li class="breadcrumb-item"><a href="/cgi-bin/koha/ilsdi.pl">ILS-DI</a></li>
+                    <li class="breadcrumb-item active"><a href="#" aria-current="page">GetAvailability</a></li>
+                [% ELSIF ( GetRecords ) %]
+                    <li class="breadcrumb-item"><a href="/cgi-bin/koha/ilsdi.pl">ILS-DI</a></li>
+                    <li class="breadcrumb-item active"><a href="#" aria-current="page">GetRecords</a></li>
+                [% ELSIF ( GetAuthorityRecords ) %]
+                    <li class="breadcrumb-item"><a href="/cgi-bin/koha/ilsdi.pl">ILS-DI</a></li>
+                    <li class="breadcrumb-item active"><a href="#" aria-current="page">GetAuthorityRecords</a></li>
+                [% ELSIF ( LookupPatron ) %]
+                    <li class="breadcrumb-item"><a href="/cgi-bin/koha/ilsdi.pl">ILS-DI</a></li>
+                    <li class="breadcrumb-item active"><a href="#" aria-current="page">LookupPatron</a></li>
+                [% ELSIF ( AuthenticatePatron ) %]
+                    <li class="breadcrumb-item"><a href="/cgi-bin/koha/ilsdi.pl">ILS-DI</a></li>
+                    <li class="breadcrumb-item active"><a href="#" aria-current="page">AuthenticatePatron</a></li>
+                [% ELSIF ( GetPatronInfo ) %]
+                    <li class="breadcrumb-item"><a href="/cgi-bin/koha/ilsdi.pl">ILS-DI</a></li>
+                    <li class="breadcrumb-item active"><a href="#" aria-current="page">GetPatronInfo</a></li>
+                [% ELSIF ( GetPatronStatus ) %]
+                    <li class="breadcrumb-item"><a href="/cgi-bin/koha/ilsdi.pl">ILS-DI</a></li>
+                    <li class="breadcrumb-item active"><a href="#" aria-current="page">GetPatronStatus</a></li>
+                [% ELSIF ( GetServices ) %]
+                    <li class="breadcrumb-item"><a href="/cgi-bin/koha/ilsdi.pl">ILS-DI</a></li>
+                    <li class="breadcrumb-item active"><a href="#" aria-current="page">GetServices</a></li>
+                [% ELSIF ( RenewLoan ) %]
+                    <li class="breadcrumb-item"><a href="/cgi-bin/koha/ilsdi.pl">ILS-DI</a></li>
+                    <li class="breadcrumb-item active"><a href="#" aria-current="page">RenewLoan</a></li>
+                [% ELSIF ( HoldTitle ) %]
+                    <li class="breadcrumb-item"><a href="/cgi-bin/koha/ilsdi.pl">ILS-DI</a></li>
+                    <li class="breadcrumb-item active"><a href="#" aria-current="page">HoldTitle</a></li>
+                [% ELSIF ( HoldItem ) %]
+                    <li class="breadcrumb-item"><a href="/cgi-bin/koha/ilsdi.pl">ILS-DI</a></li>
+                    <li class="breadcrumb-item active"><a href="#" aria-current="page">HoldItem</a></li>
+                [% ELSIF ( CancelHold ) %]
+                    <li class="breadcrumb-item"><a href="/cgi-bin/koha/ilsdi.pl">ILS-DI</a></li>
+                    <li class="breadcrumb-item active"><a href="#" aria-current="page">CancelHold</a></li>
+                [% ELSE %]
+                    <li class="breadcrumb-item active"><a href="#" aria-current="page">ILS-DI</a></li>
+                [% END %]
+            </ol>
+        </nav> <!-- /#breadcrumbs -->
 
         <div class="container-fluid">
             <div class="row">
index bbb20c7..936960f 100644 (file)
@@ -9,16 +9,16 @@
 [% INCLUDE 'masthead.inc' %]
 <div class="main">
 
-    <nav aria-label="breadcrumb">
-        <ul class="breadcrumb">
+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+        <ol class="breadcrumb">
             <li class="breadcrumb-item">
                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
             </li>
-            <li class="breadcrumb-item" aria-current="page">
-                <a href="#">ISBD view</a>
+            <li class="breadcrumb-item active">
+                <a href="#" aria-current="page">ISBD view</a>
             </li>
-        </ul>
-    </nav>
+        </ol>
+    </nav> <!-- /#breadcrumbs -->
 
     <div class="container-fluid">
         <div class="row">
index ac6f48b..392ca0b 100644 (file)
@@ -8,16 +8,16 @@
 [% INCLUDE 'bodytag.inc' bodyid='opac-marcdetail' bodyclass='scrollto' %]
 [% INCLUDE 'masthead.inc' %]
 <div class="main">
-    <nav aria-label="breadcrumb">
-        <ul class="breadcrumb">
+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+        <ol class="breadcrumb">
             <li class="breadcrumb-item">
                 <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 class="breadcrumb-item active">
+                <a href="#" aria-current="page">MARC view: [% bibliotitle | html %]</a>
             </li>
-        </ul>
-    </nav>
+        </ol>
+    </nav> <!-- /#breadcrumbs -->
 
     <div class="container-fluid">
         <div class="row">
index 9f36037..d08819a 100644 (file)
@@ -7,19 +7,19 @@
 [% INCLUDE 'masthead.inc' %]
 
 <div class="main">
-    <nav aria-label="breadcrumb">
-        <ul class="breadcrumb">
+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+        <ol 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-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 class="breadcrumb-item active">
+                <a href="#" aria-current="page">Your payment</a>
             </li>
-        </ul>
-    </nav>
+        </ol>
+    </nav> <!-- /#breadcrumbs -->
 
     <div class="container-fluid">
         <div class="row">
index 4251f83..6c63c41 100644 (file)
 [% INCLUDE 'masthead.inc' %]
 
 <div class="main">
-    <nav aria-label="breadcrumb">
-        <ul class="breadcrumb">
+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+        <ol 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 class="breadcrumb-item active">
+                <a href="#" aria-current="page">Your charges</a>
             </li>
-        </ul>
-    </nav>
+        </ol>
+    </nav> <!-- /#breadcrumbs -->
 
     <div class="container-fluid">
         <div class="row">
index 79b307f..b4ac896 100644 (file)
 <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">
+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+            <ol class="breadcrumb">
                 <li class="breadcrumb-item">
                     <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 class="breadcrumb-item active">
+                    <a href="#" aria-current="page">Advanced search</a>
                 </li>
-            </ul>
-        </nav>
+            </ol>
+        </nav> <!-- /#breadcrumbs -->
 
         <div class="container-fluid">
             <div class="row">
index 10625d8..de580ef 100644 (file)
@@ -8,11 +8,25 @@
 [% 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="breadcrumbs">
+            <ol 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-detail.pl?biblionumber=[% biblionumber | uri %]">Details for [% bibliotitle | html %]</a>
+                </li>
+                <li class="breadcrumb-item active">
+                    <a href="#" aria-current="page">
+                        [% IF ( typeissue ) %]
+                            Subscribe to a subscription alert
+                        [% ELSIF ( typeissuecancel ) %]
+                            Unsubscribe from a subscription alert
+                        [% END %]
+                    </a>
+                </li>
+            </ol>
+        </nav> <!-- /#breadcrumbs -->
 
         <div class="container-fluid">
             <div class="row">
index 339bea9..afef52d 100644 (file)
 [% INCLUDE 'masthead.inc' %]
 
     <div class="main">
-        <nav aria-label="breadcrumb">
-            <ul class="breadcrumb">
+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+            <ol 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-authorities-home.pl">Authority search</a>
                 </li>
-                <li class="breadcrumb-item" aria-current="page">
-                    <a href="#">Entry [% authtypetext | html %]</a>
+                <li class="breadcrumb-item active">
+                    <a href="#" aria-current="page">Entry [% authtypetext | html %]</a>
                 </li>
-            </ul>
-        </nav>
+            </ol>
+        </nav> <!-- /#breadcrumbs -->
 
         <div class="container-fluid">
             <div class="row">
index 608b246..eb23f14 100644 (file)
 [% INCLUDE 'masthead.inc' %]
 
     <div class="main">
-        <nav aria-label="breadcrumb">
-            <ul class="breadcrumb">
+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+            <ol 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-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 class="breadcrumb-item active">
+                    <a href="#" aria-current="page">[% summary.mainentry | html %][% IF authtypetext %] ([% authtypetext | html %])[% END %]</a>
                 </li>
-            </ul>
-        </nav>
+            </ol>
+        </nav> <!-- /#breadcrumbs -->
 
         <div class="container-fluid">
             <div class="row">
index 0edcba9..68b2cda 100644 (file)
 [% INCLUDE 'masthead.inc' %]
 
 <div class="main">
-    <nav aria-label="breadcrumb">
-        <ul class="breadcrumb">
+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+        <ol class="breadcrumb">
             <li class="breadcrumb-item">
                 <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 class="breadcrumb-item active">
+                <a href="#" aria-current="page">Log in</a>
             </li>
-        </ul>
-    </nav>
+        </ol>
+    </nav> <!-- /#breadcrumbs -->
 
     <div class="container-fluid">
         <div class="row justify-content-center">
index 9659e5d..80bc643 100644 (file)
@@ -8,16 +8,16 @@
 [% INCLUDE 'masthead.inc' %]
 
     <div class="main">
-        <nav aria-label="breadcrumb">
-            <ul class="breadcrumb">
+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+            <ol class="breadcrumb">
                 <li class="breadcrumb-item">
                     <a href="/cgi-bin/koha/opac-main.pl">Home</a>
                 </li>
-                <li class="breadcrumb-item" aria-current="page">
-                    <a href="#">Authority search</a>
+                <li class="breadcrumb-item active">
+                    <a href="#" aria-current="page">Authority search</a>
                 </li>
-            </ul>
-        </nav>
+            </ol>
+        </nav> <!-- /#breadcrumbs -->
 
         <div class="container-fluid">
             <div class="row">
index 1f66ec3..54a3b9c 100644 (file)
 [% INCLUDE 'masthead.inc' %]
 
     <div class="main">
-        <nav aria-label="breadcrumb">
-            <ul class="breadcrumb">
+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+            <ol 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-authorities-home.pl">Authority search</a>
                 </li>
-                <li class="breadcrumb-item" aria-current="page">
-                    <a href="#">Results</a>
+                <li class="breadcrumb-item active">
+                    <a href="#" aria-current="page">Results</a>
                 </li>
-            </ul>
-        </nav>
+            </ol>
+        </nav> <!-- /#breadcrumbs -->
 
         <div class="container-fluid">
             <div class="row">
index 43cd083..8520a26 100644 (file)
 [% INCLUDE 'bodytag.inc' bodyid='opac-blocked' %]
 [% INCLUDE 'masthead.inc' %]
 <div class="main">
-    <nav aria-label="breadcrumb">
-        <ul class="breadcrumb">
+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+        <ol class="breadcrumb">
             <li class="breadcrumb-item">
                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
             </li>
-            <li class="breadcrumb-item" aria-current="page">
-                Blocked record
+            <li class="breadcrumb-item active">
+                <a href="#" aria-current="page">Blocked record</a>
             </li>
-        </ul>
-    </nav>
+        </ol>
+    </nav> <!-- /#breadcrumbs -->
 
     <div class="container-fluid">
         <div class="row justify-content-center">
index be53b21..ab6fcda 100644 (file)
@@ -9,16 +9,16 @@
 [% INCLUDE 'masthead.inc' %]
 
 <div class="main">
-    <nav aria-label="breadcrumb">
-        <ul class="breadcrumb">
+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+        <ol class="breadcrumb">
             <li class="breadcrumb-item">
                 <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 class="breadcrumb-item active">
+                <a href="#" aria-current="page">Browse search</a>
             </li>
-        </ul>
-    </nav>
+        </ol>
+    </nav> <!-- /#breadcrumbs -->
 
     <div class="container-fluid">
         <div class="row">
index c45b518..b03b96d 100644 (file)
@@ -8,16 +8,16 @@
 [% INCLUDE 'masthead.inc' %]
 
     <div class="main">
-        <nav aria-label="breadcrumb">
-            <ul class="breadcrumb">
+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+            <ol class="breadcrumb">
                 <li class="breadcrumb-item">
                     <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 class="breadcrumb-item active">
+                    <a href="#" aria-current="page">Browse our catalog</a>
                 </li>
-            </ul>
-        </nav>
+            </ol>
+        </nav> <!-- /#breadcrumbs -->
 
         <div class="container-fluid">
             <div class="row">
index 234fe1c..9236149 100644 (file)
 [% INCLUDE 'masthead.inc' %]
 
 <div class="main">
-    <nav aria-label="breadcrumb">
-        <ul class="breadcrumb">
+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+        <ol 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-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 class="breadcrumb-item active">
+                <a href="#" aria-current="page">Course reserves for &nbsp;<em>[% course.course_name | html %]</em></a>
             </li>
-        </ul>
-    </nav>
+        </ol>
+    </nav> <!-- /#breadcrumbs -->
 
     <div class="container-fluid">
         <div class="row">
index 2c90296..c0437f0 100644 (file)
 [% INCLUDE 'masthead.inc' %]
 
 <div class="main">
-    <nav aria-label="breadcrumb">
-        <ul class="breadcrumb">
+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+        <ol class="breadcrumb">
             <li class="breadcrumb-item">
                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
             </li>
-            <li class="breadcrumb-item" aria-current="page">
-                <a href="#">Course reserves</a>
+            <li class="breadcrumb-item active">
+                <a href="#" aria-current="page">Course reserves</a>
             </li>
-        </ul>
-    </nav>
+        </ol>
+    </nav> <!-- /#breadcrumbs -->
 
     <div class="container-fluid">
         <div class="row">
index 8246934..862a625 100644 (file)
 [% INCLUDE 'masthead.inc' %]
 
 <div class="main">
-    <nav aria-label="breadcrumb">
-        <ul class="breadcrumb">
+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+        <ol class="breadcrumb">
             <li class="breadcrumb-item">
                 <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 class="breadcrumb-item active">
+                <a href="#" aria-current="page"><span>Details for: </span>[% INCLUDE 'biblio-title.inc' %]</a>
             </li>
-        </ul>
-    </nav>
+        </ol>
+    </nav> <!-- /#breadcrumbs -->
 
     <div class="container-fluid">
         <div class="row">
index 223d249..28c6e87 100644 (file)
@@ -8,16 +8,16 @@
 [% INCLUDE 'masthead.inc' %]
 
 <div class="main">
-    <nav aria-label="breadcrumb">
-        <ul class="breadcrumb">
+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+        <ol class="breadcrumb">
             <li class="breadcrumb-item">
                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
             </li>
-            <li class="breadcrumb-item active" aria-current="page">
-                <a href="#">Discharge</a>
+            <li class="breadcrumb-item active">
+                <a href="#" aria-current="page">Discharge</a>
             </li>
-        </ul>
-    </nav>
+        </ol>
+    </nav> <!-- /#breadcrumbs -->
 
     <div class="container-fluid">
         <div class="row">
index da67dcc..eb35b6f 100644 (file)
@@ -7,8 +7,8 @@
     [% INCLUDE 'bodytag.inc' bodyid='opac-downloadlist' %]
         [% INCLUDE 'masthead.inc' %]
         <div class="main">
-            <nav aria-label="breadcrumb">
-                <ul class="breadcrumb">
+            <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+                <ol class="breadcrumb">
                     <li class="breadcrumb-item">
                         <a href="/cgi-bin/koha/opac-main.pl">Home</a>
                     </li>
                             <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 class="breadcrumb-item active">
+                        <a href="#" aria-current="page">Download list <em>[% shelf.shelfname | html %]</em></a>
                     </li>
                 </ul>
-            </nav>
+            </nav> <!-- /#breadcrumbs -->
 
             <div class="container-fluid">
                 <div class="row">
index 2d24c8a..3c3bdce 100644 (file)
 [% INCLUDE 'masthead.inc' %]
 
     <div class="main">
-        <nav aria-label="breadcrumb">
-            <ul class="breadcrumb">
+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+            <ol 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-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 class="breadcrumb-item active">
+                    <a href="#" aria-current="page">Full subscription history</a>
                 </li>
-            </ul>
-        </nav>
+            </ol>
+        </nav> <!-- /#breadcrumbs -->
 
         <div class="container-fluid">
             <div class="row">
index bfcd0e0..31279d3 100644 (file)
 [% INCLUDE 'masthead.inc' %]
 
 <div class="main">
-    <nav aria-label="breadcrumb">
-        <ul class="breadcrumb">
+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+        <ol 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" aria-current="page">
-                <a href="#">Your holds history</a>
+            <li class="breadcrumb-item active">
+                <a href="#" aria-current="page">Your holds history</a>
             </li>
-        </ul>
-    </nav>
+        </ol>
+    </nav> <!-- /#breadcrumbs -->
 
     <div class="container-fluid">
         <div class="row">
index f119ef1..e8ccc56 100644 (file)
@@ -17,8 +17,8 @@
 [% END %]
 [% INCLUDE 'masthead.inc' %]
 <div class="main">
-    <nav aria-label="breadcrumb">
-        <ul class="breadcrumb">
+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+        <ol class="breadcrumb">
             <li class="breadcrumb-item">
                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
             </li>
             [% END %]
 
             [% IF method != 'list' %]
-                <li class="breadcrumb-item" aria-current="page">
+                <li class="breadcrumb-item active">
                     <a href="/cgi-bin/koha/opac-illrequests.pl">Interlibrary loan requests</a>
                 </li>
                 [% IF method == 'create' %]
-                    <li class="breadcrumb-item" aria-current="page">
-                        New interlibrary loan request
+                    <li class="breadcrumb-item active">
+                        <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 class="breadcrumb-item active">
+                        <a href="#" aria-current="page">View interlibrary loan request</a>
                     </li>
                 [% END %]
             [% ELSE %]
-                <li class="breadcrumb-item" aria-current="page">
-                    Interlibrary loan requests
+                <li class="breadcrumb-item active">
+                    <a href="#" aria-current="page">Interlibrary loan requests</a>
                 </li>
             [% END %]
-        </ul> <!-- / .breadcrumb -->
-    </nav>
+        </ol> <!-- / .breadcrumb -->
+    </nav> <!-- /#breadcrumbs -->
 
     <div class="container-fluid">
         <div class="row">
index 0e3647d..8e4459d 100644 (file)
@@ -36,8 +36,8 @@
 [% INCLUDE 'masthead.inc' %]
 
     <div class="main">
-        <nav aria-label="breadcrumb">
-            <ul class="breadcrumb">
+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+            <ol class="breadcrumb">
                 <li class="breadcrumb-item">
                     <a href="/cgi-bin/koha/opac-main.pl">Home</a>
                 </li>
                         [% END %]
                     [% END %][% INCLUDE 'biblio-title.inc' %]</a>
                 </li>
-                <li class="breadcrumb-item active" aria-current="page">
-                    <a href="#">Images</a>
+                <li class="breadcrumb-item active">
+                    <a href="#" aria-current="page">Images</a>
                 </li>
-            </ul>
-        </nav>
+            </ol>
+        </nav> <!-- /#breadcrumbs -->
 
         <div class="container-fluid">
             <div class="row">
index 0ec32d5..fdcc76e 100644 (file)
 [% INCLUDE 'masthead.inc' %]
 
 <div class="main">
-    <nav aria-label="breadcrumb">
-        <ul class="breadcrumb">
+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+        <ol 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="#">Editing issue note for [% title | html %] [% author | html %]</a>
+            <li class="breadcrumb-item active">
+                <a href="#" aria-current="page">Editing issue note for [% title | html %] [% author | html %]</a>
             </li>
-        </ul>
-    </nav>
+        </ol>
+    </nav> <!-- /#breadcrumbs -->
 
     <div class="container-fluid">
         <div class="row">
index 8fc5f3d..5edbbea 100644 (file)
@@ -53,8 +53,8 @@
 [% END %]
 
 <div class="main">
-    <nav aria-label="breadcrumb">
-        <ul class="breadcrumb">
+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+        <ol 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-library.pl">Libraries</a>
                 </li>
-                <li class="breadcrumb-item active" aria-current="page">
-                    <a href="#">[% library.branchname | html %]</a>
+                <li class="breadcrumb-item active">
+                    <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 class="breadcrumb-item active">
+                    <a href="#" aria-current="page">Libraries</a>
                 </li>
             [% END %]
-        </ul>
-    </nav>
+        </ol>
+    </nav> <!-- /#breadcrumbs -->
 
     <div class="container-fluid">
         <div class="row">
index ffa32a9..44777a1 100644 (file)
 [% INCLUDE 'masthead.inc' %]
 
 <div class="main">
-    <nav aria-label="breadcrumb">
-        <ul class="breadcrumb">
+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+        <ol class="breadcrumb">
             [% IF news_item %]
                 <li class="breadcrumb-item">
                     <a href="/cgi-bin/koha/opac-main.pl">Home</a>
                 </li>
-                <li class="breadcrumb-item active" aria-current="page">
-                    [% news_item.title | html %]
+                <li class="breadcrumb-item active">
+                    <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 class="breadcrumb-item active">
+                    <a href="#" aria-current="page">Home</a>
                 </li>
             [% END %]
-        </ul>
-    </nav>
+        </ol>
+    </nav> <!-- /#breadcrumbs -->
 
     [% IF Koha.Preference( 'opacuserlogin' ) == 1 %]
         [% IF ( loggedinusername ) %]
index 696be73..57325c9 100644 (file)
@@ -8,19 +8,19 @@
 [% INCLUDE 'masthead.inc' %]
 
     <div class="main">
-        <nav aria-label="breadcrumb">
-            <ul class="breadcrumb">
+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+            <ol 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" aria-current="page">
-                    <a href="#">Updates to your record</a>
+                <li class="breadcrumb-item active">
+                    <a href="#" aria-current="page">Updates to your record</a>
                 </li>
-            </ul>
-        </nav>
+            </ol>
+        </nav> <!-- /#breadcrumbs -->
 
         <div class="container-fluid">
             <div class="row">
index c7f7c9c..8ee98d4 100644 (file)
@@ -32,8 +32,8 @@
 [% INCLUDE 'masthead.inc' %]
 
 <div class="main">
-    <nav aria-label="breadcrumb">
-        <ul class="breadcrumb">
+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+        <ol class="breadcrumb">
             <li class="breadcrumb-item">
                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
             </li>
                 </li>
             [% ELSE %]
                 <li class="breadcrumb-item active">
-                    <a href="#">Register a new account</a>
+                    <a href="#" aria-current="page">Register a new account</a>
                 </li>
             [% END %]
-        </ul>
-    </nav>
+        </ol>
+    </nav> <!-- /#breadcrumbs -->
 
     <div class="container-fluid">
         <div class="row">
index 4c8d433..55c6c40 100644 (file)
@@ -8,19 +8,19 @@
 [% INCLUDE 'masthead.inc' %]
 
 <div class="main">
-    <nav aria-label="breadcrumb">
-        <ul class="breadcrumb">
+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+        <ol 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" aria-current="IsPatronPage">
-                <a href="#">Your messaging settings</a>
+            <li class="breadcrumb-item active">
+                <a href="#" aria-current="page">Your messaging settings</a>
             </li>
-        </ul>
-    </nav>
+        </ol>
+    </nav> <!-- /#breadcrumbs -->
 
     <div class="container-fluid">
         <div class="row">
index 5342bad..2a690c7 100644 (file)
 [% INCLUDE 'masthead.inc' %]
 
     <div class="main">
-        <nav aria-label="breadcrumb">
-            <ul class="breadcrumb">
+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+            <ol class="breadcrumb">
                 <li class="breadcrumb-item">
                     <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 class="breadcrumb-item active">
+                    <a href="#" aria-current="page">OverDrive search for '[% q | html %]'</a>
                 </li>
-            </ul>
-        </nav>
+            </ol>
+        </nav> <!-- /#breadcrumbs -->
 
         <div class="container-fluid">
             <div class="row">
index 922a089..ce38876 100644 (file)
 [% INCLUDE 'masthead.inc' %]
 
 <div class="main">
-    <nav aria-label="breadcrumb">
-        <ul class="breadcrumb">
+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+        <ol 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="#">Change your password</a>
+            <li class="breadcrumb-item active">
+                <a href="#" aria-current="page">Change your password</a>
             </li>
-        </ul>
-    </nav>
+        </ol>
+    </nav> <!-- /#breadcrumbs -->
 
     <div class="container-fluid">
         <div class="row">
index eb04e67..3704346 100644 (file)
 [% INCLUDE 'masthead.inc' %]
 
 <div class="main">
-    <nav aria-label="breadcrumb">
-        <ul class="breadcrumb">
+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+        <ol class="breadcrumb">
             <li class="breadcrumb-item">
                 <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 class="breadcrumb-item active">
+                <a href="#" aria-current="page">Forgotten password recovery</a>
             </li>
-        </ul>
-    </nav>
+        </ol>
+    </nav> <!-- /#breadcrumbs -->
 
     <div class="container-fluid">
         <div class="row">
index a78bd3a..1246771 100644 (file)
@@ -9,19 +9,19 @@
 [% INCLUDE 'masthead.inc' %]
 
 <div class="main">
-    <nav aria-label="breadcrumb">
-        <ul class="breadcrumb">
+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+        <ol 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">[% patron.firstname | html %] [% patron.surname | html %]</a>
             </li>
-            <li class="breadcrumb-item" aria-current="page">
-                <a href="#">Your consents</a>
+            <li class="breadcrumb-item active">
+                <a href="#" aria-current="page">Your consents</a>
             </li>
-        </ul>
-    </nav>
+        </ol>
+    </nav> <!-- /#breadcrumbs -->
 
     <div class="container-fluid">
         <div class="row">
index d77bea2..67006f5 100644 (file)
@@ -8,19 +8,19 @@
 [% INCLUDE 'masthead.inc' %]
 
 <div class="main">
-    <nav aria-label="breadcrumb">
-        <ul class="breadcrumb">
+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+        <ol 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" aria-current="page">
-                <a href="#">Your privacy management</a>
+            <li class="breadcrumb-item active">
+                <a href="#" aria-current="page">Your privacy management</a>
             </li>
-        </ul>
-    </nav>
+        </ol>
+    </nav> <!-- /#breadcrumbs -->
 
     <div class="container-fluid">
         <div class="row">
index 7c39e5c..4033ab1 100644 (file)
 [% END %]
 
 <div class="main">
-    <nav aria-label="breadcrumb">
-        <ul class="breadcrumb">
+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+        <ol 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" aria-current="page">
-                <a href="#">Your checkout history</a>
+            <li class="breadcrumb-item active">
+                <a href="#" aria-current="page">Your checkout history</a>
             </li>
-        </ul>
-    </nav>
+        </ol>
+    </nav> <!-- /#breadcrumbs -->
 
     <div class="container-fluid">
         <div class="row">
index a0288f4..e9fcfd7 100644 (file)
 [% INCLUDE 'masthead.inc' %]
 
     <div class="main">
-        <nav aria-label="breadcrumb">
-            <ul class="breadcrumb">
+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+            <ol class="breadcrumb">
                 <li class="breadcrumb-item">
                     <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 class="breadcrumb-item active">
+                    <a href="#" aria-current="page">RecordedBooks search for '[% q | html %]'</a>
                 </li>
-            </ul>
-        </nav>
+            </ol>
+        </nav> <!-- /#breadcrumbs -->
 
         <div class="container-fluid">
             <div class="row">
index d2ab28b..10a4a78 100644 (file)
 [% INCLUDE 'masthead.inc' %]
 
 <div class="main">
-    <nav aria-label="breadcrumb">
-        <ul class="breadcrumb">
+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+        <ol class="breadcrumb">
             <li class="breadcrumb-item">
                 <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 class="breadcrumb-item active">
+                <a href="#" aria-current="page">Registration complete</a>
             </li>
-        </ul>
-    </nav>
+        </ol>
+    </nav> <!-- /#breadcrumbs -->
 
     <div class="container-fluid">
         <div class="row">
index 8564ae6..ef03a83 100644 (file)
@@ -8,16 +8,16 @@
 [% INCLUDE 'masthead.inc' %]
 
     <div class="main">
-        <nav aria-label="breadcrumb">
-            <ul class="breadcrumb">
+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+            <ol class="breadcrumb">
                 <li class="breadcrumb-item">
                     <a href="/cgi-bin/koha/opac-main.pl">Home</a>
                 </li>
-                <li class="breadcrumb-item">
+                <li class="breadcrumb-item active">
                     <a href="#">Register a new account</a>
                 </li>
-            </ul>
-        </nav>
+            </ol>
+        </nav> <!-- /#breadcrumbs -->
 
         <div class="container-fluid">
             <div class="row">
index 0cdf292..bed25cc 100644 (file)
@@ -8,16 +8,16 @@
 [% INCLUDE 'masthead.inc' %]
 
     <div class="main">
-        <nav aria-label="breadcrumb">
-            <ul class="breadcrumb">
+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+            <ol class="breadcrumb">
                 <li class="breadcrumb-item">
                     <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 class="breadcrumb-item active">
+                    <a href="#" aria-current="page">Register a new account</a>
                 </li>
-            </ul>
-        </nav>
+            </ol>
+        </nav> <!-- /#breadcrumbs -->
 
         <div class="container-fluid">
             <div class="row">
index dac2b9b..6b1cc6b 100644 (file)
@@ -8,16 +8,16 @@
 [% INCLUDE 'masthead.inc' %]
 
     <div class="main">
-        <nav aria-label="breadcrumb">
-            <ul class="breadcrumb">
+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+            <ol class="breadcrumb">
                 <li class="breadcrumb-item">
                 <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 class="breadcrumb-item active">
+                    <a href="#" aria-current="page">Report a problem</a>
                 </li>
-            </ul>
-        </nav>
+            </ol>
+        </nav> <!-- /#breadcrumbs -->
 
         <div class="container-fluid">
             <div class="row">
index ffbf0d3..1f4d2c5 100644 (file)
 [% SET disclaimer = AdditionalContents.get( location => "ArticleRequestsDisclaimerText", lang => lang, library => Branches.GetLoggedInBranchcode ) %]
 
 <div class="main">
-    <nav aria-label="breadcrumb">
-        <ul class="breadcrumb">
+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+        <ol 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-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 class="breadcrumb-item active">
+                <a href="#" aria-current="page">Request article</a>
             </li>
-        </ul>
-    </nav>
+        </ol>
+    </nav> <!-- /#breadcrumbs -->
 
     <div class="container-fluid maincontent">
         <div class="row">
index a041453..edc33cc 100644 (file)
 [% INCLUDE 'masthead.inc' %]
 
 <div class="main">
-    <nav aria-label="breadcrumb">
-        <ul class="breadcrumb">
+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+        <ol class="breadcrumb">
             <li class="breadcrumb-item">
                 <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 class="breadcrumb-item active">
+                <a href="#" aria-current="page">Placing a hold</a>
             </li>
-        </ul>
-    </nav>
+        </ol>
+    </nav> <!-- /#breadcrumbs -->
 
     <div class="container">
         <div id="holds" class="maincontent">
index 3150f1e..1bfadf3 100644 (file)
 [% INCLUDE 'masthead.inc' %]
 
 <div class="main">
-    <nav aria-label="breadcrumb">
-        <ul class="breadcrumb">
+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+        <ol class="breadcrumb">
             <li class="breadcrumb-item">
                <a href="/cgi-bin/koha/opac-main.pl">Home</a>
             </li>
             [% IF Koha.Preference('RestrictedPageTitle') %]
-                <li class="breadcrumb-item active" aria-current="page">
-                    [% Koha.Preference('RestrictedPageTitle') | html %]
+                <li class="breadcrumb-item active">
+                    <a href="#" aria-current="page">[% Koha.Preference('RestrictedPageTitle') | html %]</a>
                 </li>
             [% END %]
-        </ul>
-    </nav>
+        </ol>
+    </nav> <!-- /#breadcrumbs -->
 
     <div class="container-fluid">
         <div class="row">
index 5e19a66..c71015b 100644 (file)
@@ -32,8 +32,8 @@
 [% INCLUDE 'masthead.inc' %]
 
     <div class="main">
-        <nav aria-label="breadcrumb">
-            <ul class="breadcrumb">
+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+            <ol class="breadcrumb">
                 <li class="breadcrumb-item">
                     <a href="/cgi-bin/koha/opac-main.pl">Home</a>
                 </li>
                             <a href="[% ReturnPath | url %]">Advanced search</a>
                         </li>
                     [% END %]
-                    <li class="breadcrumb-item active" aria-current="page">
+                    <li class="breadcrumb-item active">
                         [% 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 class="breadcrumb-item active">
+                        <a href="#" aria-current="page">You did not specify any search criteria</a>
                     </li>
                 [% END %]
-            </ul>
-        </nav>
+            </ol>
+        </nav> <!-- /#breadcrumbs -->
 
         [% UNLESS ( total ) %]
             <div class="container-fluid">
index 3152411..c8ab3f5 100644 (file)
 [% INCLUDE 'masthead.inc' %]
 
 <div class="main">
-    <nav aria-label="breadcrumb">
-        <ul class="breadcrumb">
+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+        <ol 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-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 class="breadcrumb-item active">
+                <a href="#" aria-current="page">Your routing lists</a>
             </li>
-        </ul>
-    </nav>
+        </ol>
+    </nav> <!-- /#breadcrumbs -->
 
     <div class="container-fluid">
         <div class="row">
index d4e871f..edb5969 100644 (file)
@@ -11,8 +11,8 @@
 [% INCLUDE 'masthead.inc' %]
 
 <div class="main">
-    <nav aria-label="breadcrumb">
-        <ul class="breadcrumb">
+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+        <ol 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">
-                    <a href="#">Your search history</a>
+                <li class="breadcrumb-item active">
+                    <a href="#" aria-current="page">Your search history</a>
                 </li>
             [% ELSE %]
-                <li class="breadcrumb-item">
-                    <a href="#">Search history</a>
+                <li class="breadcrumb-item active">
+                    <a href="#" aria-current="page">Search history</a>
                 </li>
             [% END %]
-        </ul>
-    </nav>
+        </ol>
+    </nav> <!-- /#breadcrumbs -->
 
     <div class="container-fluid">
         <div class="row">
index ce1f35b..f969881 100644 (file)
 [% INCLUDE 'masthead.inc' %]
 
     <div class="main">
-        <nav aria-label="breadcrumb">
-            <ul class="breadcrumb">
+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+            <ol 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-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 class="breadcrumb-item active">
+                    <a href="#" aria-current="page">Issues for a subscription</a>
                 </li>
-            </ul>
-        </nav>
+            </ol>
+        </nav> <!-- /#breadcrumbs -->
 
         <div class="container-fluid">
             <div class="row">
index 494df98..34d522d 100644 (file)
@@ -8,8 +8,8 @@
 [% INCLUDE 'bodytag.inc' bodyid='opac-shareshelf' bodyclass='scrollto' %]
 [% INCLUDE 'masthead.inc' %]
 <div class="main">
-    <nav aria-label="breadcrumb">
-        <ul class="breadcrumb">
+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+        <ol 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-shelves.pl">Lists</a>
             </li>
-            <li class="breadcrumb-item active" aria-current="page">
-                Share a list
+            <li class="breadcrumb-item active">
+                <a href="#" aria-current="page">Share a list</a>
             </li>
-        </ul> <!-- / .breadcrumb -->
-    </nav>
+        </ol> <!-- / .breadcrumb -->
+    </nav> <!-- /#breadcrumbs -->
 
     <div class="container-fluid">
         <div class="row">
index 4c19a94..bfce4b3 100644 (file)
@@ -56,8 +56,8 @@
 
 [% INCLUDE 'masthead.inc' %]
 <div class="main">
-    <nav aria-label="breadcrumb">
-        <ul class="breadcrumb">
+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+        <ol class="breadcrumb">
             <li class="breadcrumb-item">
                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
             </li>
@@ -72,8 +72,8 @@
                     <a href="/cgi-bin/koha/opac-shelves.pl">Lists</a>
                 </li>
             [% ELSE %]
-                <li class="breadcrumb-item" aria-current="page">
-                    Lists
+                <li class="breadcrumb-item active">
+                    <a href="#" aria-current="page">Lists</a>
                 </li>
             [% END %]
 
@@ -83,8 +83,8 @@
                         <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 class="breadcrumb-item active">
+                        <a href="#" aria-current="page">Your lists</a>
                     </li>
                 [% END %]
             [% ELSIF shelf AND shelf.is_public %]
                         <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 class="breadcrumb-item active">
+                        <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 class="breadcrumb-item active">
+                    <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 class="breadcrumb-item active">
+                    <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 class="breadcrumb-item active">
+                    <a href="#" aria-current="page">Edit list &nbsp;<em>[% shelf.shelfname | html %]</em></a>
                 </li>
             [% END %]
-        </ul> <!-- / .breadcrumb -->
-    </nav>
+        </ol> <!-- / .breadcrumb -->
+    </nav> <!-- /#breadcrumbs -->
 
     <div class="container-fluid">
         <div class="row">
index f1059b6..9cb5f5a 100644 (file)
 [% INCLUDE 'masthead.inc' %]
 
     <div class="main">
-        <nav aria-label="breadcrumb">
-            <ul class="breadcrumb">
+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+            <ol class="breadcrumb">
                 <li class="breadcrumb-item">
                     <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 class="breadcrumb-item active">
+                    <a href="#" aria-current="page">Recent comments</a>
                 </li>
-            </ul>
-        </nav>
+            </ol>
+        </nav> <!-- /#breadcrumbs -->
 
         <div class="container-fluid">
             <div class="row">
index 82bde49..77de359 100644 (file)
 [% INCLUDE 'masthead.inc' %]
 
     <div class="main">
-        <nav aria-label="breadcrumb">
-            <ul class="breadcrumb">
+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+            <ol 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" aria-current="page">
-                    <a href="#">Your purchase suggestions</a>
+                <li class="breadcrumb-item active">
+                    <a href="#" aria-current="page">Your purchase suggestions</a>
                 </li>
-            </ul>
-        </nav>
+            </ol>
+        </nav> <!-- /#breadcrumbs -->
 
         <div class="container-fluid">
             <div class="row">
index 84b832b..6af6caf 100644 (file)
@@ -28,8 +28,8 @@
 [% INCLUDE 'masthead.inc' %]
 
 <div class="main">
-    <nav aria-label="breadcrumb">
-        <ul class="breadcrumb">
+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+        <ol class="breadcrumb">
             <li class="breadcrumb-item">
                 <a href="/cgi-bin/koha/opac-main.pl">Home</a>
             </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 class="breadcrumb-item active">
+                <a href="#" aria-current="page">Tags</a>
             </li>
-        </ul>
-    </nav>
+        </ol>
+    </nav> <!-- /#breadcrumbs -->
 
     <div class="container-fluid">
         <div class="row">
index 37aba8e..9e879d0 100644 (file)
@@ -8,16 +8,16 @@
 [% INCLUDE 'masthead.inc' %]
 
     <div class="main">
-        <nav aria-label="breadcrumb">
-            <ul class="breadcrumb">
+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+            <ol class="breadcrumb">
                 <li class="breadcrumb-item">
                     <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 class="breadcrumb-item active">
+                    <a href="#" aria-current="page">Subject cloud</a>
                 </li>
-            </ul>
-        </nav>
+            </ol>
+        </nav> <!-- /#breadcrumbs -->
 
         <div class="container-fluid">
             <div class="row">
index ec3bc94..443b06f 100644 (file)
 [% INCLUDE 'masthead.inc' %]
 
     <div class="main">
-        <nav aria-label="breadcrumb">
-            <ul class="breadcrumb">
+        <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+            <ol class="breadcrumb">
                 <li class="breadcrumb-item">
                     <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 class="breadcrumb-item active">
+                    <a href="#" aria-current="page">Most popular titles</a>
                 </li>
-            </ul>
-        </nav>
+            </ol>
+        </nav> <!-- /#breadcrumbs -->
 
         <div class="container-fluid">
             <div class="row">
index 8545c50..53b4400 100644 (file)
 [% END %]
 
 <div class="main">
-    <nav aria-label="breadcrumb">
-        <ul class="breadcrumb">
+    <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumbs">
+        <ol 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 summary</a>
+            <li class="breadcrumb-item active">
+                <a href="#" aria-current="page">Your summary</a>
             </li>
-        </ul>
-    </nav>
+        </ol>
+    </nav> <!-- /#breadcrumbs -->
 
     <div class="container-fluid">
         <div class="row">
index 19cd5cd..51a2f6e 100644 (file)
@@ -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="breadcrumbs">
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item">
+                    <a href="/cgi-bin/koha/opac-main.pl">Home</a>
+                </li>
+                <li class="breadcrumb-item active">
+                    <a href="#" aria-current="page">Search suggestions</a>
+                </li>
+            </ol>
+        </nav> <!-- /#breadcrumbs -->
 
         <div class="container-fluid">
             <div class="row">