keyboard

import { useEffect } from 'react'

interface KeyboardHandlers {
  [key: string]: () => void
}

Keyboard navigation and focus management

react accessibility keyboard

by Maya Patel 2 tabs

typescript

import { useEffect, RefObject } from "react";

const TABBABLE =
  'a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])';

export function useFocusTrap(

Accessible modal with focus trap

react a11y accessibility

by codesnips 4 tabs