From 7b4c7961993467250e046437070e75480a9b9072 Mon Sep 17 00:00:00 2001 From: pngwn Date: Mon, 18 Nov 2019 14:34:16 +0000 Subject: [PATCH] Add aria-hidden to resize listener object. Fixes #3948. --- src/runtime/internal/dom.ts | 1 + .../samples/binding-width-height-a11y/_config.js | 8 ++++++++ .../samples/binding-width-height-a11y/main.svelte | 10 ++++++++++ 3 files changed, 19 insertions(+) create mode 100644 test/runtime/samples/binding-width-height-a11y/_config.js create mode 100644 test/runtime/samples/binding-width-height-a11y/main.svelte diff --git a/src/runtime/internal/dom.ts b/src/runtime/internal/dom.ts index e4db8c1e15..e25692ac3d 100644 --- a/src/runtime/internal/dom.ts +++ b/src/runtime/internal/dom.ts @@ -237,6 +237,7 @@ export function add_resize_listener(element, fn) { const object = document.createElement('object'); object.setAttribute('style', 'display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; pointer-events: none; z-index: -1;'); + object.setAttribute('aria-hidden', 'true'); object.type = 'text/html'; object.tabIndex = -1; diff --git a/test/runtime/samples/binding-width-height-a11y/_config.js b/test/runtime/samples/binding-width-height-a11y/_config.js new file mode 100644 index 0000000000..5ab4a7ade7 --- /dev/null +++ b/test/runtime/samples/binding-width-height-a11y/_config.js @@ -0,0 +1,8 @@ +export default { + async test({ assert, target }) { + const object = target.querySelector('object'); + + assert.equal(object.getAttribute('aria-hidden'), "true"); + assert.equal(object.getAttribute('tabindex'), "-1"); + } +}; diff --git a/test/runtime/samples/binding-width-height-a11y/main.svelte b/test/runtime/samples/binding-width-height-a11y/main.svelte new file mode 100644 index 0000000000..053fa8fa08 --- /dev/null +++ b/test/runtime/samples/binding-width-height-a11y/main.svelte @@ -0,0 +1,10 @@ + + +
+ +

Hello

+ +