diff --git a/Auto Run Docs/SpecKit-web-header-analyzer-Phase-06-Interactive-Report.md b/Auto Run Docs/SpecKit-web-header-analyzer-Phase-06-Interactive-Report.md index d20c4ef..8ed3371 100644 --- a/Auto Run Docs/SpecKit-web-header-analyzer-Phase-06-Interactive-Report.md +++ b/Auto Run Docs/SpecKit-web-header-analyzer-Phase-06-Interactive-Report.md @@ -55,6 +55,6 @@ ReportContainer - [x] Search filters results in real-time across test name, header name, and analysis text - [x] Export JSON produces a valid JSON file containing all results - [x] Export HTML produces a styled standalone page viewable in any browser -- [ ] All report components are keyboard accessible +- [x] All report components are keyboard accessible - [ ] Linting passes (`npx eslint src/`, `npx prettier --check src/`) - [ ] Run `/speckit.analyze` to verify consistency diff --git a/frontend/src/components/report/ReportSearchBar.tsx b/frontend/src/components/report/ReportSearchBar.tsx index cbe125e..275dec2 100644 --- a/frontend/src/components/report/ReportSearchBar.tsx +++ b/frontend/src/components/report/ReportSearchBar.tsx @@ -47,7 +47,7 @@ export default function ReportSearchBar({ value={query} onInput={handleInput} onKeyDown={handleKeyDown} - className="flex-1 bg-transparent text-xs text-text/80 outline-none" + className="flex-1 bg-transparent text-xs text-text/80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-info" placeholder="Search test names, headers, or analysis" data-testid="report-search-input" aria-label="Search report results" diff --git a/frontend/src/components/report/TestResultCard.tsx b/frontend/src/components/report/TestResultCard.tsx index 11dd3a5..c5bd196 100644 --- a/frontend/src/components/report/TestResultCard.tsx +++ b/frontend/src/components/report/TestResultCard.tsx @@ -104,7 +104,7 @@ export default function TestResultCard({ result, highlightQuery = "" }: TestResu aria-controls={detailsId} onClick={toggle} onKeyDown={handleKeyDown} - className="flex w-full items-center justify-between gap-4 text-left" + className="flex w-full items-center justify-between gap-4 text-left focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-info" >