Example: Accessibility extension
This example shows, how the accessibility extension from cm-chessboard works.
It allows a better usage of the board for visually impaired
people.
The validate moves example has also
accessibility features enabled, but visually hidden.
Features of the Accessibility extension
- Enable Braille notation in the alt text of the chessboard image
- Display the chessboard additionally as HTML table
- Display a form to move a piece (from, to, move)
- Display the pieces additionally as List
- Keyboard navigation on the board (arrow keys to navigate, Enter/Space to select, Escape to cancel)
- Display these features visually hidden or not
Keyboard Navigation
Click the board or press Tab to focus it, then use:
- Arrow keys - Navigate between squares
- Enter / Space - Select a piece (first press) or target square (second press)
- Escape - Cancel the current move
The chessboard