Make breadcrumb a heading for screen readers, fix #12885 (#13734)

* Make breadcrumb a heading for screen readers, fix #12885

* Use h2 in vis wizard step 2
This commit is contained in:
Tim Roes 2017-08-29 12:05:14 +02:00 committed by Tim Roes
parent fbd00dcced
commit 0d7f8b3df7
6 changed files with 15 additions and 4 deletions

View file

@ -1,7 +1,7 @@
<div class="kuiLocalNav">
<div class="kuiLocalNavRow">
<div class="kuiLocalNavRow__section">
<div class="kuiLocalTitle">
<div class="kuiLocalTitle" role="heading" aria-level="1">
Surrounding Documents in {{ contextApp.state.queryParameters.indexPatternId }}
</div>
</div>

View file

@ -23,6 +23,8 @@
data-transclude-slot="topLeftCorner"
class="kuiLocalBreadcrumbs"
data-test-subj="breadcrumbs"
role="heading"
aria-level="1"
>
<div class="kuiLocalBreadcrumb">
<a class="kuiLocalBreadcrumb__link" href="{{landingPageUrl()}}">Dashboard</a>

View file

@ -6,6 +6,8 @@
<div
data-transclude-slot="topLeftCorner"
class="kuiLocalTitle"
role="heading"
aria-level="1"
>
Dashboard
</div>

View file

@ -6,6 +6,8 @@
<div
data-transclude-slot="topLeftCorner"
class="kuiLocalTitle"
role="heading"
aria-level="1"
>
Visualize
</div>

View file

@ -15,9 +15,9 @@
<div class="kuiViewContent kuiViewContent--constrainedWidth">
<div class="wizard kuiViewContentItem">
<div class="wizard-column wizard-column--small">
<h1 class="kuiTitle kuiVerticalRhythm">
<h2 class="kuiTitle kuiVerticalRhythm">
From a New Search, Select Index
</h1>
</h2>
<paginated-selectable-list
per-page="20"

View file

@ -1,4 +1,9 @@
<div class="kuiLocalBreadcrumbs" data-test-subj="breadcrumbs">
<div
class="kuiLocalBreadcrumbs"
data-test-subj="breadcrumbs"
role="heading"
aria-level="1"
>
<div
class="kuiLocalBreadcrumb"
ng-if="useLinks"