Enhance accessibility with focus management

Set focus on specific elements, ensuring users can interact with them effectively using screen readers.

Avant de commencer

Role required: ui_builder_admin

Pourquoi et quand exécuter cette tâche

Focus management can help users navigate experiences built with UI Builder by directing their attention to specific elements on a page. For example, you can point to a component when closing a modal that updated information on a parent page.

Procédure

1. Navigate to All > Now Experience Framework > UI Builder.
2. Open an experience to work in or create an experience by selecting Create > Experience.
   See Configure how users interact with your applications in UI Builder for more information on creating experiences.
3. Create or open a page or page variant.
   For more information about how to create a page in UI Builder, see Create a page in UI Builder.
4. Select a component from the content tree that you want to trigger the focus.
5. Select the Events tab.
6. Select Add event mapping.
7. Choose an event from the list.
8. Select Continue.
9. Specify the type of focus you want to trigger with the event.

   Select Set focus on to direct users to a specific component on your page.

   Select Focus parent page to direct users to the parent page of a modal, pop-up, or similar overlay.

   

10. Select Continue.
11. Facultatif : Select the component you want to focus on from the Set focus on list.
    
12. Select Add.
13. Select Save.