<aside> <img src="/icons/arrow-southeast_yellow.svg" alt="/icons/arrow-southeast_yellow.svg" width="40px" />

MATERIAIS DE APOIO

Esboço da Arquitetura do App - Miro

REGRAS DE ACESSIBILIDADE DIGITAL!!!!!!

Apps de Referência : Smiles, Airbnb

https://claude.ai/public/artifacts/6c7a1c21-7421-4bc3-b002-ebabce5c4b44

design_system_cores.pdf

</aside>

Principais Alertas de Acessibilidade

• Evitar texto sobre imagem (ou usar overlay escuro)
• Suportar aumento de fonte do sistema - Não quebrar layout com fonte ampliada
• Todos os elementos com label (leitor de tela)
• Imagens relevantes com descrição (alt text)
• Botões com área mínima de 44x44 px
• Estado de foco visível (inputs e botões)

Estrutura Base (ia - Claude)

Home - https://claude.ai/public/artifacts/21e9e3ad-3287-4195-8306-2372f4ef03f7

Search (Página de Busca) - https://claude.ai/public/artifacts/c8a651fe-0dc0-4008-a604-c4d62c9fb4a7

Resultado da Busca - https://claude.ai/public/artifacts/4b48f2a6-faa2-4f08-b376-4e9e9fa36f1e

Página do Atrativo - https://claude.ai/public/artifacts/188c99c9-ec32-4175-9a1d-3a0df8e32f84

Página Perfil - https://claude.ai/public/artifacts/ecae068a-304e-4147-b96c-4fc9a589776b

Página comentario do usuario - https://claude.ai/public/artifacts/2e53e991-55e6-4ff1-ad6c-dff4e172b4ee

Tarefas - NOVO APP