Gráficos rotulados oferecem momentos de aprendizado que envolvem os alunos. Com o bloco gráfico rotulado, os alunos podem explorar os principais componentes e aprender sobre um conceito de uma forma nova e interativa. É tão simples quanto carregar uma imagem e depois adicionar marcadores interativos para descrever cada elemento. Veja como.

1. Inserir um bloco gráfico rotulado
2. Modificar uma imagem de bloco gráfico rotulado
3. Adicionar, reordenar e remover marcadores
4. Modificar marcadores
5. Personalize as configurações de bloqueio
6. Informações de acessibilidade

Etapa 1: inserir um bloco gráfico rotulado

1. Abra um curso Rise 360 e edite uma aula existente ou crie uma nova.
2. Selecione o gráfico rotulado na barra de atalho dos blocos.
   OU
3. Clique no ícone de inserção de bloco que aparece quando você passa o mouse sobre um limite entre os blocos.
4. Na barra lateral exibida, escolha a categoria Interativo na biblioteca de blocos e selecione Gráfico rotulado.

Etapa 2: Modificar uma imagem de bloco gráfico rotulado

Você pode substituir e modificar a imagem padrão de um bloco gráfico rotulado.

1. Passar o mouse sobre um bloco gráfico rotulado existente para acessar a barra de ferramentas de design à esquerda. Clique no ícone Conteúdo.
2. Abaixo da imagem, clique em Editar. A partir daqui, você pode carregar sua própria imagem, pesquisar na Content Library 360, recortar a imagem enviada ou editar a tag alt para leitores de tela.
3. Clique em Fechar no canto superior direito para retornar à sua aula em bloco.

Etapa 3: adicionar, reordenar e remover marcadores

Você pode adicionar mais marcadores com um clique!

1. Clique no ícone Conteúdo.
2. Clique na imagem à qual você deseja adicionar um marcador e ela será exibida automaticamente.
3. Se você não gostar do posicionamento, clique e arraste o marcador até o local final (não cubra nem sobreponha outros marcadores, pois isso dificulta o clique neles).
4. Para reordenar seus marcadores, clique em Marcadores na parte superior da barra lateral para retornar à lista de marcadores. Arraste os marcadores para cima e para baixo para reordenar a lista.
5. Para excluir um marcador, passe o mouse sobre a entrada do marcador que você deseja excluir na lista à esquerda (ela será destacada à direita) e clique no ícone da lixeira que aparece.
6. Clique em Fechar no canto superior direito para retornar à sua aula em bloco.

Etapa 4: modificar marcadores

Há várias maneiras de modificar seus marcadores, desde adicionar texto até importar mídia.

1. Clique no ícone Conteúdo.
2. Selecione o marcador que você deseja modificar na lista à esquerda e faça o seguinte:
   
   Adicionar texto
   
   Edite (ou exclua) o título e a descrição do marcador na barra lateral.
   
   Escolha um estilo de marcador
   Além dos números de 0 a 9, há muitos estilos e ícones de marcadores adicionais para você escolher. Selecione um novo estilo para seu marcador na janela suspensa Estilo do marcador. Ele é exibido abaixo do texto do título quando você expande o marcador.
   
   Adicionar mídia
   Clique em Mídia para carregar uma imagem ou vídeo, navegar na Content Library 360 ou incorporar conteúdo da web (como um vídeo do YouTube). Ele é exibido abaixo do texto do título quando você expande o marcador.
   
   Adicionar áudio
   Clique no ícone do microfone para gerar áudio AI, gravar áudio ou fazer upload de um arquivo de áudio.
3. Ao terminar, clique em Marcadores na parte superior da barra lateral para retornar à lista de marcadores.

Etapa 5: personalizar as configurações de bloqueio

Modifique a aparência do seu conteúdo na tela passando o mouse sobre um bloco existente para acessar a barra de ferramentas de design à esquerda. Clique no ícone Estilo para acessar as opções de plano de fundo do bloco. O menu Formatar oferece opções para alterar as opções de preenchimento, largura da imagem e cor do marcador, a capacidade de desativar o zoom da imagem ao clicar, alternar o posicionamento do áudio e o raio do canto da imagem principal.

Sua imagem é exibida em largura média (1100 px de largura) por padrão, mas você pode selecionar largura pequena (760 px de largura) ou largura total no menu suspenso Largura da imagem na guia Design. Observe que respeitamos a proporção da imagem, portanto, imagens mais altas do que largas ocuparão uma grande quantidade de espaço quando expandidas até a largura total.

Você também pode alterar a cor dos marcadores inserindo o código hexadecimal ou selecionando manualmente uma cor.

Dicas:

• Os blocos gráficos rotulados sempre reiniciam quando os alunos revisitam a aula.
• Adicione um bloco de continuidade após o bloco gráfico rotulado quando quiser que os alunos o concluam antes de prosseguir.

Informações de acessibilidade

Os blocos gráficos rotulados oferecem suporte a um design acessível. Siga essas práticas recomendadas para ajudar os alunos a se envolverem com seu conteúdo.

• Adicione texto alternativo (texto alternativo) para a imagem de fundo. Descreva o visual geral para que os alunos que confiam nas descrições de texto entendam o contexto. Evite repetir os detalhes do marcador nessa descrição.
• Forneça texto alternativo e legendas para mídia. Quando os marcadores incluírem imagens ou vídeos, adicione texto alternativo descritivo e legendas ocultas.
• Mantenha os marcadores bem espaçados. Os marcadores podem ser navegados e abertos usando um teclado. Coloque-os afastados o suficiente para facilitar a movimentação sem sobreposição.
• Realize testes com navegação por teclado e leitores de tela para garantir a acessibilidade.
• Suporta preferências de movimento reduzidas. As animações pulsantes nos marcadores são desativadas automaticamente quando o dispositivo do aluno está configurado para reduzir o movimento.

Para obter mais orientações sobre a criação de cursos acessíveis, consulte Rise 360: Como projetar um curso acessível e o Índice de acessibilidade.