Accessibility in UI5 Web Components

UI5 Web Components have built-in accessibility: ARIA roles, keyboard navigation, screen reader support, and high contrast themes are handled automatically in the shadow DOM. Applications should use the accessibility APIs described here to provide additional context that only the app can know (labels, descriptions, relationships).

Built-in Accessibility (No App Code Needed)

Components automatically provide:

• ARIA roles and attributes mapped in the shadow DOM (e.g., ui5-combobox renders role="combobox" internally)
• Keyboard navigation within complex components (arrow keys in lists, tables, date pickers, etc.)
• Focus management with visible focus indicators
• State mapping — disabled, readonly, required, checked are automatically mapped to their ARIA equivalents (aria-disabled, aria-readonly, aria-required, aria-checked)

Accessibility APIs

Use these properties to enrich the accessibility context for your application.

accessibleName

Maps to aria-label. Provides a text alternative when the visual label is insufficient or absent.