Bug 28101: Update breadcrumb markup in the OPAC for consistency and accessibility

[srvgit] / koha-tmpl / opac-tmpl / bootstrap / en / modules / opac-blocked.tt

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 ec0a35f..8520a26 100644 (file)
--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-blocked.tt
+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-blocked.tt
@@ -1,22 +1,35 @@
 [% USE raw %]
 [% INCLUDE 'doc-head-open.inc' %]
-<title>[% IF ( LibraryNameTitle ) %][% LibraryNameTitle | html %][% ELSE %]Koha online[% END %] catalog</title>
+<title>
+    Record blocked &rsaquo;
+    [% IF ( LibraryNameTitle ) %]
+        [% LibraryNameTitle | html %]
+    [% ELSE %]
+        Koha online
+    [% END %] catalog
+</title>
 [% INCLUDE 'doc-head-close.inc' %]
 [% BLOCK cssinclude %][% END %]
 </head>
 [% INCLUDE 'bodytag.inc' bodyid='opac-blocked' %]
 [% 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>Blocked record</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">Blocked record</a>
+            </li>
+        </ol>
+    </nav> <!-- /#breadcrumbs -->
 
     <div class="container-fluid">
-        <div class="row-fluid">
-            <div class="span9">
-                <div id="opac-blocked-message">
-                    <h3>Blocked</h3>
+        <div class="row justify-content-center">
+            <div class="col-md-10 col-lg-6">
+                <div id="opac-blocked-message" class="maincontent">
+                    <h1>Blocked</h1>
                     <p>You are not authorized to view this record.</p>
                     [% IF ( OpacSuppressionMessage ) %]
                         <div id="opacsuppressionmessage">