Quando você usa blocos de processo em seus cursos do Rise 360, é fácil introduzir conceitos lineares e permitir que os alunos percorram etapas sequenciais. É tão fácil quanto 1-2-3!

Crie um carrossel de etapas ricas em mídia com ou sem uma introdução e um resumo. Clique aqui para ver um vídeo de demonstração e confira os detalhes abaixo.

1. Inserir um bloco de processo
2. Modifique a introdução e o resumo
3. Adicionar e modificar etapas
4. Personalize as configurações de bloqueio
5. Acessibilidade

Etapa 1: inserir um bloco de processo

1. Abra um curso Rise 360 e edite uma aula existente ou crie uma nova.
2. Selecione o bloco de processo na barra de atalho dos blocos.

Você também pode

1. Clique no botão Todos os blocos na barra de atalho dos blocos ou clique no ícone de inserção de bloco que aparece quando você passa o mouse sobre um limite entre os blocos.
2. Na barra lateral, escolha a categoria Interativo e selecione Processar.

Etapa 2: Modificar a introdução e o resumo

Por padrão, uma introdução e um resumo aparecem antes e depois das etapas numeradas na interação do processo. A introdução tem um botão que inicia o processo, e o resumo tem um botão que leva você de volta ao início quando terminar. Veja como editar a introdução e o resumo ou desativá-los se você não precisar deles.

1. Passe o mouse sobre o bloco para acessar a barra de ferramentas de design à esquerda. Clique no ícone Conteúdo.
2. Altere os títulos da introdução e do resumo se você preferir palavras diferentes.
3. Modificar o corpo do texto e adicionar qualquer mídia que você quiser.
4. Se você não precisar de uma introdução ou resumo, clique no ícone de olho à esquerda de cada título na barra lateral para ocultar um ou ambos. Quando eles são desativados, seu processo começa com a primeira etapa da interação e termina com a última etapa, e não há opção de voltar automaticamente ao início.

Etapa 3: Adicionar e modificar etapas

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

1. Na tela de conteúdo, clique no botão Adicionar etapa na parte inferior da barra lateral para adicionar etapas ao processo. Arraste as etapas para cima e para baixo na barra lateral para reordenar a lista. As etapas são numeradas automaticamente e serão renumeradas quando você as reorganizar.
2. Selecione cada etapa da sua interação e, em seguida, faça o seguinte:
   
   Adicionar texto
   Edite (ou exclua) o título e o corpo do texto.
   Adicionar mídia
   Clique no ícone da câmera para carregar uma imagem ou vídeo, navegar na Content Library 360 ou incorporar conteúdo da web (como um vídeo do YouTube). Depois de adicionado, você pode alterar o alinhamento, ajustar o corte nas imagens e adicionar texto alternativo. A mídia é exibida entre o título e o texto descritivo de cada etapa.
   Adicionar áudio
   Clique no ícone do microfone para gerar áudio AI, gravar áudio ou fazer upload de um arquivo de áudio.
3. Se precisar excluir uma etapa, passe o mouse sobre ela na barra lateral e clique no ícone da lixeira que aparece.
4. Ao terminar, clique em Fechar no canto superior direito para retornar à aula em bloco.

Etapa 4: 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. Você também tem a opção de manter um fundo branco para os cartões ao modificar o fundo do bloco. O menu Formatar oferece opções para alterar o preenchimento do bloco, alternar ou personalizar o rótulo da etapa, desativar o zoom de imagens e alternar o posicionamento do áudio.

Você também pode aplicar níveis de título. Eles fornecem estrutura ao seu conteúdo para torná-lo mais acessível quando lido por dispositivos auxiliares.

Acessibilidade

Os blocos de processo são projetados para oferecer suporte à acessibilidade. Para ajudar seu conteúdo a funcionar bem para todos os alunos, siga as orientações abaixo.

Mídia acessível

• Adicione texto alternativo (texto alternativo) para todas as imagens.

• Inclua legendas ocultas para vídeos.

• Forneça descrições de áudio ou transcrições quando necessário.

• Se você alterar as cores do plano de fundo, verifique se o texto tem contraste suficiente e se é fácil de ler.

Navegação pelo teclado

O foco começará nos controles das etapas (a lista de etapas), não no conteúdo. Veja como navegar:

• Quando os controles de etapa estiverem em foco, use as teclas de seta para a esquerda e para a direita para se mover entre as etapas.

• Pressione Tab para ir para elementos interativos, como os botões Anterior, Avançar e Iniciar.

• Pressione Enter ou Espaço para ativar um botão.

Comportamento do leitor de tela

O foco começará nos controles das etapas (a lista de etapas), não no conteúdo. Isso significa que a ordem de leitura é diferente da ordem visual. O leitor de tela anuncia a interação como um carrossel e identifica a etapa atual. Por exemplo, “Carrossel... agrupamento de controles de slides... vá para o botão do slide... atual”. Veja como navegar:

• O foco permanecerá nos botões de navegação à medida que o aluno avança pelas etapas, a menos que ele se mova intencionalmente para o conteúdo.

• Quando o foco estiver nos controles de etapas, use as teclas de seta para cima e para baixo para se mover entre as etapas.

• O conteúdo de cada etapa (exceto a introdução) é lido automaticamente à medida que você navega pelo bloco.

• Pressione Tab para ir para elementos interativos, como os botões Anterior e Avançar e o botão Iniciar.

• Pressione Enter ou Espaço para ativar um botão.

Experiência móvel

O foco começará nos controles das etapas (a lista de etapas), não no conteúdo, e permanecerá nos controles das etapas à medida que o aluno percorre o conteúdo. Veja como navegar:

• Quando não estão usando um leitor de tela, os alunos podem tocar nos controles das etapas ou deslizar o dedo para alternar entre as etapas.

• Ao usar um leitor de tela, o aluno deve usar os controles de navegação do leitor de tela em seu dispositivo.

Nossa abordagem

Os blocos de processo usam uma interação no estilo carrossel (um conjunto de slides pelos quais os alunos percorrem). Com base na orientação do WAI-ARIA Authoring Practices Guide (APG) para carrosséis, o foco é colocado nos controles de navegação antes do conteúdo.

Essa abordagem ajuda os alunos a:

• Entenda que a interação inclui várias etapas

• Mova-se entre as etapas com eficiência

• Escolha por onde começar antes de ler

Realizamos testes de usabilidade com usuários de leitores de tela e teclados para ajudar a embasar essa abordagem. No entanto, os padrões de acessibilidade podem variar dependendo do contexto, e nenhuma solução única funciona para todos os cenários. Continuaremos avaliando e aprimorando essa experiência ao longo do tempo com base no feedback dos alunos e na evolução das melhores práticas.

Para obter mais orientações sobre a criação de conteúdo acessível, consulte as dicas de design de acessibilidade em nossos artigos abaixo:

• Rise 360: Como criar um curso acessível

• Índice de acessibilidade