diff --git a/src/js/resize-manager.js b/src/js/resize-manager.js index 8ff8e5599..69965cd4d 100644 --- a/src/js/resize-manager.js +++ b/src/js/resize-manager.js @@ -80,7 +80,10 @@ class ResizeManager extends Component { createEl() { return super.createEl('iframe', { - className: 'vjs-resize-manager' + className: 'vjs-resize-manager', + tabIndex: -1 + }, { + 'aria-hidden': 'true' }); } diff --git a/test/unit/resize-manager.test.js b/test/unit/resize-manager.test.js index 5fcd92240..ad6f5d48e 100644 --- a/test/unit/resize-manager.test.js +++ b/test/unit/resize-manager.test.js @@ -18,6 +18,8 @@ QUnit.test('ResizeManager creates an iframe if ResizeObserver is not available', const rm = new ResizeManager(this.player, {ResizeObserver: null}); assert.equal(rm.el().tagName.toLowerCase(), 'iframe', 'we got an iframe'); + assert.equal(rm.el().getAttribute('tabIndex'), '-1', 'TabIndex is set to -1'); + assert.equal(rm.el().getAttribute('aria-hidden'), 'true', 'aria-hidden property is set'); rm.dispose(); });