Move 'Clear' link out of 'aria-hidden' region

This commit is contained in:
Tom Byers
2019-02-15 13:49:49 +00:00
parent 15104e9d25
commit 2d85469cd0

View File

@@ -139,10 +139,10 @@
'default': 'Nothing selected', 'default': 'Nothing selected',
'selected': numSelected => `${numSelected} selected`, 'selected': numSelected => `${numSelected} selected`,
'update': numSelected => { 'update': numSelected => {
let liveRegionHTML = (numSelected > 0) ? this.selectionStatus.selected(numSelected) : this.selectionStatus.default; let message = (numSelected > 0) ? this.selectionStatus.selected(numSelected) : this.selectionStatus.default;
$('.template-list-selected-counter-count').html(numSelected); $('.template-list-selected-counter__count').html(message);
this.$liveRegionCounter.html(liveRegionHTML); this.$liveRegionCounter.html(message);
} }
}; };
@@ -198,8 +198,10 @@
<div class="js-stick-at-bottom-when-scrolling"> <div class="js-stick-at-bottom-when-scrolling">
<button class="button-secondary" value="add-new-template">New template</button> <button class="button-secondary" value="add-new-template">New template</button>
<button class="button-secondary" value="add-new-folder">New folder</button> <button class="button-secondary" value="add-new-folder">New folder</button>
<div class="template-list-selected-counter" aria-hidden="true"> <div class="template-list-selected-counter">
${this.selectionStatus.default} <span class="template-list-selected-counter__count" aria-hidden="true">
${this.selectionStatus.default}
</span>
</div> </div>
</div> </div>
</div> </div>
@@ -211,7 +213,9 @@
<button class="button-secondary" value="move-to-existing-folder">Move</button> <button class="button-secondary" value="move-to-existing-folder">Move</button>
<button class="button-secondary" value="move-to-new-folder">Add to new folder</button> <button class="button-secondary" value="move-to-new-folder">Add to new folder</button>
<div class="template-list-selected-counter" aria-hidden="true"> <div class="template-list-selected-counter" aria-hidden="true">
${this.selectionStatus.selected(1)} <span class="template-list-selected-counter__count" aria-hidden="true">
${this.selectionStatus.selected(1)}
</span>
</div> </div>
</div> </div>
</div> </div>