Accessible Dashboard Template with Keyboard Nav & Screen Reader Support

Dashboards are where accessibility most often breaks down. Navigation sidebars with no keyboard support. Data tables that screen readers cannot parse. Modal dialogs that trap keyboard focus permanently or lose it entirely. Settings forms where error messages are invisible to assistive technology. These are not edge cases. They are the everyday experience for the 15% of the world population living with some form of disability. This accessible dashboard template fixes these problems at the component level. The sidebar navigation supports keyboard arrow keys and has proper ARIA landmark roles. Data tables use TanStack Table with aria-sort attributes on sortable columns, keyboard-navigable pagination, and screen reader announcements when sort order changes. The settings page groups related controls with fieldset and legend elements, and form validation errors are announced through ARIA live regions. Modal notifications use a custom useFocusTrap hook that contains keyboard focus within the dialog and restores it to the trigger element on close. The dashboard also includes skip links that let keyboard users jump directly to the main content area, bypassing repetitive navigation. Breadcrumbs provide context for screen reader users. The entire layout supports dark mode with contrast ratios maintained across both themes. All of this is free and open source under the MIT license.