Enhance accessibility with focus management

task australia Updated Sep 10, 2026 1 min read focus-management.md

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

Before you begin

Role required: ui_builder_admin

About this task

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.

Procedure

Navigate to All > Now Experience Framework > UI Builder.
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.
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.
Select a component from the content tree that you want to trigger the focus.
Select the Events tab.
Select Add event mapping.
Choose an event from the list.
Select Continue.
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.

[Omitted image "set-focus-option.png"] Alt text: List of event handlers showing Set focus on.
Select Continue.
Select the component you want to focus on from the Set focus on list.

[Omitted image "set-focus-list.png"] Alt text: Simple List component selected in the set focus on field.
Select Add.
Select Save.

Parent Topic:Customize UI Builder pages using components

70 lines · 2.8 KB Wrap lines

---
title: Enhance accessibility with focus management
description: Set focus on specific elements, ensuring users can interact with them effectively using screen readers.
locale: en-US
canonical_url: https://www.servicenow.com/docs/r/australia/application-development/ui-builder/focus-management.html
release: australia
product: UI Builder
classification: ui-builder
topic_type: task
last_updated: "2026-09-10"
reading_time_minutes: 1
breadcrumb: [Customize UI Builder pages using components, Working in UI Builder, UI Builder, Builder library, Developing your application, Classic app development, Building applications]
---

# Enhance accessibility with focus management

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

## Before you begin

Role required: ui\_builder\_admin

## About this task

## Procedure

1. Navigate to **All** &gt; **Now Experience Framework** &gt; **UI Builder**.

2. Open an experience to work in or create an experience by selecting **Create** &gt; **Experience**.

See [Configure how users interact with your applications in UI Builder](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/ui-builder/work-experiences.md) 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](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/ui-builder/create-page.md).

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.

\[Omitted image "set-focus-option.png"\] Alt text: List of event handlers showing Set focus on.

10. Select **Continue**.

11. Select the component you want to focus on from the **Set focus on** list.

\[Omitted image "set-focus-list.png"\] Alt text: Simple List component selected in the set focus on field.

12. Select **Add**.

13. Select **Save**.

**Parent Topic:**[Customize UI Builder pages using components](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/ui-builder/work-components.md)