Accessibility
BacktestX Chart is designed to be accessible to all users. This guide details the keyboard navigation, screen reader support, and touch compatibility options available in the charting library.
Overview
Accessibility is a core focus of BacktestX Chart. The library complies with modern web accessibility standards, ensuring that users who rely on assistive technologies or keyboard-only navigation can fully interact with financial charts.
Keyboard Navigation & Shortcuts
Users can focus the chart using the Tab key and interact with it using standard keyboard shortcuts:
| Shortcut | Action |
|---|---|
| Tab | Focus the chart container. |
| Arrow Left / Right | Pan the chart left or right. |
| Arrow Up / Down | Zoom in or out on the time scale. |
| Esc | Reset chart view or close active popups/drawings. |
| Shift + Arrow Left / Right | Move the crosshair precisely bar-by-bar. |
Screen Reader Support (ARIA)
The chart container uses the role="application" attribute along with descriptive aria-label tags to announce the current chart state, active symbol, and timeframe to screen readers.
When the crosshair is active, price and time scale coordinates are dynamically updated in hidden ARIA-live regions, allowing screen readers to announce data point values in real-time.
Touch Device Compatibility
For mobile and tablet users, the chart supports intuitive touch gestures:
- Single-finger drag: Pans the chart smoothly across the time scale.
- Pinch gesture: Zooms in and out on the time scale.
- Long-press: Activates the crosshair tooltip at the touch location.