# F3.I3.T3 — Spec 04-acessibilidade-ux

| Campo | Valor |
|---|---|
| **Fase** | F3 — Layout & UX |
| **Issue** | F3.I3 — Gate de acessibilidade (plano 11) |
| **kd task** | `task_01d6icvi` (`closed`) |
| **Âncora** | `wiki/implementation/03-layout-ux.md` |
| **Status da revisão** | 🔧 com correções |

## O que foi implementado

- `wiki/specs/04-acessibilidade-ux.md`: 3 camadas de prova, checklist eMAG/WCAG 2.2 AA, divisão de trabalho (axe arbitra contraste; sniff mede alvo/uniformidade) e ledger de exceções.

## Arquivos para revisar

- `wiki/specs/04-acessibilidade-ux.md`
- `wiki/specs/README.md`

## Pontos de revisão

### PHP 8.4
- [ ] `declare(strict_types=1)`; tipos nativos (union/enum/`readonly`); sem `mixed` desnecessário.
- [ ] Dependências **injetadas** (nenhum `new`/`app()`/`resolve()` no corpo); sem traits/abstract/generics.
- [ ] `match` em vez de cadeias de `if`; `?->`/`??`; sem código morto; PHPStan `max` limpo.

### Laravel 12
- [ ] Nativo primeiro (Eloquent casts/scopes, `FormRequest`, `Gate`, scheduler, events) — sem reimplementar.
- [ ] Sem closure em rota; resources/rotas nomeadas; `config()` só lê, `env()` só em `config/`.
- [ ] Migração **idempotente**; `down()` → `backup_*` (nunca `DROP`); sem `orderBy` cru quando `latest/oldest` serve.

### HTML semântico + a11y (eMAG/WCAG 2.2 AA)
- [ ] Um `<main>`, headings em nível correto, landmarks; só ARIA quando necessário.
- [ ] Alvos ≥ 24 px (≥ 44 px em ponteiro grosso); foco visível; rótulos em todos os campos; contraste (axe).
- [ ] Funciona **sem JS**; `sniffCSS` sem `fail`/`warn` fora do ledger.

### CSS moderno
- [ ] `oklch`, `clamp`, `rem`/`fr`/`dvh`/`%`; `@layer` (a11y por último); `@property`; subgrid com fallback.
- [ ] Sem `!important`, sem `style="…"` inline, sem hex/rgb (exceto justificado); sem CDN.

### Decisões do projeto (ADRs)
- [ ] Respeita a ADR do escopo (ver cabeçalho) e não escapa das demais (001, 002, 004, 013, 015…).
- [ ] Determinismo: relógio/id injetados, ordem explícita, dados idempotentes (ADR-001).

### i18n (ADR-012)
- [ ] Nenhuma string visível fixa; 4 locales com paridade de chaves; `route()`/`localized_url()` (nunca path literal).

### Observabilidade/segurança/testes
- [ ] Span + `log_event('{module}.{action}')` com atributos `scalar|null`, **sem PII** (ADR-024).
- [ ] Teste que falha sem a mudança (vermelho→verde) + evidência no `kd`; `make quality` 2×.

### Específicos desta task

- [ ] Owner/status e link no índice (`make docs-check`).

## Comandos úteis

```bash
make quality            # lint + PHPStan max + gates + testes
make e2e                # Playwright + axe (se a task toca UI)
make check-boundaries   # fronteiras core/services/layout/modules
```

---

> Revisar contra `AGENTS.md`, `wiki/adr/` e o plano citado. Registrar achados no `kd` (`kd write --anchor`) e, se houver correção, teste de regressão.

## Notas da revisão

| Data | Revisor | Resultado | Observações |
|---|---|---|---|
| 2026-10-18 | agente | 🔧 | **A** (alto) `tools/sniff.sh` pinava **imagem inexistente** (`stallonels/sniffcss:0.5.0`, sem digest — o registry publica `v0.5.x`) → o fallback Docker do gate a11y quebrava (mascarado pelo binário `sniff` no PATH) → corrigido para `v0.5.1@sha256:80ff616f…` + **novo gate** `tests/Feature/PinnedToolImagesTest.php` (`*_IMAGE` exige `tag@sha256`, ADR-031; vermelho→verde) — `fact_01blx9rk`/`fact_00v7aytv`; **B** (médio) spec 04 §7 documentava `SNIFF_A11Y_STRICT=1 tools/sniff-gate.sh` como “desktop + mobile”, mas **uma invocação mede um viewport** (os dois vêm do `a11y_gate` do `check.sh`) → doc corrigida (`fact_01d0ifaq`); **C** (médio) §2 #4 promete foco “≥ 0,1875rem” (3px) mas o e2e `02` aceitava `>= 2` → **gate mais fraco que o contrato** → alinhado a 3 (provado vermelho com outline de 0.125rem + rebuild, verde com 0.1875rem) — `fact_01lt74e7`; **D** (baixo) §2 #16 citava `ProblemDetailsHtmlTest` (real: `ProblemDetailsTest`) e §1 tinha typo “limitacão” → corrigidos (`fact_00xogq40`); **E** (obs) a tabela “Prontas” do `wiki/specs/README.md` não está ordenada por número (`risk_003nlw9n`). `docs-check` verde. |

> Resultado: `✅ revisado` · `🔧 com correções` · `⏭️ delegado` (com justificativa).
