Make difference between table frames obvious

...by naming the attributes related to
accessibility.

Also includes tests for this.
This commit is contained in:
Tom Byers
2020-09-23 10:33:58 +01:00
parent 041f061dec
commit cf07d79024
2 changed files with 18 additions and 2 deletions

View File

@@ -37,6 +37,7 @@
this.insertShims = () => {
const attributesForFocus = 'role aria-labelledby tabindex';
let captionId = this.$table.find('caption').text().toLowerCase().replace(/[^A-Za-z]+/g, '');
this.$table.find('caption').attr('id', captionId);
@@ -48,7 +49,7 @@
.clone()
.addClass('fullscreen-fixed-table')
.removeClass('fullscreen-scrollable-table')
.removeAttr('role aria-labelledby tabindex')
.removeAttr(attributesForFocus)
.attr('aria-hidden', true)
)
.append(