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. 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, mas, como autor, você controla a acessibilidade do conteúdo que adicionar. Siga as dicas abaixo para ajudar seu conteúdo a funcionar bem para todos os alunos.

• Adicione texto alternativo (texto alternativo) para todas as imagens significativas. Descreva o que a imagem mostra e por que ela é importante no contexto, não apenas em sua aparência. Marque imagens puramente decorativas para que os leitores de tela as ignorem (1.1.1 Conteúdo não textual).

• Inclua legendas ocultas para vídeos. Certifique-se de que as legendas sejam precisas, sincronizadas com o áudio e incluam sons não falados relevantes ao adicionar significado (1.2.2 Legendas [Pré-gravadas]).

• Forneça descrições de áudio ou transcrições de vídeos com conteúdo visual importante. A transcrição deve capturar todo o conteúdo falado e as principais informações visuais não abordadas na narração (1.2.1 Somente áudio e somente vídeo [Pré-gravado]).

• Verifique o contraste do texto ao alterar as cores do plano de fundo. Procure pelo menos uma proporção de 4,5:1 para o corpo do texto e 3:1 para texto grande (1.4.3 Contraste [Mínimo]).

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

Navegação pelo teclado

A seção a seguir descreve o que os alunos que navegam em um treinamento com um teclado podem esperar ao usar um bloco de processo. Essas informações também podem ajudá-lo a verificar o comportamento esperado durante o teste de acessibilidade.

• O foco começa nos controles das etapas (a lista de etapas), não no conteúdo.

• 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.

Experiência de leitura de tela

A seção a seguir descreve o que os alunos que usam leitores de tela podem esperar ao navegar pelos blocos do processo. Você também pode usá-lo para verificar o comportamento esperado durante o teste de acessibilidade.

• O foco começa 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”.

• O foco permanece 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

A seção a seguir descreve o que os alunos que usam leitores de tela móveis podem esperar ao navegar pelos blocos do processo. Você também pode usá-lo para verificar o comportamento esperado durante o teste de acessibilidade.

• O foco começa 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.

• 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 de acordo com o contexto, e nenhuma solução única funciona em todos os cenários. Continuaremos avaliando e aprimorando essas experiências ao longo do tempo com base no feedback dos alunos e na evolução das melhores práticas.