Desabilitado

Gray sempre representa a condição de desativação?

Gray sempre representa a condição de desativação?

Gray é uma convenção, não uma regra. Ajuda a entender por que o cinza é usado para botões desativados: cinza é uma cor neutra, por isso é bom para comunicar elementos sutis ou enfatizados. Os botões desativados (porque não são clicáveis) geralmente são comunicados ao usuário via de-ênfase.

  1. Por que evitar botões desativados?
  2. Os leitores de tela pula os botões desativados?
  3. Os botões desativados devem ser focados?
  4. Você deve usar botões desativados?

Por que evitar botões desativados?

Más acessibilidade

Botões cinza com rótulos cinza podem facilmente não atender às recomendações de contraste de cores para texto. Às vezes, os botões desativados são projetados de uma maneira que não podem ser lidos por um leitor de tela (os botões não são focados e, portanto, os usuários não podem alcançá -los com um teclado).

Os leitores de tela pula os botões desativados?

Os leitores de tela ignoram os controles desativados, para que os usuários dos leitor de tela não ouvirão a mensagem. Adicione um texto de ajuda visível nas proximidades para o botão. Isso funcionaria para usuários com visão, mas não necessariamente para usuários de baixa visão ou usuários cegos usando um leitor de tela.

Os botões desativados devem ser focados?

Se você precisar usar botões desativados, considere maneiras de torná -los focados e úteis, tornando -os mais inclusivos e fornecendo uma saída para os clientes enviarem todos os detalhes para o suporte ao cliente.

Você deve usar botões desativados?

Ao projetar a interface do usuário, evite usar um botão desativado, pois fica difícil descobrir por que está desativado e o que deve ser feito para torná -lo ativar. É melhor manter os botões ativados o tempo todo e destacar o campo se os usuários não fornecer as informações necessárias.

Desative os botões durante o carregamento de dados
Como faço para desativar um botão enquanto carrega o React?Como desativar um botão na página Carregar usando JavaScript?Por que você não deve usar bo...
Devo usar texto azul escuro em vez de preto?
Qual a cor da fonte é melhor em um fundo preto?O texto deve ser preto?É melhor ler o texto em branco sobre preto?O texto azul é difícil de ler? Qual...
Exibindo duas colunas grade de dados
Como mostrar duas colunas em uma coluna em Gridview?Como você exibe grades de dados?Como você adiciona colunas na grade de dados?Como exibir apenas c...