Auditoria de Alt Text - Meu Tarot Online
Auditoria de Alt Text - Meu Tarot Online
Data: 12 de Novembro de 2025 Status: ✅ COMPLETO - Todas as imagens têm alt text apropriado
📋 Resumo da Auditoria
| Categoria | Total | Com Alt Text | Faltando | Status |
|---|---|---|---|---|
| Imagens HTML | 3 | 3 | 0 | ✅ OK |
| Imagens Markdown | 19+ | 19+ | 0 | ✅ OK |
| Imagens Dinâmicas (JS) | 2 | 2 | 0 | ✅ OK |
🔍 Detalhamento
1. Imagens HTML (arquivos .html e .md)
index.html:
<img src="/images/Mesa.png"
alt="Ilustração de uma mesa de leitura de tarot"
class="landing-image">
✅ Status: Alt text descritivo e em português
tarot.html:
<img id="modal-card-image" src=""
alt="Carta sorteada do Tarot">
✅ Status: Alt text apropriado para modal dinâmico
card-of-day.md:
<img id="cod-image" src=""
alt="Ilustração da carta do dia do tarot"
class="cod-image">
✅ Status: Alt text descritivo
2. Imagens nos Posts (Markdown)
Post: “Os Elementos no Tarot” (2025-10-05)




✅ Status: Todas com alt text - Jekyll converte automaticamente
Post: “Previsões Tarot Setembro 2025” (2025-09-04)





✅ Status: Todas com alt text descritivo
3. Imagens Geradas no Feed
Todas as imagens no feed.xml têm alt text:
<img src="/images/cartas/asdepaus.png" alt="As de Paus" width="120" />
<img src="/images/cartas/asdecopas.png" alt="As de Copas" width="120" />
✅ Status: Alt text gerado automaticamente pelo Jekyll
🎯 Recomendações
Atuais - OK
- ✅ Alt text em todas as imagens
- ✅ Alt text em português (linguagem do site)
- ✅ Alt text descritivo (não genérico como “imagem1”, “foto2”)
Para Futuros Posts
Padrão a seguir:
# Post: Guia dos Arcanos Maiores
## O Louco (0)

Significado, interpretação e aplicações...
Formato recomendado:
- Alt text incluindo: [Nome da Carta] - [Breve descrição]
- Exemplo: “O Mago - Segundo Arcano Maior, símbolo de vontade e manifestação”
✅ Conclusão
Todas as imagens do site têm alt text apropriado. A estrutura atual:
- Usa sintaxe Markdown para alt text (melhor prática)
- Jekyll converte automaticamente para HTML semântico
- Atende aos critérios de acessibilidade (WCAG)
- Beneficia SEO ao descrever imagens para Google
Status: AUDITORIA COMPLETA - SEM AÇÕES NECESSÁRIAS
Próxima revisão: Ao adicionar novos posts com imagens