Accessibility

Using Badge

Badges are display-only and do not enter the tab order. Use a Chip or Button when the label needs an interaction.

Previously reviewed component interactions; review dated October 11, 2026. Support depends on the supplied content, configuration and integration. No page or application certification is provided.

Using BluGrid

Use the grid’s arrow-key navigation, Enter to edit, and Escape to cancel an editor. Label toolbar controls and show save errors beside retained drafts.

Previously reviewed component interactions; review dated October 11, 2026. Support depends on the supplied content, configuration and integration. No page or application certification is provided.

Using Breadcrumbs

Tab focuses ancestor links. The current page is labelled with aria-current and does not behave like a link to itself.

Previously reviewed component interactions; review dated October 11, 2026. Support depends on the supplied content, configuration and integration. No page or application certification is provided.

Using Button

Tab moves between enabled buttons. Enter or Space activates a focused button. Disabled and loading buttons cannot be activated.

Previously reviewed component interactions; review dated October 11, 2026. Support depends on the supplied content, configuration and integration. No page or application certification is provided.

Using Card

The surface is not a button. Interactive content follows its natural tab order. Choose a heading level that fits the containing page.

Previously reviewed component interactions; review dated October 11, 2026. Support depends on the supplied content, configuration and integration. No page or application certification is provided.

Using Cascader

Enter opens the picker. Arrow keys explore levels; Enter selects a leaf. Escape closes and returns focus.

Previously reviewed component interactions; review dated October 11, 2026. Support depends on the supplied content, configuration and integration. No page or application certification is provided.

Using Chat

Enter sends, Shift+Enter inserts a new line. Escape minimizes the widget and returns focus to its launcher. Streaming updates preserve focus and are announced at completion. All animation honors reduced motion.

Keyboard, focus, responsive layout and reduced motion have targeted coverage. Test your connected assistant and real message content.

Rendered component output only; documentation controls are excluded. Complete interactive-state, keyboard, visual and assistive-technology review before confirming all applicable requirements.

Using ChatWidget

Enter sends, Shift+Enter inserts a new line. Escape minimizes the widget and returns focus to its launcher. Streaming updates preserve focus and are announced at completion. All animation honors reduced motion.

Keyboard, focus, responsive layout and reduced motion have targeted coverage. Test your connected assistant and real message content.

Rendered component output only; documentation controls are excluded. Complete interactive-state, keyboard, visual and assistive-technology review before confirming all applicable requirements.

Using Chip & ChipGroup

Tab focuses selectable chips and their remove controls. Space or Enter changes selection. After removal, focus moves to the next available control.

Previously reviewed component interactions; review dated October 11, 2026. Support depends on the supplied content, configuration and integration. No page or application certification is provided.

Using CollectionLayout

Source reading and keyboard order are preserved, including masonry. Do not reorder content through CSS.

Provide meaningful image descriptions and media alternatives. Check text contrast against your chosen images.

Rendered component output only; documentation controls are excluded. Complete interactive-state, keyboard, visual and assistive-technology review before confirming all applicable requirements.

Using CommandPalette

Open with the trigger or Command/Ctrl K when enabled. Up and Down change the active command; Enter runs it. Escape closes and returns focus.

Previously reviewed component interactions; review dated October 11, 2026. Support depends on the supplied content, configuration and integration. No page or application certification is provided.

Using ContentCarousel

Tab to the track; Left/Right and Home/End scroll. Previous and Next work without swiping. There is no automatic rotation.

Provide meaningful image descriptions and media alternatives. Check text contrast against your chosen images.

Rendered component output only; documentation controls are excluded. Complete interactive-state, keyboard, visual and assistive-technology review before confirming all applicable requirements.

Using DashboardCanvas

Choose Edit layout, then Layout options to move, resize, hide or restore panels without dragging. Your entries are preserved.

Rendered component output only; documentation controls are excluded. Complete interactive-state, keyboard, visual and assistive-technology review before confirming all applicable requirements.

Using DataImportWizard

Browse for a CSV, map fields, then use the editable review table. Validation messages are associated with each input; Go to first issue finds the earliest error.

Rendered component output only; documentation controls are excluded. Complete interactive-state, keyboard, visual and assistive-technology review before confirming all applicable requirements.

Using Descriptions

Labels and values use a semantic definition list. Optional item actions are keyboard accessible.

Previously reviewed component interactions; review dated October 11, 2026. Support depends on the supplied content, configuration and integration. No page or application certification is provided.

Using Drawer

Tab stays inside the drawer. Escape closes when allowed. Form fields retain their values while the drawer is open.

Previously reviewed component interactions; review dated October 11, 2026. Support depends on the supplied content, configuration and integration. No page or application certification is provided.

Using EmptyState

The illustration is decorative. Use Tab to reach any available actions.

Previously reviewed component interactions; review dated October 11, 2026. Support depends on the supplied content, configuration and integration. No page or application certification is provided.

Using FilterBuilder

All fields, operators, values, and group actions are native controls. Tab follows the rule order. Use Apply to request evaluation.

