Escolha segmentada e múltipla

Três problemas diferentes que a mesma forma visual serve, e a semântica segue o problema, não a aparência. A régua em uma frase: pergunte o que muda. Muda a forma de ver o mesmo dado → segmentado. Muda quanto do mesmo dado aparece → interruptor. Muda o dado → abas (§34), e aí não é este componente.

Segmentado (SG1) — os estados

role="radiogroup" + role="radio" + aria-checked, com um único tab stop e setas movendo dentro. Tab entra e sai do grupo com um pressionamento; ←/→/↑/↓ trocam a escolha; Home e End vão às pontas — e são eles que impedem a fileira longa de custar N setas.

Raio — DECIDIDO em 2026-08-16: reto

A auditoria SG-P1 mediu os dois consumidores em produção e achou duas geometrias para a mesma família. A altura já convergiu em 44px (o §53 media 32px e subiu na SG-P7). O raio não: o painel usa pílula, a lista usa reto. Nenhum dos dois é errado isoladamente; os dois juntos são a prova de que não havia canon. Os dois lados abaixo são o mesmo controle, com o mesmo conteúdo — a única diferença é o raio. O gate escolheu o lado B (reto), e ele é o canon — o lado A fica aqui porque decisão sem a evidência ao lado vira folclore em três meses.

A terceira fileira de cada lado é estreita de propósito: o SG5 revisto permite o segmentado quebrar em linhas, e é na quebra que os dois raios se comportam diferente — o arredondamento total do grupo tem de envolver duas linhas, o reto não. Está aqui para ser olhado, não para ser afirmado.

Interruptor de recorte (SG2)

Um <button> com aria-pressed, não um segmentado de duas opções. Ligar e desligar é um controle, não uma escolha entre dois — e é por isso que "Só comentários" (§56) nunca precisou virar radiogroup. Dois modos irmãos, em que nenhum é o "desligado" do outro, são caso do SG1, não deste.

Múltipla escolha com chips (SG9–SG14)

A lista não fecha ao escolher (SG14): quem marca vários teria de reabrir a cada item. Cada escolhido vira um chip removível com nome que diz o que remove; acima do teto declarado os excedentes colapsam em "+N"; remover anuncia o que saiu e quantos restam; e o "Limpar tudo" só existe a partir de dois chips — com um só, o próprio X já é o limpar.

Cor do status — escolhida por quem edita o status (QD-P18)

O status (Pendente · Em andamento · Ganho · Perdido, §57 QD23) tem a cor como campo editável por quem tem permissão de criar ou editar status — a permissão é do produto; o DS dá a forma. A escolha é fechada na paleta do DS: onze cores, sem campo de hex. Cada status nasce com a sugestão do DS já marcada, e a pessoa troca. Só entra cor cujo chip passa 4,5 de contraste no texto nos dois temas (tabela abaixo, lida dos tokens a cada geração). O controle é um grupo de rádios nativos: um tab stop, as setas movem, o nome acessível de cada opção é o nome da cor, e o valor atual leva círculo preenchido e borda de 2 px além da cor.

Contraste do texto sobre o fundo do chip, por cor e por tema — a mesma conta que a geração faz e que a interrompe se alguma cor cair abaixo do piso:

Os contratos, e onde cada um se prova