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 segue a regra do painel lateral (CH3, §31.4). Ele
empurra o miolo até o piso de 640 px; passado o piso, sobrepõe e o miolo para de encolher.
Arraste a borda esquerda do painel (ou use as setas com o foco nela, ou o botão Ampliar):
a tabela atrás nunca fica abaixo de 640 px. Abaixo de 640 px o painel ocupa a região
inteira.
- 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.