darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-02-06 11:23:48 -05:00
Code Issues Packages Projects Releases Wiki Activity

Make difference between table frames obvious

Browse Source 
...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
Download Patch File Download Diff File Expand all files Collapse all files

17
tests/javascripts/fullscreenTable.test.js
View File

@@ -145,7 +145,7 @@ describe('FullscreenTable', () => {
});
test("it has a role of 'region' and an accessible name matching the caption", () => {
test("the scrolling section is focusable and has an accessible name matching the table caption", () => {
// start module
window.GOVUK.modules.start();
@@ -160,6 +160,21 @@ describe('FullscreenTable', () => {
});
test("the section providing the fixed row headers is not focusable and is hidden from assistive tech'", () => {
// start module
window.GOVUK.modules.start();
fixedRowHeaders = document.querySelector('.fullscreen-fixed-table');
expect(fixedRowHeaders.hasAttribute('role')).toBe(false);
expect(fixedRowHeaders.hasAttribute('aria-labelledby')).toBe(false);
expect(fixedRowHeaders.hasAttribute('tabindex')).toBe(false);
expect(fixedRowHeaders.hasAttribute('aria-hidden')).toBe(true);
expect(fixedRowHeaders.getAttribute('aria-hidden')).toEqual('true');
});
});
describe("the height of the table should fit the vertical space available to it", () => {