diff --git a/local/languages/de.ini b/local/languages/de.ini index 9ca0cb8c1efa3df256b446d089177e44e490c83a..8dcdc1821bdf3569cb6114b33980293dfe086293 100644 --- a/local/languages/de.ini +++ b/local/languages/de.ini @@ -2109,6 +2109,7 @@ Additional Titles = "Weitere Titel" ; Aria labels for <nav> and other containers main_navigation = "Hauptnavigation" aria_search_header = "Bedienelemente zur Steuerung der Ansicht" +bulk_action_navigation = "Suchergebnisse weiterverarbeiten" ; 22240 No linguistic content = "Nichtsprachlicher Inhalt" @@ -2125,4 +2126,6 @@ holds_available_tooltip = "Abholbereit" holds_in_transit_tooltip = "Unterwegs zum Abholort" storageretrievalrequest_available_tooltip = "Abholbereit" storageretrievalrequest_in_transit_tooltip = "Unterwegs zum Abholort" -mediareadtopickup_tooltip = "Abholbereit" \ No newline at end of file +mediareadtopickup_tooltip = "Abholbereit" + +MyAccountSidebar = "Seitenleiste mit Kontomenü" \ No newline at end of file diff --git a/local/languages/en.ini b/local/languages/en.ini index 63e7bbbb1dc6db953c4f5e82f44eccf6f80cb66a..0f683fb5e7724fbffe66fdd9a4a06dc6e5c39b13 100644 --- a/local/languages/en.ini +++ b/local/languages/en.ini @@ -2192,8 +2192,9 @@ load_tab_content_hint = "Click to load tab content." Additional Titles = "Additional Titles" ; Aria labels for <nav> and other containers -main_navigation = "Hauptnavigation" +main_navigation = "Main navigation" aria_search_header = "List view controls" +bulk_action_navigation = "Process search results" ; 22240 No linguistic content = "No linguistic content" @@ -2211,4 +2212,6 @@ holds_available_tooltip = "Available for Pickup" holds_in_transit_tooltip = "In Transit to Pickup Location" storageretrievalrequest_available_tooltip = "Available for Pickup" storageretrievalrequest_in_transit_tooltip = "In Transit to Pickup Location" -mediareadtopickup_tooltip = "Available for Pickup" \ No newline at end of file +mediareadtopickup_tooltip = "Available for Pickup" + +MyAccountSidebar = "Sidebar with My Account menu" \ No newline at end of file diff --git a/themes/finc/scss/_customVariables.scss b/themes/finc/scss/_customVariables.scss index 273f4618426296cff709ca15339682c9200136c0..90ffc2c4f9d767668bde61d12cd715634c6f4269 100644 --- a/themes/finc/scss/_customVariables.scss +++ b/themes/finc/scss/_customVariables.scss @@ -1153,7 +1153,7 @@ $sidebar-facet-active-background-color: $brand-warning !default; $sidebar-facet-active-color: $black !default; $sidebar-facet-active-hover-color: $btn-primary-color !default; $sidebar-facet-active-text-inside-padding-left: 1.25em !default; -$sidebar-facet-active-text-inside-padding-left-sm: 1.0em !default; +$sidebar-facet-active-text-inside-padding-left-sm: 1em !default; $sidebar-or-facet-text-indent: -3px !default; $sidebar-facet-my-account-padding: 0 !default; $sidebar-facet-my-account-link-width: 100% !default; @@ -1165,6 +1165,11 @@ $sidebar-facet-title-padding: 0 !default; $sidebar-facet-title-background-color: $brand-secondary !default; $sidebar-facet-title-background-color-focus-hover: $button-title-hover-bg !default; +// '.badge' in My Account requires a different right and top-padding from standard badges as in facets +$sidebar-my-account-lists-badge-right-padding: 0 !default; +$sidebar-my-account-lists-badge-top-padding: 0 !default; + + $sidebar-my-account-danger-success-warning-background: transparent !default; $sidebar-my-account-danger-success-warning-padding: 0 !default; diff --git a/themes/finc/scss/components/_sidebar.scss b/themes/finc/scss/components/_sidebar.scss index 7e63987a9dbf589b693c313671c290c64cd306e0..9be76eeff5dab7e86aa7a6237d1b106305b76c8e 100644 --- a/themes/finc/scss/components/_sidebar.scss +++ b/themes/finc/scss/components/_sidebar.scss @@ -128,6 +128,7 @@ padding: $sidebar-item-padding; } + // Focus and hover behaviour for facet titles .title { background-color: $sidebar-facet-title-background-color; @@ -299,6 +300,14 @@ } + &.lists { + // add exception for Favorites badges in My Account; + // based on the other badges such as '.ok', '.overdue' etc. they are styled as '.badge.lists' + padding-right: $sidebar-my-account-lists-badge-right-padding; + padding-top: $sidebar-my-account-lists-badge-top-padding; + } + + // light color on dark, when active (Facets + My Account) - we need the parent for specificity .facet.active > &, .sidebar a.active > & { diff --git a/themes/finc/templates/RecordDriver/DefaultRecord/list-entry.phtml b/themes/finc/templates/RecordDriver/DefaultRecord/list-entry.phtml index a408c7ff4d7b3285f3a9b5e03a847e9bdbbf7bb1..d4411701ac81ba2d1774289077f0a5e8ed4325f2 100644 --- a/themes/finc/templates/RecordDriver/DefaultRecord/list-entry.phtml +++ b/themes/finc/templates/RecordDriver/DefaultRecord/list-entry.phtml @@ -238,8 +238,9 @@ aria-label="<?=$this->transEscAttr('Delete').': '.$this->record($this->driver)->getTitleHtml()?>"> <?=$this->transEsc('Delete') ?> </a> + <?php /* finc: remove role="none" of li-elements */ ?> <ul class="dropdown-menu" role="menu" aria-labelledby="<?= $dLabel ?>"> - <li role="none"> + <li> <?php /* #17711 give user feedback and dont reload page after deleting */ ?> <a role="menuitem" href="javascript:document.getElementById('<?=$dLabel?>').focus();" title="<?= $this->transEscAttr('confirm_delete_brief') ?>" onClick=" let next = $(this).closest('.result.ajaxItem').next('.result.ajaxItem').find('.del-button'); @@ -269,7 +270,7 @@ <?=$this->transEsc('confirm_dialog_yes')?> </a> </li> - <li role="none"> + <li> <a role="menuitem" href="javascript:document.getElementById('<?=$dLabel?>').focus();"><?=$this->transEsc('confirm_dialog_no')?></a> </li> </ul> diff --git a/themes/finc/templates/RecordDriver/DefaultRecord/toolbar.phtml b/themes/finc/templates/RecordDriver/DefaultRecord/toolbar.phtml index 9e243714b8a9b1554478304bc72d8c479479da51..5a4520f3236359115a3130cf4fe2ec2145654be2 100644 --- a/themes/finc/templates/RecordDriver/DefaultRecord/toolbar.phtml +++ b/themes/finc/templates/RecordDriver/DefaultRecord/toolbar.phtml @@ -14,7 +14,7 @@ <?php /* finc adds toggler-off button, CK */ ?> <button class="close-offcanvas btn btn-primary" data-toggle="offcanvas"><?= $this->transEsc('navigate_back') ?></button> <?php /* finc: we use nav-stacked for display in sidebar, CK */ - /* should we remove role="none" in li-elements?? */ + /* finc: remove role="none" of li-elements */ ?> <ul class="nav nav-pills nav-stacked hidden-print"> <?php if (count($this->driver->getCitationFormats()) > 0): ?> @@ -34,18 +34,18 @@ <?php endif; ?> <?php /* finc: we don't use sms, CK <?php if ($this->accountCapabilities()->getSmsSetting() !== 'disabled'): ?> - <li role="none"><a class="sms-record" data-lightbox href="<?=$this->recordLink()->getActionUrl($this->driver, 'SMS')?>" rel="nofollow"><i class="fa fa-mobile" aria-hidden="true"></i> <?=$this->transEsc('Text this')?></a></li> + <li><a class="sms-record" data-lightbox href="<?=$this->recordLink()->getActionUrl($this->driver, 'SMS')?>" rel="nofollow"><i class="fa fa-mobile" aria-hidden="true"></i> <?=$this->transEsc('Text this')?></a></li> <?php endif; ?> */ ?> - <li role="none"><a class="mail-record" data-lightbox href="<?=$this->recordLink()->getActionUrl($this->driver, 'Email')?>" rel="nofollow"><i class="fa fa-envelope" aria-hidden="true"></i> <?=$this->transEsc('Email this')?></a></li> + <li><a class="mail-record" data-lightbox href="<?=$this->recordLink()->getActionUrl($this->driver, 'Email')?>" rel="nofollow"><i class="fa fa-envelope" aria-hidden="true"></i> <?=$this->transEsc('Email this')?></a></li> <?php $exportFormats = $this->export()->getFormatsForRecord($this->driver); ?> <?php if(count($exportFormats) > 0): ?> - <li role="none" class="dropdown"> + <li class="dropdown"> <?php /* finc: remove classname toolbar-btn */ ?> <a class="export-toggle btn-type-export dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" href="<?=$this->recordLink()->getActionUrl($this->driver, 'Export')?>" rel="nofollow" aria-expanded="false" aria-controls="export-options"><?=$this->transEsc('Export Record') ?></a> <ul class="dropdown-menu" id="export-options" role="menu"> <?php foreach ($exportFormats as $exportFormat): ?> - <li role="none"> + <li> <a <?php if ($this->export()->needsRedirect($exportFormat)): ?>target="<?=$this->escapeHtmlAttr($exportFormat)?>Main" <?php endif; ?>href="<?=$this->recordLink()->getActionUrl($this->driver, 'Export')?>?style=<?=$this->escapeHtmlAttr($exportFormat)?>" rel="nofollow" role="menuitem"> <?=$this->transEsc('Export to')?> <?=$this->transEsc($this->export()->getLabelForFormat($exportFormat))?> </a> @@ -58,7 +58,7 @@ <?php if ($this->userlist()->getMode() !== 'disabled'): ?> <?php /* finc: we use title=... in link below, CK */ ?> <?php /* finc: title was set in #14450 and removed in #15055 */ ?> - <li role="none"> + <li> <?php if ($this->permission()->allowDisplay('feature.Favorites')): ?> <?php /* finc: remove classname toolbar-btn */ ?> <a class="save-record btn-type-save" data-lightbox href="<?=$this->recordLink()->getActionUrl($this->driver, 'Save')?>" rel="nofollow"><?=$this->transEsc('Add to favorites')?></a> @@ -68,10 +68,10 @@ </li> <?php endif; ?> <?php if (!empty($addThis)): ?> - <li role="none"><a class="addThis addthis_button" href="https://www.addthis.com/bookmark.php?v=250&pub=<?=urlencode($addThis)?>"><i class="fa fa-bookmark" aria-hidden="true"></i> <?=$this->transEsc('Bookmark')?></a></li> + <li><a class="addThis addthis_button" href="https://www.addthis.com/bookmark.php?v=250&pub=<?=urlencode($addThis)?>"><i class="fa fa-bookmark" aria-hidden="true"></i> <?=$this->transEsc('Bookmark')?></a></li> <?php endif; ?> <?php /* finc adds bookbag feature */ ?> - <li role="none" class="bookbag-menu"> + <li class="bookbag-menu"> <?=$this->render('record/cart-buttons.phtml', ['id' => $this->driver->getUniqueId(), 'source' => $this->driver->getSourceIdentifier()]); ?> </li> </ul> diff --git a/themes/finc/templates/RecordTab/collectionlist.phtml b/themes/finc/templates/RecordTab/collectionlist.phtml index 1dd57ee765945497e59566d21e8246b1a577258a..b44ba7c72df25decde5f1f7402a69fc8d8f36375 100644 --- a/themes/finc/templates/RecordTab/collectionlist.phtml +++ b/themes/finc/templates/RecordTab/collectionlist.phtml @@ -110,8 +110,8 @@ </div> </div> -<?php /* finc: keep '.bottom' to differentiate top and bottom sidebars, CK */ ?> -<div class="bottom <?=$this->layoutClass('sidebar')?>"> +<?php /* finc: keep '.bottom' to differentiate top and bottom sidebars, CK; use section for sidebar #23430 */ ?> +<section class="bottom <?=$this->layoutClass('sidebar')?>"> <?php /* finc: we use search in sidebar, not in mainbody above, CK */ ?> <h2><?=$this->transEsc('Search Collection Items')?></h2> <form class="form-inline" role="form" method="get" name="keywordFilterForm" id="keywordFilterForm"> @@ -135,5 +135,5 @@ <?php foreach ($results->getRecommendations('side') as $current): ?> <?=$this->recommend($current)?> <?php endforeach; ?> -</div> +</section> <!-- finc: RecordTab - collectionlist - END --> \ No newline at end of file diff --git a/themes/finc/templates/Related/Similar.phtml b/themes/finc/templates/Related/Similar.phtml new file mode 100644 index 0000000000000000000000000000000000000000..b29eed732556559faecc7017df69da8804c803f3 --- /dev/null +++ b/themes/finc/templates/Related/Similar.phtml @@ -0,0 +1,43 @@ +<!-- finc - Related - Similar --> +<?php +/** +* origin: vufind/BS3 +* called by view helper/controller: + - record/view.phtml calls this page +* usage: + - renders similar items in special section of record view sidebar + - switch this on in config.ini like so: + WorldCatSimilar - Similarity based on WorldCat lookup + related[] = "Similar" +* modified for finc: + - Adds <aside> for wrapping related items display +* configured in: {} +*/ +?> + +<aside> + <h2><?=$this->transEsc('Similar Items')?></h2> + <?php $similarRecords = $this->related->getResults(); ?> + <?php if (!empty($similarRecords)): ?> + <ul class="list-group"> + <?php foreach ($similarRecords as $data): ?> + <li class="list-group-item"> + <?php $formats = $data->getFormats(); ?> + <i class="fa fa-x<?php if (count($formats) > 0): ?> fa-<?=preg_replace('/[^a-z0-9]/', '', strtolower($formats[0]))?>" title="<?=$formats[0] ?><?php endif; ?>"></i> + <a href="<?=$this->recordLink()->getUrl($data)?>"> + <?=$this->escapeHtml($data->getTitle())?> + </a> + <?php $authors = $data->getPrimaryAuthors(); if (!empty($authors)): ?> + <br/><?=$this->transEsc('by')?>: <?=$this->escapeHtml($authors[0]);?><?php if (count($authors) > 1): ?>, <?=$this->transEsc('more_authors_abbrev')?><?php endif; ?> + <?php endif; ?> + <?php $pubDates = $data->getPublicationDates(); if (!empty($pubDates)): ?> + <br/><?=$this->transEsc('Published')?>: (<?=$this->escapeHtml($pubDates[0])?>) + <?php endif; ?> + </li> + <?php endforeach; ?> + </ul> + <?php else: ?> + <p><?=$this->transEsc('Cannot find similar records')?></p> + <?php endif; ?> +</aside> +<!-- finc - Related - Similar -- END --> \ No newline at end of file diff --git a/themes/finc/templates/cart/cart.phtml b/themes/finc/templates/cart/cart.phtml index 6bff5ff8b406389c5f0fb1f90f7aaa1d2751c0cf..4e6cc6dce331ebd001abe4e93cf83eee4df51284 100644 --- a/themes/finc/templates/cart/cart.phtml +++ b/themes/finc/templates/cart/cart.phtml @@ -41,11 +41,12 @@ <button type="submit" name="delete" class="toolbar-btn btn-type-delete dropdown-toggle" data-toggle="dropdown" id="cart-delete-label" value="1"> <?=$this->transEsc('Delete')?> </button> + <?php /* finc: remove role="none" of li-elements */ ?> <ul class="dropdown-menu" role="menu" aria-labelledby="cart-delete-label"> - <li role="none"> + <li> <a href="javascript:" id="cart-confirm-delete" title="<?=$this->transEscAttr('confirm_delete')?>" role="menuitem"><?=$this->transEscAttr('confirm_dialog_yes')?></a> </li> - <li role="none"> + <li> <a role="menuitem"><?=$this->transEsc('confirm_dialog_no')?></a> </li> </ul> @@ -55,10 +56,10 @@ <?=$this->transEsc('Empty Book Bag')?> </button> <ul class="dropdown-menu" role="menu" aria-labelledby="cart-empty-label"> - <li role="none"> + <li> <a href="javascript:" id="cart-confirm-empty" title="<?=$this->transEscAttr('bookbag_confirm_empty')?>" role="menuitem"><?=$this->transEsc('confirm_dialog_yes')?></a> </li> - <li role="none"> + <li> <a id="cart-refuse-empty" role="menuitem"><?=$this->transEsc('confirm_dialog_no')?></a> </li> </ul> diff --git a/themes/finc/templates/collection/view.phtml b/themes/finc/templates/collection/view.phtml index f0f23b7510115fb3f193e81bff551a19720ca977..e0837a046e77f1b17273b27b194e0e9c3b220dc4 100644 --- a/themes/finc/templates/collection/view.phtml +++ b/themes/finc/templates/collection/view.phtml @@ -1,4 +1,20 @@ <!-- finc: collection - view --> +<?php +/** + * origin: vufind/BS3 + * called by view helper/controller: + * usage: + - renders collection record view + + * modified for finc: + - removes first sidebar call + - removes sidebar count + - swaps deprecated 'name=' for 'id=' + - adds aria code for better accessibility + - adds <nav> wrapper for sidebar + * configured in: {} + */ +?> <?php // Set up standard record scripts: $this->headScript()->appendFile("record.js"); @@ -53,10 +69,10 @@ </div> </div> -<?php /* finc: pull the first toolbar for top area here; add id for accessibility */ ?> -<div id="myresearch-sidebar" class="<?= $this->layoutClass('sidebar') ?>" id="myresearch-sidebar"> +<?php /* finc: pull the first toolbar for top area here; add id for accessibility; use nav for sidebar #23430 */ ?> +<nav class="<?= $this->layoutClass('sidebar') ?>" id="myresearch-sidebar" role="search" aria-label="<?= $this->transEscAttr('sidebar_expand_collections') ?>"> <?= $this->record($this->driver)->getToolbar() ?> -</div> +</nav> <?php /* finc: NO initiate break between top and bottom here #22956 */ ?> diff --git a/themes/finc/templates/librarycards/home.phtml b/themes/finc/templates/librarycards/home.phtml index 8d5cd5b3d038ad97545dd74ecde931d154de1811..8e91d9cd0348a4fdc1b5b45043445931e59486b8 100644 --- a/themes/finc/templates/librarycards/home.phtml +++ b/themes/finc/templates/librarycards/home.phtml @@ -62,8 +62,8 @@ </div> </div> - <?php /* finc adds id 'myresearch-sidebar' */ ?> -<div class="<?=$this->layoutClass('sidebar')?>" id="myresearch-sidebar"> +<?php /* finc adds id 'myresearch-sidebar'; use section for sidebar #23430 */ ?> +<section class="<?=$this->layoutClass('sidebar')?>" id="myresearch-sidebar" aria-label="<?=$this->transEsc('MyAccountSidebar') ?>"> <?=$this->context($this)->renderInContext("myresearch/menu.phtml", ['active' => 'librarycards'])?> -</div> +</section> <!-- finc: librarycards - home - END --> diff --git a/themes/finc/templates/myresearch/acquisition.phtml b/themes/finc/templates/myresearch/acquisition.phtml index 12941f10fabe5f36ec0e2574908cb1d74d38408a..86941eaa7c63039652ece088ff5055feb631a3aa 100644 --- a/themes/finc/templates/myresearch/acquisition.phtml +++ b/themes/finc/templates/myresearch/acquisition.phtml @@ -48,8 +48,9 @@ $this->layout()->breadcrumbs = '<li><a href="' . $this->url('myresearch-home') . </div> </form> </div> -<div class="<?= $this->layoutClass('sidebar') ?>" id="myresearch-sidebar"> +<?php /* finc: use section for sidebar #23430 */ ?> +<section class="<?=$this->layoutClass('sidebar')?>" id="myresearch-sidebar" aria-label="<?=$this->transEsc('MyAccountSidebar') ?>"> <?= $this->context($this)->renderInContext("myresearch/menu.phtml", ['active' => 'profile']) ?> -</div> +</section> <!-- finc: myresearch - acquisition - END --> diff --git a/themes/finc/templates/myresearch/checkedout.phtml b/themes/finc/templates/myresearch/checkedout.phtml index bddc6202efb3129a7039bcf4f5c976b65ca77dee..069ad8189438a5d733928c5d69dc9547ae9d3832 100644 --- a/themes/finc/templates/myresearch/checkedout.phtml +++ b/themes/finc/templates/myresearch/checkedout.phtml @@ -223,7 +223,8 @@ <?php endif; ?> </div> -<div class="<?=$this->layoutClass('sidebar')?>" id="myresearch-sidebar"> +<?php /* finc: use section for sidebar #23430 */ ?> +<section class="<?=$this->layoutClass('sidebar')?>" id="myresearch-sidebar" aria-label="<?=$this->transEsc('MyAccountSidebar') ?>"> <?=$this->context($this)->renderInContext("myresearch/menu.phtml", ['active' => 'checkedout'])?> -</div> +</section> <!-- finc: myresearch - checkedout - END --> diff --git a/themes/finc/templates/myresearch/editlist.phtml b/themes/finc/templates/myresearch/editlist.phtml index 50ec22fbb7fd52ea384b2e2334d5a1d40d68215e..d9b9bab6cb3388bbd8393f79b12480790c72ccb1 100644 --- a/themes/finc/templates/myresearch/editlist.phtml +++ b/themes/finc/templates/myresearch/editlist.phtml @@ -72,8 +72,9 @@ <?php /* finc: show menu for new edit list in account, #19722 */ ?> <?php if ($this->auth()->isLoggedIn() && $this->layout()->getTemplate() !== 'layout/lightbox') :?> </div> - <div class="<?=$this->layoutClass('sidebar')?>" id="myresearch-sidebar"> + <?php /* finc: use section for sidebar #23430 */ ?> + <section class="<?=$this->layoutClass('sidebar')?>" id="myresearch-sidebar" aria-label="<?=$this->transEsc('MyAccountSidebar') ?>"> <?=$this->context($this)->renderInContext("myresearch/menu.phtml", ['active' => 'editlist/NEW'])?> - </div> + </section> <?php endif; ?> <!-- finc - templates - myresearch - editlist - END --> diff --git a/themes/finc/templates/myresearch/fines.phtml b/themes/finc/templates/myresearch/fines.phtml index 09ba8a84b334101f7fec0c2c8ca2537a7dcd9ea1..fea2e9cd97eed3094c3fa1f063d43e9e4dcd49d6 100644 --- a/themes/finc/templates/myresearch/fines.phtml +++ b/themes/finc/templates/myresearch/fines.phtml @@ -90,9 +90,10 @@ <?php endif; ?> </div> -<div class="<?=$this->layoutClass('sidebar')?>" id="myresearch-sidebar"> +<?php /* finc: use section for sidebar #23430 */ ?> +<section class="<?=$this->layoutClass('sidebar')?>" id="myresearch-sidebar" aria-label="<?=$this->transEsc('MyAccountSidebar') ?>"> <?=$this->context($this)->renderInContext("myresearch/menu.phtml", ['active' => 'fines'])?> -</div> +</section> <?=$this->render('myresearch/notify-account-status.phtml', ['method' => 'fines', 'accountStatus' => $this->accountStatus]); ?> <!-- finc: myresearch - fines - END --> diff --git a/themes/finc/templates/myresearch/historicloans.phtml b/themes/finc/templates/myresearch/historicloans.phtml index 259aa9e113d8cff1e815ba82225f66d65d6207ad..429f75fb712fb8a4a72cf0c1074f38a4ff09a80e 100644 --- a/themes/finc/templates/myresearch/historicloans.phtml +++ b/themes/finc/templates/myresearch/historicloans.phtml @@ -140,7 +140,8 @@ <?php endif; ?> </div> -<div class="<?=$this->layoutClass('sidebar')?>" id="myresearch-sidebar"> +<?php /* finc: use section for sidebar #23430 */ ?> +<section class="<?=$this->layoutClass('sidebar')?>" id="myresearch-sidebar" aria-label="<?=$this->transEsc('MyAccountSidebar') ?>"> <?=$this->context($this)->renderInContext("myresearch/menu.phtml", ['active' => 'historicloans'])?> -</div> +</section> <!-- finc: myresearch - historicloans - END --> diff --git a/themes/finc/templates/myresearch/holds.phtml b/themes/finc/templates/myresearch/holds.phtml index 8a1f37f42b6f06f1d579f6f582caa92d63e83234..0b1dacb5b5425697a84816b5e14f2c57beb6b6ce 100644 --- a/themes/finc/templates/myresearch/holds.phtml +++ b/themes/finc/templates/myresearch/holds.phtml @@ -198,9 +198,10 @@ <?php endif; ?> </div> -<div class="<?=$this->layoutClass('sidebar')?>" id="myresearch-sidebar"> +<?php /* finc: use section for sidebar #23430 */ ?> +<section class="<?=$this->layoutClass('sidebar')?>" id="myresearch-sidebar" aria-label="<?=$this->transEsc('MyAccountSidebar') ?>"> <?=$this->context($this)->renderInContext("myresearch/menu.phtml", ['active' => 'holds'])?> -</div> +</section> <?=$this->render('myresearch/notify-account-status.phtml', ['method' => 'holds', 'accountStatus' => $this->accountStatus]); ?> <!-- finc: myresearch - holds - END --> diff --git a/themes/finc/templates/myresearch/illrequests.phtml b/themes/finc/templates/myresearch/illrequests.phtml index 79a1e8e0f511d26b522df518ef1d41bd2ec4ae2b..6b9d774e707360abdf84274d0c061004834dbcbb 100644 --- a/themes/finc/templates/myresearch/illrequests.phtml +++ b/themes/finc/templates/myresearch/illrequests.phtml @@ -190,9 +190,10 @@ <?php endif; ?> </div> -<div class="<?=$this->layoutClass('sidebar')?>" id="myresearch-sidebar"> +<?php /* finc: use section for sidebar #23430 */ ?> +<section class="<?=$this->layoutClass('sidebar')?>" id="myresearch-sidebar" aria-label="<?=$this->transEsc('MyAccountSidebar') ?>"> <?=$this->context($this)->renderInContext("myresearch/menu.phtml", ['active' => 'ILLRequests'])?> -</div> +</section> <?=$this->render('myresearch/notify-account-status.phtml', ['method' => 'illRequests', 'accountStatus' => $this->accountStatus]); ?> <!-- finc: myresearch - illrequests - END --> diff --git a/themes/finc/templates/myresearch/menu.phtml b/themes/finc/templates/myresearch/menu.phtml index cfceac85da32de677e223183245cbe3b55c6d7b1..61c200899483341911730600bc685f849f08827b 100644 --- a/themes/finc/templates/myresearch/menu.phtml +++ b/themes/finc/templates/myresearch/menu.phtml @@ -2,12 +2,19 @@ <?php /** - * origin: finc + * origin: VuFind/Bootstrap3 * * called by view helper/controller: MyResearchController * * usage: - ** renders side menu of profile/myreasearch menu + * renders side menu of profile/myresearch menu + + * modified for finc: + * adds list styles to menus and wraps them in '<nav>' container + * adds '.lists' class to favorites badges for correct styling + * adds aria helpers + * adds 'media ready to pickup' menu item + * adds 'preferences' menu with items 'profile', 'change password', 'change pin' and 'logout' * * configured in: -- */ @@ -34,9 +41,10 @@ <?php /* finc needs to add .facet-group class and classes on sub items for borders - CK */ /* also adds aria-current for correct menu action */ ?> <?php /* finc needs to add .facet-group class and classes on sub items for borders - CK */ ?> -<?php /* finc: myreasearch menu as list #19734 */ ?> +<?php /* finc: myresearch menu as list #19734 and wraps it in '<nav>' container, CK */ ?> <?php /* finc: specify current page menu entry in following elements #19941 */ ?> -<ul class="myresearch-menu account-menu facet-group"> +<nav class="myresearch-menu"> + <ul class="account-menu facet-group"> <?php if ($ilsOnline && $this->ils()->checkCapability('getMyTransactions', $capabilityParams)): ?> <li class="facet"> <a href="<?=$this->url('myresearch-checkedout')?>" class="flex checkedout<?=$this->active == 'checkedout' ? ' active' : ''?>" @@ -135,18 +143,20 @@ </a> </li> <?php endif; ?> -</ul> + </ul> +</nav> -<?php /* finc: adds prefences sub menu with items "profile", "change password", "change pin" and "logout" */ ?> +<?php /* finc: adds preferences sub menu with items "profile", "change password", "change pin" and "logout" */ ?> <?php if ($this->auth()->isLoggedIn()): ?> <h3><?=$this->transEsc('Preferences')?></h3> - <ul class="myresearch-menu account-menu facet-group"> - <li class="facet"> - <a href="<?=$this->url('myresearch-profile')?>"<?=$this->active == 'profile' ? ' class="active" aria-current="page"' : ''?>> - <i class="fa fa-fw fa-user" aria-hidden="true"></i> + <nav class="myresearch-menu"> + <ul class="account-menu facet-group"> + <li class="facet"> + <a href="<?=$this->url('myresearch-profile')?>"<?=$this->active == 'profile' ? ' class="active" aria-current="page"' : ''?>> + <i class="fa fa-fw fa-user" aria-hidden="true"></i> <?=$this->transEsc('Profile')?> - </a> - </li> + </a> + </li> <?php if ($this->auth()->getManager()->supportsPasswordChange() && $routeExists('myresearch-changepassword')): ?> <li class="facet"> <a href="<?=$this->url('myresearch-changepassword')?>" class="text<?=$this->active == 'newpassword' ? ' active' : ''?>"> @@ -163,21 +173,23 @@ </a> </li> <?php endif; ?> - <li class="facet"> - <a href="<?=$this->url('myresearch-logout')?>" class="text action"> - <i class="fa fa-fw fa-sign-out" aria-hidden="true"></i> - <?=$this->transEsc("Log Out")?> - </a> - </li> - </ul> + <li class="facet"> + <a href="<?=$this->url('myresearch-logout')?>" class="text action"> + <i class="fa fa-fw fa-sign-out" aria-hidden="true"></i> + <?=$this->transEsc("Log Out")?> + </a> + </li> + </ul> + </nav> <?php endif; ?> <?php if ($user && $this->userlist()->getMode() !== 'disabled'): ?> <?php /* finc adds '.lists-heading' for styling purposes */ ?> <h3 class="list-heading"><?=$this->transEsc('Your Lists')?></h3> <?php /* finc: change menu into list */ ?> - <ul class="myresearch-menu facet-group"> - <li class="facet"> + <nav class="myresearch-menu"> + <ul class="facet-group"> + <li class="facet"> <?php /* finc adds aria-current */ ?> <a href="<?=$this->url('myresearch-favorites')?>"<?=$this->active == 'favorites' ? ' class="active"' : ''?> <?=$this->active == 'favorites' ? ' aria-current="page"' : ''?> @@ -192,17 +204,17 @@ <?=$this->active == 'list' . $list['id'] ? ' aria-current="page"' : ''?> > <?=$this->escapeHtml($list['title'])?> - <span class="badge"><?=$list->cnt ?></span> + <?php /* adds '.lists' class to favorites badges for correct styling */ ?> + <span class="badge lists"><?=$list->cnt ?></span> </a> </li> <?php endforeach; ?> - <li class="facet"> - <a href="<?=$this->url('editList', ['id' => 'NEW'])?>" - <?=$this->active == 'editlist/NEW' ? ' aria-current="page"' : ''?> - > - <i class="fa fa-fw fa-plus" aria-hidden="true"></i> <?=$this->transEsc('Create a List') ?> - </a> - </li> - </ul> + <li class="facet"> + <a href="<?=$this->url('editList', ['id' => 'NEW'])?>" <?=$this->active == 'editlist/NEW' ? ' aria-current="page"' : ''?>> + <i class="fa fa-fw fa-plus" aria-hidden="true"></i> <?=$this->transEsc('Create a List') ?> + </a> + </li> + </ul> + </nav> <?php endif ?> -<!-- finc: myresearch - menu - END --> \ No newline at end of file +<!-- finc: myresearch - menu - END --> diff --git a/themes/finc/templates/myresearch/mylist.phtml b/themes/finc/templates/myresearch/mylist.phtml index df58466c73ce8ec1c33fc6439f131a4f5a0991f1..a110bd9f1755106eec1f5132457b96ea469b2fa0 100644 --- a/themes/finc/templates/myresearch/mylist.phtml +++ b/themes/finc/templates/myresearch/mylist.phtml @@ -95,7 +95,8 @@ <?php endif; ?> </div> -<div class="<?=$this->layoutClass('sidebar')?>" id="myresearch-sidebar"> +<?php /* finc: use section for sidebar #23430 */ ?> +<section class="<?=$this->layoutClass('sidebar')?>" id="myresearch-sidebar" aria-label="<?=$this->transEsc('MyAccountSidebar') ?>"> <?php /* nxt-line and related endif are finc-specific #12053, CK*/ ?> <?php if ($user): ?> <?=$this->context($this)->renderInContext("myresearch/menu.phtml", ['active' => isset($list) ? 'list' . $list['id'] : 'favorites'])?> @@ -104,5 +105,5 @@ <?php /* finc adds br-element #16050 */ ?> <br/><?=$this->recommend($current)?> <?php endforeach; ?> -</div> +</section> <!-- finc: myresearch - mylist - END --> diff --git a/themes/finc/templates/myresearch/newpassword.phtml b/themes/finc/templates/myresearch/newpassword.phtml index b54a73883de08aae21ea26fa6652d86cc88abaf0..b8e67a07fdbcba302001430b2a2c002ba8846d4a 100644 --- a/themes/finc/templates/myresearch/newpassword.phtml +++ b/themes/finc/templates/myresearch/newpassword.phtml @@ -39,9 +39,9 @@ <?php if ($this->auth()->isLoggedIn()): ?> </div> - <?php /* finc adds id to sidebar */ ?> - <div class="<?=$this->layoutClass('sidebar')?>" id="myresearch-sidebar"> + <?php /* finc adds id to sidebar; use section for sidebar #23430 */ ?> + <section class="<?=$this->layoutClass('sidebar')?>" id="myresearch-sidebar" aria-label="<?=$this->transEsc('MyAccountSidebar') ?>"> <?=$this->context($this)->renderInContext("myresearch/menu.phtml", ['active' => 'newpassword'])?> - </div> + </section> <?php endif; ?> <!-- finc - templates - myresearch - newpassword - END --> diff --git a/themes/finc/templates/myresearch/profile.phtml b/themes/finc/templates/myresearch/profile.phtml index 1ed8eeb96ae529398fb453501c95d8a259bb055a..820c8547f45e3cc8407ceef5e76ac7118e4fe993 100644 --- a/themes/finc/templates/myresearch/profile.phtml +++ b/themes/finc/templates/myresearch/profile.phtml @@ -60,7 +60,8 @@ <?php endif; ?> </div> -<div class="<?=$this->layoutClass('sidebar')?>" id="myresearch-sidebar"> +<?php /* finc: use section for sidebar #23430 */ ?> +<section class="<?=$this->layoutClass('sidebar')?>" id="myresearch-sidebar" aria-label="<?=$this->transEsc('MyAccountSidebar') ?>"> <?=$this->context($this)->renderInContext("myresearch/menu.phtml", ['active' => 'profile'])?> -</div> +</section> <!-- finc: myresearch - profile - END --> diff --git a/themes/finc/templates/myresearch/setpin.phtml b/themes/finc/templates/myresearch/setpin.phtml index af4506605434308ffeddaa6c857aef4a813bcfc5..4411a0f03896051930692ed098365d962d48dc1c 100644 --- a/themes/finc/templates/myresearch/setpin.phtml +++ b/themes/finc/templates/myresearch/setpin.phtml @@ -58,8 +58,9 @@ $this->layout()->breadcrumbs = '<li><a href="' . $this->url('myresearch-home') . <?php if ($this->auth()->isLoggedIn()): ?> </div> - <div class="<?=$this->layoutClass('sidebar')?>"> + <?php /* finc: use section for sidebar #23430 */ ?> + <section class="<?=$this->layoutClass('sidebar')?>" id="myresearch-sidebar" aria-label="<?=$this->transEsc('MyAccountSidebar') ?>"> <?=$this->context($this)->renderInContext("myresearch/menu.phtml", ['active' => 'setpin'])?> - </div> + </section> <?php endif; ?> <!-- finc: myresearch - setpin - END --> diff --git a/themes/finc/templates/myresearch/storageretrievalrequests.phtml b/themes/finc/templates/myresearch/storageretrievalrequests.phtml index 79c3aab525182ab51db74bb9386ec3d86c376b75..84a14f5249415d8ac4cabd45fe48e7ede653307a 100644 --- a/themes/finc/templates/myresearch/storageretrievalrequests.phtml +++ b/themes/finc/templates/myresearch/storageretrievalrequests.phtml @@ -187,9 +187,10 @@ <?php endif; ?> </div> -<div class="<?=$this->layoutClass('sidebar')?>" id="myresearch-sidebar"> +<?php /* finc: use section for sidebar #23430 */ ?> +<section class="<?=$this->layoutClass('sidebar')?>" id="myresearch-sidebar" aria-label="<?=$this->transEsc('MyAccountSidebar') ?>"> <?=$this->context($this)->renderInContext("myresearch/menu.phtml", ['active' => 'storageRetrievalRequests'])?> -</div> +</section> <?=$this->render('myresearch/notify-account-status.phtml', ['method' => 'storageRetrievalRequests', 'accountStatus' => $this->accountStatus]); ?> <!-- finc: myresearch - storageretrievalrequests - END --> diff --git a/themes/finc/templates/record/view.phtml b/themes/finc/templates/record/view.phtml index 12b6688d819e0be6a707f8e9aa8c740e7168a05a..a1c0928add83cfaf5771e64b1e3dd3b3539a95c1 100644 --- a/themes/finc/templates/record/view.phtml +++ b/themes/finc/templates/record/view.phtml @@ -1,4 +1,21 @@ <!-- finc: record - view --> +<?php +/** +* origin: vufind/BS3 +* called by view helper/controller: +* usage: + - renders record view + + * modified for finc: + - removes first sidebar call + - removes sidebar count + - swaps deprecated 'name=' for 'id=' + - adds custom tab handling for better accessibility + - adds aria code for better accessibility + - adds <section> wrapper for sidebar +* configured in: {} +*/ +?> <?php // Set up standard record scripts: $this->headScript()->appendFile("record.js"); @@ -103,14 +120,18 @@ <?=$this->driver->supportsCoinsOpenURL()?'<span class="Z3988" title="' . $this->escapeHtmlAttr($this->driver->getCoinsOpenURL()) . '"></span>':''?> </div> - <div class="<?= $this->layoutClass('sidebar') ?>" id="myresearch-sidebar"> + <?php /* finc: use 'section' for sidebar #23430; + 'getToolbar', below, pulls in the aria-labelled <nav> toolbar, therefore no aria-label here, CK; + 'similar items' is wrapped in <aside> with a h2 heading, CK */ + ?> + <section class="<?= $this->layoutClass('sidebar') ?>" id="myresearch-sidebar"> <?php /* finc adds toolbar to sidebar - CK */ ?> <?= $this->record($this->driver)->getToolbar() ?> - <?php foreach ($sidebarList as $current): ?> + <?php foreach ($sidebarList as $current): ?> <?= $this->related()->render($current) ?> - <?php endforeach; ?> - </div> + <?php endforeach; ?> + </section> </div> <?= $this->inlineScript(\Laminas\View\Helper\HeadScript::SCRIPT, '$(document).ready(recordDocReady);', 'SET'); ?> diff --git a/themes/finc/templates/search/advanced/layout.phtml b/themes/finc/templates/search/advanced/layout.phtml index 026b069389f32d03267147675acf72fb1d235382..d3c451aa5cf0d8c24dc733b8e33a4f35b5b37b73 100644 --- a/themes/finc/templates/search/advanced/layout.phtml +++ b/themes/finc/templates/search/advanced/layout.phtml @@ -189,8 +189,8 @@ <?php endif; ?> </div> - <?php /* finc: add id myresearch-sidebar #17908 */ ?> - <div class="<?=$this->layoutClass('sidebar')?>" id="myresearch-sidebar"> + <?php /* finc: add id myresearch-sidebar #17908; use aside for sidebar #23430 */ ?> + <aside class="<?=$this->layoutClass('sidebar')?>" id="myresearch-sidebar"> <?php /* finc: add button #17601 */ ?> <button class="close-offcanvas btn btn-primary" data-toggle="offcanvas"><?=$this->transEsc('navigate_back') ?></button> <?php if ($hasDefaultsApplied): ?> @@ -218,7 +218,7 @@ <a class="facet help-link" data-lightbox href="<?=$this->url('help-home')?>?topic=advsearch&_=<?=time() ?>"><?=$this->transEsc("Help with Advanced Search")?></a> <a class="facet help-link" data-lightbox href="<?=$this->url('help-home')?>?topic=search&_=<?=time() ?>"><?=$this->transEsc("Help with Search Operators")?></a> </div> - </div> + </aside> </form> </div> <?php diff --git a/themes/finc/templates/search/bulk-action-buttons.phtml b/themes/finc/templates/search/bulk-action-buttons.phtml index cd240140334f7e65574723db0d646f2517683fb0..1d2dbbf49e7cedcf8545af521d6d5bba70122d39 100644 --- a/themes/finc/templates/search/bulk-action-buttons.phtml +++ b/themes/finc/templates/search/bulk-action-buttons.phtml @@ -1,6 +1,6 @@ <!-- finc: search - bulk-action-buttons --> <?php if (isset($this->showCheckboxes) && $this->showCheckboxes): ?> -<nav class="bulkActionButtons hidden-print"> +<nav class="bulkActionButtons hidden-print" aria-label="<?=$this->transEscAttr('bulk_action_navigation')?>"> <div class="bulk-checkbox"> <input type="checkbox" class="checkbox-select-all" name="selectAll" id="<?=$this->idPrefix?>addFormCheckboxSelectAll"<?php if ($this->formAttr): ?> form="<?=$this->escapeHtmlAttr($this->formAttr) ?>"<?php endif; ?>/> <label for="<?=$this->idPrefix?>addFormCheckboxSelectAll"> diff --git a/themes/finc/templates/search/history.phtml b/themes/finc/templates/search/history.phtml index 600c8001e88044b71a8bb3d4fc4b1edb9a49be7f..72a6ef69094c02f5d0efa494e314a56c3c98b0e7 100644 --- a/themes/finc/templates/search/history.phtml +++ b/themes/finc/templates/search/history.phtml @@ -64,14 +64,15 @@ $isLoggedIn = $this->auth()->isLoggedIn(); <?php /* finc: show offcanvas-toggler and profile-menu only if $isLoggedIn */ ?> <?php if ($isLoggedIn): ?> - <div class="<?=$this->layoutClass('sidebar')?>" id="myresearch-sidebar"> + <?php /* finc: use section for sidebar #23430 */ ?> + <section class="<?=$this->layoutClass('sidebar')?>" id="myresearch-sidebar" aria-label="<?=$this->transEsc('MyAccountSidebar') ?>"> <?=$this->context($this)->renderInContext( "myresearch/menu.phtml", // apply active highlighting in profile-menu ['active' => 'history'] ); ?> - </div> + </section> <?php endif; ?> <?php diff --git a/themes/finc/templates/search/reservessearch.phtml b/themes/finc/templates/search/reservessearch.phtml index e2e8e5fb84a4c55173af518c53b3262c019fd5c7..6a34c41901daf475f11c02a873a4df03be592108 100644 --- a/themes/finc/templates/search/reservessearch.phtml +++ b/themes/finc/templates/search/reservessearch.phtml @@ -81,10 +81,11 @@ </div> <?php /* Narrow Search Options */ ?> -<div class="<?=$this->layoutClass('sidebar')?>"> +<?php /* finc: use section for sidebar #23430 */ ?> +<section class="<?=$this->layoutClass('sidebar')?>"> <?php foreach ($this->results->getRecommendations('side') as $current): ?> <?=$this->recommend($current)?> <?php endforeach; ?> -</div> +</section> <?php /* End Narrow Search Options */ ?> <!-- finc - templates - search - reservessearch - END --> diff --git a/themes/finc/templates/search/results.phtml b/themes/finc/templates/search/results.phtml index de6de2dad09ff2f93807843e29ae9751db4954d6..6f80100635a18515abf78b96877e4171321049b3 100644 --- a/themes/finc/templates/search/results.phtml +++ b/themes/finc/templates/search/results.phtml @@ -166,10 +166,11 @@ <?php /* End Main Listing */ ?> <?php /* Narrow Search Options */ ?> -<div class="<?=$this->layoutClass('sidebar')?>" id="myresearch-sidebar"> +<?php /* finc: use nav for sidebar #23430 */ ?> +<nav class="<?=$this->layoutClass('sidebar')?>" id="myresearch-sidebar"> <?php foreach ($this->results->getRecommendations('side') as $index => $current): ?> <?=$this->recommend($current, 'side', $index)?> <?php endforeach; ?> -</div> +</nav> <?php /* End Narrow Search Options */ ?> <!-- finc: search - results - END -->