1
    2
    3
    4
    5
    6
    7
    8
    9
   10
   11
   12
   13
   14
   15
   16
   17
   18
   19
   20
   21
   22
   23
   24
   25

content / test / data / accessibility / aria / missing-relation-targets-added-later.html [blame]

<!--
@BLINK-ALLOW:controlsIds*
@BLINK-ALLOW:detailsIds*
@BLINK-ALLOW:errorMessageIds*
@BLINK-ALLOW:flowtoIds*
@WAIT-FOR:done
-->
<input id="controls" aria-controls="controls-target">
<input id="details" aria-details="details-target">
<input id="errormessage" aria-errormessage="errormessage-target" aria-invalid="true">
<input id="flowto" aria-flowto="flowto-target">
<div role="group" class="controls-target">controls target</div>
<div role="group" class="details-target">details target</div>
<div role="group" class="errormessage-target">errormessage target</div>
<div role="group" class="flowto-target">flowto target</div>

<script>
document.addEventListener('DOMContentLoaded', () => {
  document.querySelector('.controls-target').id = 'controls-target';
  document.querySelector('.details-target').id = 'details-target';
  document.querySelector('.errormessage-target').id = 'errormessage-target';
  document.querySelector('.flowto-target').id = 'flowto-target';
  document.title = 'done';
});
</script>