AboutSupportDeveloper GuideVersion 45.148.100.77

Interface ViewTabAccessibilityOptions

Accessibility options for view tab navigation.

interface ViewTabAccessibilityOptions {
    announceTabChanges?: boolean;
    ariaLabels?: AriaLabelOptions;
    arrowNavigation?: ViewTabElements[];
    enableDeleteKeyClose?: boolean;
    enableHomeEndNavigation?: boolean;
    focusOnCloseStrategy?: "active" | "next" | "previous";
    tabNavigation?: ViewTabElements[];
}

Properties

announceTabChanges? ariaLabels? arrowNavigation? enableDeleteKeyClose? enableHomeEndNavigation? focusOnCloseStrategy? tabNavigation?

Properties

OptionalannounceTabChanges

announceTabChanges?: boolean

Whether to announce tab changes via aria-live.

Default

true

OptionalariaLabels

ariaLabels?: AriaLabelOptions

Custom aria-label providers. Can be a static string or a function receiving context.

OptionalarrowNavigation

arrowNavigation?: ViewTabElements[]

Controls which elements are navigable via Arrow keys.

Default

['inactive-tab', 'active-tab', 'active-tab-close-button', 'inactive-tab-close-button', 'add-tab-button']

OptionalenableDeleteKeyClose

enableDeleteKeyClose?: boolean

Whether Delete/Backspace keys close the focused tab.

Default

false

OptionalenableHomeEndNavigation

enableHomeEndNavigation?: boolean

Whether Home/End keys jump to first/last navigable element.

Default

false

OptionalfocusOnCloseStrategy

focusOnCloseStrategy?: "active" | "next" | "previous"

Focus behavior when a tab is closed via keyboard.

Default

'next'

OptionaltabNavigation

tabNavigation?: ViewTabElements[]

Controls which elements are reachable via Tab key navigation. Uses roving tabindex pattern - only one element focusable at a time.

Default

['active-tab', 'add-tab-button']

Settings

On This Page

Properties