accessibility-developer-tools
accessibility-developer-tools copied to clipboard
Published
20 hours ago •
GoogleChrome
GoogleChrome
AX_ARIA_02 incorrectly flags element when IDREF is in same shadow DOM.
When using an element in a shadow DOM, using an IDREF of another id in the same shadow DOM generates an AX_ARIA_02 error. AX_ARIA_04 also flags this as an issue.
For example, the following code generates both errors.
<html>
<body>
<template id="input_example">
<label id="label_id">Label text</label>
<input aria-labelledby="label_id">
</template>
<script>
var shadow = document.body.createShadowRoot();
var template = document.querySelector('#input_example');
shadow.appendChild(document.importNode(template.content, true));
</script>
</body>
</html>
I reported this over here: https://github.com/Polymer/web-component-tester/issues/297
