📄 Como Garantir Desempenho e Acessibilidade ao Inserir Imagens e Vídeos no Fichas

🎯 Quando usar?

Sempre que for incluir elementos visuais na página de doação, para assegurar carregamento rápido, acessibilidade e boa experiência para todos os usuários.

✅ Boas práticas

• Otimize imagens: utilize formatos leves como JPEG ou WebP.
• Reduza o tamanho dos vídeos, usando links do YouTube para evitar sobrecarga do servidor.
• Garanta que todos os elementos tenham textos alternativos (ALT) para acessibilidade.
• Teste a página em diferentes dispositivos e navegadores.

🛠️ Como aplicar?

1. Antes de subir a imagem, utilize ferramentas como TinyPNG para compressão.
2. Para vídeos, sempre opte pela incorporação via YouTube, evitando uploads diretos.
3. Ajuste elementos para responsividade:
   • Imagens: 100%.
   • Vídeos: 960 x 515 px ou responsivos.

✅ Resultado esperado

Página com boa performance, que carrega rapidamente, com elementos visuais que potencializam o engajamento e não prejudicam a usabilidade.

⚠️ Dica

• Monitore o desempenho da página usando ferramentas como Google PageSpeed Insights.