Skip to content

Accessibility and Localization

Keyboard

The chart canvas is focusable (Tab); while focused:

KeyAction
/ next/previous point of the first visible series (highlighting)
Escclear the highlight

The container gets role="img" and an aria-label from title.text; the highlighted point is announced to screen readers via a hidden aria-live region.

Localization

Built-in strings are overridden via locale.localeText:

ts
Charts.create({
  ...,
  locale: {
    localeText: {
      loading: 'Loading…',
      noData: 'No data to display',
      downloadPng: 'Download PNG',
      resetZoom: 'Reset zoom',
    },
  },
});

Keys: loading, noData (overlays), downloadPng, resetZoom (context menu). Axis, legend and tooltip texts come from your data and your formatters, so they need no separate localization.

Options

OptionTypeDescription
locale.localeTextPartial<Record<LocaleKey, string>>UI string overrides

LocaleKey keys: loading, noData, downloadPng, resetZoom — the default Russian strings live in DEFAULT_LOCALE.

Keyboard support (always on): arrow keys move the highlight across the series' points, Escape clears the highlight and the zoom. State is announced via an ARIA live region.