report: Add titles to tabs and selectors.
According to the latter avoids accessibility erros reported
by Axe.
@@ -480,19 +480,23 @@ function hideHiddenDetailsColumns(elem) {
</script>
<script type="text/x-jquery-tmpl" id="detailsHeaderTemplate">
- <h2 id="${linkTarget}">{{= testOrTask('{Test}')}} Details</h2>
+ <h2 id="${linkTarget}">{{= testOrTask('{Test} Details')}}</h2>
<ul id="detail-tabs">
<li class="${totalTabStatus} detail-tab">
- <a href="#totals" onclick="renderTotalSelector()">All</a>
+ <a href="#totals" onclick="renderTotalSelector()"
+ title="{{= testOrTask('Show all {tests}')}}">All</a>
</li>
<li class="${tagTabStatus} detail-tab">
- <a href="#tags" onclick="renderTagSelector()">Tags</a>
+ <a href="#tags" onclick="renderTagSelector()"
+ title="{{= testOrTask('Show {tests} by tag')}}">Tags</a>
</li>
<li class="${suiteTabStatus} detail-tab">
- <a href="#suites" onclick="renderSuiteSelector()">Suites</a>
+ <a href="#suites" onclick="renderSuiteSelector()"
+ title="{{= testOrTask('Show {tests} by suite')}}">Suites</a>
</li>
<li class="${searchTabStatus} detail-tab">
- <a href="#search" onclick="renderSearchSelector()">Search</a>
+ <a href="#search" onclick="renderSearchSelector()"
+ title="{{= testOrTask('Free {test} search')}}">Search</a>
</li>
</ul>
</script>
@@ -507,7 +511,7 @@ function hideHiddenDetailsColumns(elem) {
<tr class="selector">
<th>Tag:</th>
<td id="normal-selector">
- <select id="tag-detail-selector"
+ <select id="tag-detail-selector" title="Tag selector"
onchange="tagDetailSelected(this.options[this.selectedIndex].value)">
<option selected disabled hidden>-- Select --</option>
{{each tags}}
@@ -528,7 +532,7 @@ function hideHiddenDetailsColumns(elem) {
<tr class="selector">
<th>Suite:</th>
<td id="normal-selector">
- <select id="suite-detail-selector"
+ <select id="suite-detail-selector" title="Suite selector"
onchange="suiteDetailSelected(this.options[this.selectedIndex].value)">
<option selected disabled hidden>-- Select --</option>
{{each suites}}
