Accessibility · Library v2.6.0

DataGrid WAI-ARIA Support

DataGrid exposes row, column, sort and loading information. Keyboard behavior depends on enabled features; range selection adds cell navigation.

Roles, states and properties

These describe the installed implementation. ARIA communicates meaning; keyboard handlers and application code provide the interaction.

DataGrid accessibility semantics
ElementSemanticsBehavior
Data containergrid, aria-label, aria-rowcount, aria-colcountThe caption supplies the grid name; otherwise it is “Data grid”.
Headers and data cellsrowgroup, row, columnheader, gridcell, aria-sortSort state is exposed on sortable headers.
Selection and editingaria-selected, aria-invalid, aria-describedbyRange selection and built-in validation expose state where those features are enabled.
Loading and updatesaria-busy; polite status regionThe wrapper exposes loading and the live region announces supported actions.

Current limitations

  • The default grid does not implement the complete APG single-tab-stop interaction model. Range navigation is opt-in and does not cover every header, toolbar and custom template.
  • Grouped rows, virtual windows and custom detail content require application-level keyboard and assistive-technology testing. Do not assume unrendered rows can be read by a screen reader.

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.

Compare your workflow with the W3C authoring pattern. The pattern describes the target interaction, not a guarantee of current component support.

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.