---
title: Accessibility and UX Recipes
metaTitle: Accessibility and UX Recipes - JavaScript Data Grid | Handsontable
description: Practical recipes for improving accessibility and keyboard usability in Handsontable grids.
permalink: /recipes/accessibility
canonicalUrl: /recipes/accessibility
searchCategory: Recipes
hotPlugin: false
editLink: false
type: how-to
id: t1a3b5c7
react:
  id: u2b4c6d8
  metaTitle: Accessibility and UX Recipes - React Data Grid | Handsontable
angular:
  id: v3c5d7e9
  metaTitle: Accessibility and UX Recipes - Angular Data Grid | Handsontable
vue:
  id: 88pek0th
  metaTitle: Accessibility and UX Recipes - Vue Data Grid | Handsontable
---
[[toc]]

## Overview

This section provides practical recipes for making Handsontable grids more accessible and keyboard-friendly. Each recipe includes a working example you can copy into your app.

## Available Recipes

Current recipes:

<div class="boxes-list">

- [Custom keyboard shortcuts](@/recipes/accessibility/keyboard-shortcuts/keyboard-shortcuts.md)
- [ARIA-friendly grid](@/recipes/accessibility/aria-grid/aria-grid.md)

</div>