6cfa84: Modify pass example 4 to be more realistic, using a dialog

_rules/aria-hidden-no-focusable-content-6cfa84.md

@@ -100,10 +100,18 @@ This `input` element is not [focusable][] because of the `disabled` attribute.
 This `a` element is not [focusable][] because it moves focus to the `input` element whenever it receives focus.
 
 ```html
+<div role="dialog" aria-label="Sample Modal" aria-modal="true" style="border: solid black 1px; padding: 1rem;">
+    <label>Some input <input id="dialogFirst"></label><br />
+    <button>Close button</button>
+</div>
 <div aria-hidden="true">
-	<a href="/" style="position:absolute; top:-999em" onfocus="document.querySelector('input').focus()">First link</a>
+    <a href="#" id="sentinelAfter" style="position:absolute; top:-999em">Focus sentinel</a>
 </div>
-<input />
+<script>
+    sentinelAfter.addEventListener("focus", () => {
+        dialogFirst.focus();
+    });
+</script>
 ```
 
 ### Failed