Caixa de seleção Sistema de projeto

Selecione vários itens ou habilite uma seleção independente.

6 verificações · 3 grupos de conteúdo

Conteúdo do checklist

Progresso da revisão

Estrutura e significado

Compare as informações e a apresentação no contexto de uso.

Indique o efeito da marcaçãoAssocie o rótulo à caixa de seleção e descreva a escolha em palavras fáceis de entender.Não pré-selecione o consentimento opcional no lugar da decisão do usuário.Exemplo “Receber newsletters de produtos por e-mail” está separado da aceitação dos termos.Opções relacionadas ao grupoAdicione um rótulo geral quando houver vários itens na mesma pergunta.Leia os rótulos dos grupos e faça cada escolha para verificar se todos respondem à mesma pergunta e não confundem facilmente o intervalo.Mostra o status claramenteDistinguir entre não selecionado, selecionado, focado, desativado e parcialmente selecionado quando disponível.Use marcas de seleção ou formas além da cor; O status parcialmente selecionado precisa ser claramente diferente de totalmente selecionado.

Interação e usabilidade

Experimente a operação, altere o status e continue trabalhando.

Operação do tecladoDê foco à célula e ligue-a ou desligue-a usando o Espaço, não apenas o mouse.Experimente o Espaço ao focar em uma célula e ao clicar em um rótulo; Ambos os métodos devem afetar exatamente a mesma escolha.Explique selecione tudoIndique o escopo de todos os dados ou da página atual; Atualize o estado pai ao selecionar cada item.Se a lista for filtrada ou paginada, especifique se selecionar tudo se aplica apenas à seção atualmente visível ou a todos os resultados.

Complete a experiência

Verifique se há detalhes que são fáceis de perder ao colocar o design em uso.

Escolha o estado inicial intencionalmenteEscolha se uma caixa de seleção começa selecionada com base nos dados existentes e no efeito real da escolha. Não pré-selecione o consentimento opcional.Ao reabrir um formulário salvo, o estado deverá refletir a seleção anterior em vez de aplicar um novo padrão.

O progresso é salvo automaticamente neste navegador.

ORIENTAÇÕES

Como revisar

Indique o efeito da marcação

Não pré-selecione o consentimento opcional no lugar da decisão do usuário.

EXEMPLOS

Exemplos de uso

Indique o efeito da marcação

“Receber newsletters de produtos por e-mail” está separado da aceitação dos termos.

Caixa de seleção Sistema de projeto

Estrutura e significado

Interação e usabilidade

Complete a experiência

Como revisar

Indique o efeito da marcação

Exemplos de uso

Indique o efeito da marcação

Caixa de seleção e rótulo

Estado de seleção

Encontrar um checklist

Nenhum checklist encontrado

Caixa de seleção Sistema de projeto

Estrutura e significado

Interação e usabilidade

Complete a experiência

Como revisar

Indique o efeito da marcação

Exemplos de uso

Indique o efeito da marcação

Variantes e casos de uso

Caixa de seleção e rótulo

Estado de seleção