Sobreposições

Visualizador ampliado

Lightbox

Amplia uma imagem ou mídia sobre o conteúdo atual.

Exemplo didático · Representação visual do padrão

Quando usar

Inspecionar mídia mantendo o contexto da galeria.

Cuidados e acessibilidade

Forneça descrição da imagem e controles de fechar e navegar acessíveis.

Partes e comportamento

Mídia ampliada, descrição, fechamento e navegação opcional.

Não confunda

É um padrão específico de visualização de mídia, muitas vezes implementado com um diálogo.

Peça assim para uma IA

Crie um componente de interface do tipo Visualizador ampliado (Lightbox) em português do Brasil. Amplia uma imagem ou mídia sobre o conteúdo atual. Contexto de uso: Inspecionar mídia mantendo o contexto da galeria. Estrutura: Mídia ampliada, descrição, fechamento e navegação opcional. Referência técnica: <dialog>. Requisito: Forneça descrição da imagem e controles de fechar e navegar acessíveis. Considere também: É um padrão específico de visualização de mídia, muitas vezes implementado com um diálogo. Adapte cores e tipografia ao projeto. Cubra estados inicial, foco, ativo, indisponível, carregamento, vazio e erro quando aplicáveis. Garanta contraste legível, comportamento responsivo, movimento reduzido e acesso por teclado. Use textos em PT-BR, valores em reais e datas no formato brasileiro quando houver. Explique quais partes exigem integração real e não simule sucesso sem concluir a operação.

Consultar referência técnica ↗Copiar link deste termo ↗