- generic: "<!doctype html> <html lang=\"en\"><head> <meta charset=\"utf-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"> <title>Representation coverage fixture</title> <link rel=\"stylesheet\" href=\"lab.css\"> </head> <body> <header class=\"site-header\"> <p class=\"eyebrow\">SearchEngineAnswer test fixture</p> <h1>Representation coverage lab</h1> <p>One fixed page state exposes different evidence to source markup, the rendered DOM, the accessibility tree, and pixels.</p> </header> <main> <section class=\"panel\" aria-labelledby=\"budget-heading\"> <h2 id=\"budget-heading\">Visible semantic content</h2> <table> <caption>Agent task budgets</caption> <thead><tr><th scope=\"col\">Task</th><th scope=\"col\">Budget</th></tr></thead> <tbody> <tr><th scope=\"row\">Atlas extraction</th><td>240 ms</td></tr> <tr><th scope=\"row\">Beacon validation</th><td>410 ms</td></tr> </tbody> </table> </section> <section class=\"panel\" aria-labelledby=\"control-heading\"> <h2 id=\"control-heading\">Names beyond visible text</h2> <button class=\"icon-button\" type=\"button\" aria-label=\"Export audit results\"> <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\"><path d=\"M12 3v11m0 0 4-4m-4 4-4-4M5 19h14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"></path></svg> </button> <p class=\"visually-hidden\">Support code: ORCA-7</p> </section> <section class=\"panel\" aria-labelledby=\"runtime-heading\"> <h2 id=\"runtime-heading\">Runtime state</h2> <p id=\"plan-status\" aria-live=\"polite\">Current plan: Pro</p> <label><input id=\"review-state\" type=\"checkbox\"> Editorial review</label> </section> <section class=\"panel\" aria-labelledby=\"chart-heading\"> <h2 id=\"chart-heading\">Pixel-only chart values</h2> <canvas id=\"request-chart\" role=\"img\" aria-label=\"Regional request chart\" width=\"463\" height=\"148\"></canvas> </section> <section class=\"panel modal-stage\" aria-labelledby=\"modal-heading\"> <h2 id=\"modal-heading\">Occluded interface</h2> <div id=\"occluded-zone\" hidden=\"\"> <p>Workspace controls</p> <button type=\"button\">Delete workspace</button> </div> <div class=\"modal is-static\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"dialog-title\"> <h3 id=\"dialog-title\">Permission required</h3> <p>Ask an owner before changing workspace settings.</p> <button type=\"button\">Close</button> </div> </section> <section class=\"panel\" aria-labelledby=\"layout-heading\"> <h2 id=\"layout-heading\">Visual order</h2> <div class=\"visual-order\"> <article class=\"card card-a\"><h3>Source first</h3><p>First in document order.</p></article> <article class=\"card card-b\"><h3>Rendered first</h3><p>Second in document order.</p></article> <article class=\"card card-c\"><h3>Source second</h3><p>Second in document order.</p></article> </div> </section> </main> <script src=\"lab.js\"></script></body></html>"