> For the complete documentation index, see [llms.txt](https://faction-os.gitbook.io/faction-os-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://faction-os.gitbook.io/faction-os-docs/.spec_system/archive/sessions/phase21-session06-responsive-layout-and-accessibility-pass/browser-verification.md). # Browser Verification **Session ID**: `phase21-session06-responsive-layout-and-accessibility-pass` **Package**: apps/web **Created**: 2026-06-29 **Status**: Complete *** ## Scope This ledger records local browser evidence for the expanded Quest Board, Orchestration, and War Room bottom-rail surfaces at one desktop viewport and one small/mobile viewport. The evidence is practical local responsive and accessibility regression coverage only. This ledger does not claim formal WCAG certification, physical-device mobile certification, hosted identity proof, hosted collaboration safety, production-hosted validation, remote execution validation, analytics capture, public replay hosting, or trusted erasure. *** ## Planned Command ```bash npm run test:e2e -- --project app-desktop --project app-mobile tests/e2e/app.e2e.ts ``` *** ## Evidence Matrix | Project | Surface | Dialog visible | Size check | Overlap check | Text fit | Focus path | Screenshot | Result | | ----------- | ------------- | -------------- | ---------- | ------------- | -------- | ---------- | ---------- | ------ | | app-desktop | Quest Board | PASS | PASS | PASS | PASS | PASS | Attached | PASS | | app-desktop | Orchestration | PASS | PASS | PASS | PASS | PASS | Attached | PASS | | app-desktop | War Room | PASS | PASS | PASS | PASS | PASS | Attached | PASS | | app-mobile | Quest Board | PASS | PASS | PASS | PASS | PASS | Attached | PASS | | app-mobile | Orchestration | PASS | PASS | PASS | PASS | PASS | Attached | PASS | | app-mobile | War Room | PASS | PASS | PASS | PASS | PASS | Attached | PASS | *** ## Checks To Record * Expanded dialog has a stable accessible name. * Close control is reachable, touch-sized, and labelled. * Initial focus moves inside the expanded surface. * Tab and Shift+Tab cycle within the expanded surface during normal keyboard navigation. * Escape closes the expanded surface after higher overlay layers have had a chance to handle Escape. * Focus returns to the opener after close. * Expanded surface stays within the viewport and is not clipped by the cockpit grid. * Panel body scrolls where needed without exposing blank or unreachable content. * Visible text fits or wraps cleanly. * Browser guard privacy checks do not expose prompts, command bodies, terminal output, file contents, diffs, Worker authority tokens, request bodies, secrets, replay buffers, exports, scan payloads, or broad absolute paths. *** ## Results ### 2026-06-29 App Desktop And App Mobile Run **Command**: ```bash npm run test:e2e -- --project=app-desktop --project=app-mobile tests/e2e/app.e2e.ts ``` **Result**: PASS **Evidence**: * Playwright result: 21 passed, 1 skipped. * The focused-surface test `keeps focused bottom rail surfaces framed and keyboard-contained` passed in both `app-desktop` and `app-mobile`. * Screenshot attachments were recorded by Playwright for: * `app-desktop-focused-bottom-rail-quest-board` * `app-desktop-focused-bottom-rail-orchestration` * `app-desktop-focused-bottom-rail-war-room` * `app-mobile-focused-bottom-rail-quest-board` * `app-mobile-focused-bottom-rail-orchestration` * `app-mobile-focused-bottom-rail-war-room` * The focused-surface test checked dialog semantics, focused classes, close labels, size, close/panel overlap, accessible names, visible text fit, privacy-safe text, horizontal overflow, no certification copy, Tab and Shift+Tab containment, Escape close, and focus return. **Limitations**: * Evidence is local browser automation only. * Evidence is not formal WCAG certification, physical-device mobile certification, hosted identity proof, hosted collaboration safety, production-hosted validation, remote execution validation, analytics capture, public replay hosting, or trusted erasure. --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://faction-os.gitbook.io/faction-os-docs/.spec_system/archive/sessions/phase21-session06-responsive-layout-and-accessibility-pass/browser-verification.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.