Melhore a acessibilidade com a gestão de foco

  • Versão de lançamento: Yokohama
  • Atualizado 30 de jan. de 2025
  • 1 min. de leitura

    • Defina o foco em elementos específicos, garantindo que os usuários possam interagir com eles de maneira eficaz usando leitores de tela.

    Antes de Iniciar

    Função necessária: ui_builder_admin

    Por Que e Quando Desempenhar Esta Tarefa

    A gestão de foco pode ajudar os usuários a navegar pelas experiências criadas com Construtor de IU, direcionando sua atenção para elementos específicos em uma página. Por exemplo, você pode apontar para um componente ao fechar um modal que atualizou informações em uma página primária.

    Procedimento

    1. Navegar até Tudo > Estrutura do Now Experience > Construtor de IU.
    2. Abra uma experiência para trabalhar ou crie uma experiência selecionando Criar > Experiência.
      Consulte Configure como os usuários interagem com suas aplicações no Construtor de IU para obter mais informações sobre como criar experiências.
    3. Crie ou abra uma página ou variante de página.
      Para obter mais informações sobre como criar uma página no Construtor de IU, consulte Criação de uma página no Construtor de IU.
    4. Selecione um componente na árvore de conteúdo que você deseja que acione o foco.
    5. Selecione a guia Eventos.
    6. Selecione Adicionar mapeamento de evento.
    7. Escolha um evento na lista.
    8. Selecione Continuar.
    9. Especifique o tipo de foco que você deseja acionar com o evento.

      Selecione Definir foco em para direcionar os usuários para um componente específico na página.

      Selecione Foco na página primária para direcionar os usuários para a página primária de uma sobreposição modal, pop-up ou semelhante.

      Lista de manipuladores de eventos mostrando Definir foco em.
    10. Selecione Continuar.
    11. Opcional: Selecione o componente que você deseja focar na lista Definir foco em.
      Componente de lista simples selecionado no campo de foco definido.
    12. Selecione Adicionar.
    13. Selecione Save (Salvar).