```
**✅ Solução:**
```html
```
**Regras:**
- Imagens informativas: Descreva o conteúdo/função
- Imagens decorativas: Use alt vazio (alt="")
- Imagens funcionais: Descreva a ação
- Imagens complexas: Forneça descrição detalhada próxima
### 2. Contraste de Cor Baixo
**❌ Problema:**
```css
/* Taxa de contraste 2.5:1 - Falha em WCAG */
.text {
color: #767676;
background: #ffffff;
}
```
**✅ Solução:**
```css
/* Taxa de contraste 4.5:1+ - Passa AA */
.text {
color: #595959;
background: #ffffff;
}
/* Taxa de contraste 7:1+ - Passa AAA */
.text-high-contrast {
color: #333333;
background: #ffffff;
}
```
**Requisitos:**
- Texto normal (< 18px): 4.5:1 mínimo (AA), 7:1 aprimorado (AAA)
- Texto grande (≥ 18px ou ≥ 14px em negrito): 3:1 mínimo (AA), 4.5:1 aprimorado (AAA)
- Componentes UI e gráficos: 3:1 mínimo
### 3. HTML Não Semântico
**❌ Problema:**
```html