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)

![As de Paus](/images/cartas/asdepaus.png)
![As de Copas](/images/cartas/asdecopas.png)
![As de Espadas](/images/cartas/asdeespadas.png)
![As de Ouros](/images/cartas/asdeouros.png)

✅ Status: Todas com alt text - Jekyll converte automaticamente

Post: “Previsões Tarot Setembro 2025” (2025-09-04)

![A Roda da Fortuna](/images/cartas/arodadafortuna.png)
![A Estrela](/images/cartas/aestrela.png)
![Os Enamorados](/images/cartas/osamantes.png)
![O Mago](/images/cartas/omago.png)
![A Imperatriz](/images/cartas/aimperatriz.png)

✅ 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)
![O Louco - Primeiro Arcano Maior do Tarot](/images/cartas/olouco.png)
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:

  1. Usa sintaxe Markdown para alt text (melhor prática)
  2. Jekyll converte automaticamente para HTML semântico
  3. Atende aos critérios de acessibilidade (WCAG)
  4. 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