SkillDesignQA

Checagem de Contraste e Cores

Verifica se a paleta de cores atende os requisitos de contraste WCAG 2.1 para acessibilidade.

Ações
PerfilDesigner
ProfundidadeBaixa
Idiomapt-BR
Objetivo

Em uma frase.

Use esta skill para checar níveis de contraste entre cores de texto e fundo, identificar falhas de acessibilidade e propor alternativas que mantenham a identidade visual.

Casos

Exemplos
de uso.

**Cenário**: Atualização do CSS de um botão com hover.
**Entrada (Prompt)**:
```css
.btn-primary { 
  background-color: #00bcd4;
  color: #ffffff;
}
```

**Saída**:
- [FALHA] O contraste entre Cyan 500 (#00bcd4) e Branco (#ffffff) atinge apenas 1.95:1. 
- Mínimo exigido: 4.5:1.
- *Recomendação*: Alterar a cor da fonte para preto (#000000) visando atingir nota máxima AAA.
Constelação

Onde
ela vive.

Bundles que incluem