-<div id="breadcrumbs"><a href="/cgi-bin/koha/mainpage.pl">Home</a> › <a href="/cgi-bin/koha/reports/reports-home.pl">Reports</a> › <a href="/cgi-bin/koha/reports/guided_reports.pl">Guided reports wizard</a>
-[% IF ( new_dictionary ) %] › <a href="/cgi-bin/koha/reports/dictionary.pl">Dictionary</a> › <strong>Name the new definition</strong>
-[% ELSIF ( step_2 ) %] › <a href="/cgi-bin/koha/reports/dictionary.pl">Dictionary</a> › <strong>Step 2: Choose the area </strong>
-[% ELSIF ( step_3 ) %] › <a href="/cgi-bin/koha/reports/dictionary.pl">Dictionary</a> › <strong>Step 3: Choose columns </strong>
-[% ELSIF ( step_4 ) %] › <a href="/cgi-bin/koha/reports/dictionary.pl">Dictionary</a> › <strong>Step 4: Specify a value </strong>
-[% ELSIF ( step_5 ) %] › <a href="/cgi-bin/koha/reports/dictionary.pl">Dictionary</a> › <strong>Step 5: Confirm definition</strong>
-[% ELSE %]<strong> Dictionary </strong>[% END %]</div>
+[%- BLOCK area_name -%]
+ [%- SWITCH area -%]
+ [%- CASE 'CIRC' -%]Circulation
+ [%- CASE 'CAT' -%]Catalog
+ [%- CASE 'PAT' -%]Patrons
+ [%- CASE 'ACQ' -%]Acquisitions
+ [%- CASE 'ACC' -%]Accounts
+ [%- CASE 'SER' -%]Serials
+ [%- END -%]
+[%- END -%]
+
+<nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
+ <ol>
+ <li>
+ <a href="/cgi-bin/koha/mainpage.pl">Home</a>
+ </li>
+ <li>
+ <a href="/cgi-bin/koha/reports/reports-home.pl">Reports</a>
+ </li>
+ <li>
+ <a href="/cgi-bin/koha/reports/guided_reports.pl">Guided reports wizard</a>
+ </li>
+
+ [% IF ( new_dictionary ) %]
+ <li>
+ <a href="/cgi-bin/koha/reports/dictionary.pl">Dictionary</a>
+ </li>
+ <li>
+ <a href="#" aria-current="page">
+ Name the new definition
+ </a>
+ </li>
+
+ [% ELSIF ( step_2 ) %]
+ <li>
+ <a href="/cgi-bin/koha/reports/dictionary.pl">Dictionary</a>
+ </li>
+ <li>
+ <a href="#" aria-current="page">
+ Step 2: Choose the area
+ </a>
+ </li>
+
+ [% ELSIF ( step_3 ) %]
+ <li>
+ <a href="/cgi-bin/koha/reports/dictionary.pl">Dictionary</a>
+ </li>
+ <li>
+ <a href="#" aria-current="page">
+ Step 3: Choose a column
+ </a>
+ </li>
+
+ [% ELSIF ( step_4 ) %]
+ <li>
+ <a href="/cgi-bin/koha/reports/dictionary.pl">Dictionary</a>
+ </li>
+ <li>
+ <a href="#" aria-current="page">
+ Step 4: Specify a value
+ </a>
+ </li>
+
+ [% ELSIF ( step_5 ) %]
+ <li>
+ <a href="/cgi-bin/koha/reports/dictionary.pl">Dictionary</a>
+ </li>
+ <li>
+ <a href="#" aria-current="page">
+ Step 5: Confirm definition
+ </a>
+ </li>
+
+ [% ELSE %]
+ <li>
+ <a href="#" aria-current="page">
+ Dictionary
+ </a>
+ </li>
+ [% END %]
+ </ol>
+</nav>