Trata-se de um elemento interativo voltado para a identificação de partes específicas de uma imagem, como países em um mapa ou os diferentes estratos de um vulcão.
Também pode ser utilizado para que o aluno descubra uma série de pontos sobre um fundo colorido. Os usos criativos deste elemento são bastante amplos.
Fundo
Escolha o cenário de fundo sobre o qual os pontos de interesse serão posicionados:
- Cor: selecione uma cor da paleta e defina sua opacidade. Também é possível usar o configurador de cores personalizadas.
- Degradê: escolha um degradê da paleta, com controle de opacidade e ângulo. Também é possível usar o configurador de degradês personalizados.
- Imagem: ao utilizar uma imagem como fundo, você terá as mesmas opções de configuração disponíveis no elemento Imagem. Consulte o artigo relacionado para mais informações.
Título
Você pode adicionar um título ao elemento Pontos de Interesse.
Se o elemento estiver em uma célula pequena, o título não será exibido diretamente; nesse caso, aparecerá um botão para exibição temporária do título.
Pontos
A lista de pontos de interesse pode ser personalizada conforme necessário. É possível adicionar ou remover pontos livremente. Ao criar ou selecionar um ponto, você poderá editar as seguintes características:
- Texto: conteúdo que será exibido quando o usuário clicar sobre o ponto.
- Posicionamento: selecione o local onde o ponto será colocado no fundo. Pode-se clicar diretamente ou arrastar o posicionador.
- Ícone: cada ponto pode ter um ícone diferente, ampliando as possibilidades criativas do recurso.
- Tamanho do ícone: escolha entre cinco tamanhos diferentes para melhor controle visual.
- Cor do ícone: defina cores distintas para os pontos, seja com objetivo pedagógico (por exemplo, diferenciação por categoria) ou apenas para garantir bom contraste com o fundo.
Também é possível ajustar a opacidade, inclusive tornando o ponto totalmente transparente — ideal quando a própria imagem de fundo já indica onde clicar.
Durante a visualização do elemento no slide, os pontos terão um leve efeito de “pulsação” ou “rebote” para atrair a atenção do aluno, sinalizando que são interativos.
Após o ponto ser clicado, o efeito desaparece, permitindo ao aluno identificar facilmente quais pontos já foram visitados.
Aqui está um exemplo onde você poderá ver passo a passo a configuração deste elemento interativo:
Edição de Pontos de Interesse em modo acessível
- Se for utilizada uma imagem como fundo, é possível configurá-la com texto alternativo (alt text) e descrição longa.
- Também é possível adicionar um título com nível de cabeçalho, para que os estudantes identifiquem o exercício. Evite repetir o título dentro da mesma seção do projeto.
- Para cada ponto de interesse, é possível adicionar um texto descritivo sobre sua posição ou função dentro da imagem.
Veja um exemplo do recurso interativo Pontos de Interesse no modo Acessibilidade.