Como usar o gerador de botões CSS
- Defina o texto, cores e tamanhos.
- Escolha preenchido ou contorno e uma sombra.
- Copie o CSS e adicione class="button" ao seu link ou botão.
Botões acessíveis
A ferramenta mostra o contraste entre o texto e o fundo. Procure pelo menos 4,5:1 para que todos possam ler o rótulo. O CSS inclui um esboço de foco visível para usuários de teclado, que você deve manter.
Exemplos
Contraste 6,3:1
Botão transparente que preenche ao passar o mouse