Gabarito A23 — CHAT. Primeira tela do DS nascida de leitura visual
(dispositivos C41–C49 da §13 do estudo), e não de extração de valores. Consome o §55 (CH1–CH14).
- O painel é PEÇA e SOBREPÕE (CH3). Ele não empurra o miolo — a tela de
trabalho não pode refluir toda vez que alguém pergunta alguma coisa. Teste com "Recolher
chat": a tabela atrás não se mexe.
- Recolhe, não fecha (CH2). O glifo é a seta dupla; o × prometeria
descarte.
- O histórico é
role="log" (CH4), com aria-live
polite implícito e aria-atomic="false" — o leitor de tela ouve o que chegou, não
a conversa inteira, e não é interrompido.
- Mensagem própria × alheia por POSIÇÃO e SUPERFÍCIE (CH5). Ligue a escala
de cinza: as duas continuam distinguíveis.
- O composer é contêiner (CH8/CH9). Dê Tab até ele: o anel pinta a caixa
inteira, incluindo o rodapé de ações.
- A sugestão troca de forma (CH13). No painel de 420px ela é linha; acima de
560px de contêiner vira cartão em duas colunas — container query nomeada
peca,
não media query.
Nenhum botão morto: os quatro controles do topo, o recolher, o histórico, o modo,
o enviar, o × do escopo e as sugestões respondem.