[Accessibility] Reload saved search link on Discover replaced with <EuiButton> component (#37621) (#38541)

* Reload saved search link replaced with <EuiButton> components: keyboard accessible and looks like a button.
This commit is contained in:
Philipp B 2019-06-10 18:43:45 +03:00 committed by GitHub
parent cd6c74a062
commit 92d9535bd1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -5,18 +5,21 @@
<div data-transclude-slots>
<!-- Breadcrumbs. -->
<div data-transclude-slot="topLeftCorner" class="kuiLocalBreadcrumbs">
<h1 tabindex="0" id="kui_local_breadcrumb" class="kuiLocalBreadcrumb" ng-if="opts.savedSearch.id">
<h1 id="kui_local_breadcrumb" class="kuiLocalBreadcrumb" ng-if="opts.savedSearch.id">
<span class="kuiLocalBreadcrumb__emphasis">
<span
<button
class="kuiLink"
type="button"
id="reload_saved_search"
aria-label="{{::'kbn.discover.reloadSavedSearchAriaLabel' | i18n: {defaultMessage: 'Reload saved search'} }}"
tooltip="{{::'kbn.discover.reloadSavedSearchTooltip' | i18n: {defaultMessage: 'Reload saved search'} }}"
tooltip-placement="right"
tooltip-append-to-body="1"
ng-click="resetQuery()"
kbn-accessible-click
class="kuiIcon fa-undo small"
></span>&nbsp;
>
<span class="kuiIcon fa-undo small"></span>
{{::'kbn.discover.reloadSavedSearchButton' | i18n: {defaultMessage: 'Reload'} }}
</button>
</span>
</h1>
<div class="kuiLocalBreadcrumb">