Accessibility · Library v2.6.0

AI Chat Accessibility Overview

AI Chat adds a labeled conversation log, retry controls and toggleable feedback to the prompt composer.

Keyboard interaction

AI Chat keyboard behavior
KeyAction
Tab / Shift+TabReach the scrollable transcript, feedback, retry actions and composer.
Enter / SpaceActivate a focused native button.

In your application

  • Use meaningful labels and keep focus visible in custom templates.
  • Handle stop events by cancelling the backend request. The component cannot cancel a provider request by itself.
  • Test streamed updates with assistive technology and avoid announcing every token.

Keep focus indicators visible, check contrast with your theme, and test at browser zoom. Try the component examples using only a keyboard.

Current limitations

  • Live-region delivery varies by browser and screen reader. No compatibility certification is claimed.
  • Application-owned dialogs, generated content and backend errors require their own accessibility checks.

This reference is based on the shipped source. It is not a WCAG conformance certificate or a claim that every browser and screen reader combination has been tested.

See the W3C ARIA Authoring Practices Guide for guidance on custom controls.

This project is not affiliated with ng-bootstrap or ngx-bootstrap. Those projects focus mainly on Bootstrap components for Angular. ngbootstrap focuses on Angular UI for data-heavy apps, especially Data Grid, Angular-native Form Builder, drag and drop workflows, documentation examples, and performance-focused Angular patterns.