Previously reviewed component interactions; review dated October 11, 2026. Support depends on the supplied content, configuration and integration. No page or application certification is provided.

Using FloatButton

Tab focuses the button; Enter or Space activates it. The accessible name includes its badge count. Reduced motion disables entry and hover animation.

Keyboard, focus, responsive layout and reduced motion have targeted coverage. Test your connected assistant and real message content.

Rendered component output only; documentation controls are excluded. Complete interactive-state, keyboard, visual and assistive-technology review before confirming all applicable requirements.

Using FormBuilder

Use Tab to reach each labelled control. Fields can be reordered with buttons without dragging. Next validates the current step; validation links focus the affected field.

Review each form with its real questions, validation messages and submission flow.

Rendered component output only; documentation controls are excluded. Complete interactive-state, keyboard, visual and assistive-technology review before confirming all applicable requirements.

Using FormRenderer

Use Tab to reach each labelled control. Fields can be reordered with buttons without dragging. Next validates the current step; validation links focus the affected field.

Review each form with its real questions, validation messages and submission flow.

Rendered component output only; documentation controls are excluded. Complete interactive-state, keyboard, visual and assistive-technology review before confirming all applicable requirements.

Using HeroSection

Use a single page-level H1. Choose overlay strength and image crop that preserve readable contrast. Supply alt text only when the background image communicates content.

Provide meaningful image descriptions and media alternatives. Check text contrast against your chosen images.

Rendered component output only; documentation controls are excluded. Complete interactive-state, keyboard, visual and assistive-technology review before confirming all applicable requirements.

Using ImageAnnotator

Choose a tool and use Add annotation to create marks without dragging. Select a mark in the list to edit its comment and numeric position. Undo, redo and export are buttons.

Rendered component output only; documentation controls are excluded. Complete interactive-state, keyboard, visual and assistive-technology review before confirming all applicable requirements.

Using ImageCompare

Tab to the range input, use arrow keys, or use the − and + buttons. Dragging is optional.

Provide meaningful image descriptions and media alternatives. Check text contrast against your chosen images.

Rendered component output only; documentation controls are excluded. Complete interactive-state, keyboard, visual and assistive-technology review before confirming all applicable requirements.

Using Kanban

Use labelled card actions to edit or move. Dialogs support keyboard navigation and Escape. Save failure preserves the draft for retry.

Previously reviewed component interactions; review dated October 11, 2026. Support depends on the supplied content, configuration and integration. No page or application certification is provided.

Using LogoCloud

Tab reaches every interactive control. Shared Light/Dark/System appearance and reduced motion apply.

Provide meaningful image descriptions and media alternatives. Check text contrast against your chosen images.

Rendered component output only; documentation controls are excluded. Complete interactive-state, keyboard, visual and assistive-technology review before confirming all applicable requirements.

Using MatrixEditor

Tab through typed cells. Space changes checkboxes. Row and column All/None commands provide bulk changes; disabled cells remain protected.

Rendered component output only; documentation controls are excluded. Complete interactive-state, keyboard, visual and assistive-technology review before confirming all applicable requirements.

Using MediaCard

Tab reaches every interactive control. Shared Light/Dark/System appearance and reduced motion apply.

Provide meaningful image descriptions and media alternatives. Check text contrast against your chosen images.

Rendered component output only; documentation controls are excluded. Complete interactive-state, keyboard, visual and assistive-technology review before confirming all applicable requirements.

Using MediaImage

Tab reaches every interactive control. Shared Light/Dark/System appearance and reduced motion apply.

Provide meaningful image descriptions and media alternatives. Check text contrast against your chosen images.

Rendered component output only; documentation controls are excluded. Complete interactive-state, keyboard, visual and assistive-technology review before confirming all applicable requirements.

Using Modal

Tab stays inside the open dialog. Escape closes when allowed. Focus returns to the opening control.

Previously reviewed component interactions; review dated October 11, 2026. Support depends on the supplied content, configuration and integration. No page or application certification is provided.

Using Notification

Timers pause while a message is hovered or focused. Action and dismiss controls are labelled. Errors are announced assertively.

Previously reviewed component interactions; review dated October 11, 2026. Support depends on the supplied content, configuration and integration. No page or application certification is provided.

Using NotificationCenter

Use the bell to open the inbox. Escape closes the popover and returns focus. Search, filters, read, archive and item actions are keyboard accessible.

Rendered component output only; documentation controls are excluded. Complete interactive-state, keyboard, visual and assistive-technology review before confirming all applicable requirements.

Using PageHeader

Use one main heading per page. Actions remain labelled and keyboard accessible. Breadcrumbs provide a separate navigation landmark.

Previously reviewed component interactions; review dated October 11, 2026. Support depends on the supplied content, configuration and integration. No page or application certification is provided.

Using Pagination

Tab to page buttons and selectors. Current page is announced; unavailable navigation is disabled.

Previously reviewed component interactions; review dated October 11, 2026. Support depends on the supplied content, configuration and integration. No page or application certification is provided.

Using ProfileCard

Tab reaches every interactive control. Shared Light/Dark/System appearance and reduced motion apply.

