Menu da documentação

Bloco Antes / depois

Mostre uma mudança com duas imagens que se alternam com um toque: uma restauração, uma reforma, uma edição de foto, um resultado de skincare.

Como funciona

Defina uma Imagem de antes e uma Imagem de depois do mesmo tamanho, e uma Descrição do que elas mostram. Leitores de tela a leem com "antes" ou "depois", então descreva o assunto ("Um telefone de disco"), não a mudança.

  • Onde ele consegue alternar (Mail no iOS, iCloud Mail, Thunderbird e Yahoo Mail), a imagem de antes aparece com uma dica embaixo. Um toque a troca pela imagem de depois, e outro toque a traz de volta.
  • Em todos os outros lugares, as duas imagens aparecem, uma acima da outra, cada uma com seu rótulo, para que a comparação continue fazendo sentido.

Campos configuráveis:

  • Mostrar rótulos, Rótulo de antes e Rótulo de depois. Em branco, os rótulos são "Antes" e "Depois" no idioma do e-mail.
  • Dica: a linha abaixo da imagem onde um toque a alterna. Em branco, é "Toque para ver o depois".
  • Cor do rótulo, Tamanho do rótulo e o Fundo, Espaçamento interno, Borda e Raio dos cantos do bloco.

Nada é registrado quando alguém alterna as imagens.

Exemplos

Subject

We restored a 1950s rotary phone

A verificação de pré-voo avisa quando falta uma das duas imagens.

Veja também