An interactive evidence log for tracking React accessibility findings through source review, deployment and manual live-journey testing.
<main>
<p class="eyebrow">React release worksheet</p>
<h1>Trace a dynamic journey from patch to live result</h1>
<p>A source change can be correct while a route transition, form error, or dialog still fails in the released app. This worksheet separates three evidence stages, so a finding stays open until the actual interaction has been checked on the live build.</p>
<section class="card"><h2>Three independent checkpoints</h2>
<ol><li><strong>Source:</strong> identify the exact HTML, JSX or TSX file and element. Review the proposed patch rather than assuming a scan result contains the solution.</li><li><strong>Release:</strong> record the approved branch and deployed build. A code review is not a production deployment.</li><li><strong>Journey:</strong> repeat the original interaction on the live route. Use keyboard access and, where appropriate, assistive technology to check focus, labels, messages and the next action.</li></ol>
</section>
<section class="card"><h2>Build a release check note</h2>
<label for="route">Affected live route</label><input id="route" placeholder="https://example.com/flow/step-one">
<label for="action">State-changing action</label><input id="action" placeholder="Submit incomplete form, open dialog, navigate to next step…">
<label for="build">Deployed build or release identifier</label><input id="build" placeholder="Release ID, commit or deployment URL">
<fieldset><legend>Evidence actually observed</legend>
<label><input class="check" type="checkbox" value="Exact source file and element reviewed"> Exact source file and element reviewed</label>
<label><input class="check" type="checkbox" value="Approved patch present in deployed build"> Approved patch present in deployed build</label>
<label><input class="check" type="checkbox" value="Original journey repeated on live route"> Original journey repeated on live route</label>
<label><input class="check" type="checkbox" value="Keyboard focus and changed messages checked"> Keyboard focus and changed messages checked</label>
</fieldset><button id="make" type="button">Generate local review note</button><pre id="result" role="status" aria-live="polite">Record the route and observed evidence first.</pre></section>
<p>The <a href="https://adafix.app/platforms/react-html.html">React source repair and live verification workflow</a> distinguishes an Agent in the shared app shell from reviewed permanent source patches, normal deployment, and a live result check. It also notes that dynamic user journeys, content meaning and keyboard behavior still need appropriate manual testing. The <a href="https://www.w3.org/WAI/test-evaluate/">W3C evaluation overview</a> explains why tools alone cannot establish accessibility. This page records a test plan; it does not test or certify a site.</p>
</main>