Quando os alunos navegam com um teclado, o indicador de foco mostra qual item está atualmente selecionado. No player moderno, você pode escolher duas cores para o retângulo de foco para mantê-lo visível em fundos diferentes.

Usar uma única cor clara e uma única cor escura ajuda a garantir que o indicador de foco se destaque nos slides, imagens e elementos da interface.

Selecione as cores do indicador de foco

Siga estas etapas:

1. Vá para a guia Início na faixa de opções e clique em Player.
2. Confirme se você está usando o estilo de jogador moderno.
3. Clique em Cores e efeitos na faixa de opções.
4. Escolha duas cores de foco de acessibilidade, de preferência uma clara e outra escura.

Escolha combinações de cores acessíveis

Lembre-se dessas diretrizes:

• O primeiro seletor de cores controla a cor externa do retângulo de foco.
• O segundo seletor de cores controla a cor interna do retângulo de foco.
• As opções padrão são baseadas nas cores do seu tema.
• Escolha cores que tenham pelo menos uma taxa de contraste de 3:1 em relação às cores de fundo adjacentes. Isso suporta os requisitos do WCAG para componentes da interface do usuário e objetos gráficos.
• Use um verificador de contraste para confirmar se suas opções de cores atendem a essa proporção.
• Para usar um único indicador de foco de cor, selecione a mesma cor nos dois campos.

Teste a visibilidade do Focus antes de publicar

Antes de publicar seu treinamento:

• Navegue pelo conteúdo usando somente o teclado (Tab e Shift+Tab).
• Verifique a visibilidade em fundos claros, escuros e baseados em imagens.
• Confirme se o indicador de foco permanece claramente visível nos botões, links e elementos interativos.
• Se possível, revise com pessoas que usam a navegação pelo teclado ou a ampliação da tela para garantir que o indicador seja fácil de rastrear.

Isso ajuda a garantir que os alunos que confiam na navegação pelo teclado possam ver claramente onde estão na tela.