Provide meaningful image descriptions and media alternatives. Check text contrast against your chosen images.

Rendered component output only; documentation controls are excluded. Complete interactive-state, keyboard, visual and assistive-technology review before confirming all applicable requirements.

Using QRCode

The image has an accessible label. Download and refresh controls are keyboard accessible.

Previously reviewed component interactions; review dated October 11, 2026. Support depends on the supplied content, configuration and integration. No page or application certification is provided.

Using QuoteCard

Tab reaches every interactive control. Shared Light/Dark/System appearance and reduced motion apply.

Provide meaningful image descriptions and media alternatives. Check text contrast against your chosen images.

Rendered component output only; documentation controls are excluded. Complete interactive-state, keyboard, visual and assistive-technology review before confirming all applicable requirements.

Using Sidebar

The menu toggle announces expanded state. A closed sidebar is removed from keyboard navigation. Mark the current destination with aria-current.

Previously reviewed component interactions; review dated October 11, 2026. Support depends on the supplied content, configuration and integration. No page or application certification is provided.

Using Skeleton

Skeletons are decorative and do not enter the tab order. Put aria-busy on the loading region and announce completion. Animation respects reduced-motion preferences.

Previously reviewed component interactions; review dated October 11, 2026. Support depends on the supplied content, configuration and integration. No page or application certification is provided.

Using Sparkline

The SVG has a text summary. Tab to View trend data and press Enter to reveal the accessible data table.

Rendered component output only; documentation controls are excluded. Complete interactive-state, keyboard, visual and assistive-technology review before confirming all applicable requirements.

Using SplitSection

Tab reaches every interactive control. Shared Light/Dark/System appearance and reduced motion apply.

Provide meaningful image descriptions and media alternatives. Check text contrast against your chosen images.

Rendered component output only; documentation controls are excluded. Complete interactive-state, keyboard, visual and assistive-technology review before confirming all applicable requirements.

Using Splitter

Focus the separator. Arrow keys resize, Shift increases the step, Home and End use the limits, Enter collapses or expands, and Escape cancels a pointer drag.

Previously reviewed component interactions; review dated October 11, 2026. Support depends on the supplied content, configuration and integration. No page or application certification is provided.

Using Statistic

The label and formatted value are readable as text. Loading is announced with aria-busy.

Previously reviewed component interactions; review dated October 11, 2026. Support depends on the supplied content, configuration and integration. No page or application certification is provided.

Using TextHighlight

Text remains real selectable content. Optional drawing runs once and respects reduced motion.

Provide meaningful image descriptions and media alternatives. Check text contrast against your chosen images.

Rendered component output only; documentation controls are excluded. Complete interactive-state, keyboard, visual and assistive-technology review before confirming all applicable requirements.

Using Timeline

Activity items follow list order. Optional item actions are keyboard accessible.

Previously reviewed component interactions; review dated October 11, 2026. Support depends on the supplied content, configuration and integration. No page or application certification is provided.

Using Tour

Tab stays inside the step dialog. Back and Next navigate; Escape skips and restores focus. Missing targets show a centered step.

Previously reviewed component interactions; review dated October 11, 2026. Support depends on the supplied content, configuration and integration. No page or application certification is provided.

Using TransferList

Tab moves between search fields, checkboxes, and transfer buttons. Space marks an item; Enter activates a move. Disabled items stay in place.

Previously reviewed component interactions; review dated October 11, 2026. Support depends on the supplied content, configuration and integration. No page or application certification is provided.

Using TreeSelect

Open the field with Enter or Space. Use the search field to narrow choices. Navigate available controls with Tab and close the popup with Escape.

Previously reviewed component interactions; review dated October 11, 2026. Support depends on the supplied content, configuration and integration. No page or application certification is provided.

Using TreeView

Up and Down move through visible nodes. Right expands or enters a branch; Left collapses or returns to its parent. Home and End jump to the first or last item. Enter selects.

Previously reviewed component interactions; review dated October 11, 2026. Support depends on the supplied content, configuration and integration. No page or application certification is provided.

Using UploadManager

Browse files works with Enter or Space. Every queued file has individually labelled actions. Progress and errors are announced. Drag and drop has a Browse alternative.

Previously reviewed component interactions; review dated October 11, 2026. Support depends on the supplied content, configuration and integration. No page or application certification is provided.

Using VideoLightbox

Activate the play control to open. Escape or Close pauses playback and restores focus. Captions and accessible media content remain the application’s responsibility.

Provide meaningful image descriptions and media alternatives. Check text contrast against your chosen images.

Rendered component output only; documentation controls are excluded. Complete interactive-state, keyboard, visual and assistive-technology review before confirming all applicable requirements.

Using VideoPlayer

Use the native video controls for play, pause, volume, captions and fullscreen. Supply captions and an audio description or transcript when the content requires them.

Provide meaningful image descriptions and media alternatives. Check text contrast against your chosen images.

Rendered component output only; documentation controls are excluded. Complete interactive-state, keyboard, visual and assistive-technology review before confirming all applicable requirements.