Accessible Astro Dashboard

Accessible Astro Dashboard is a modern, accessibility-focused admin dashboard template built with Astro. It adheres to WCAG guidelines, providing a comprehensive interface with built-in accessibility features. The project's mission is to provide developers with accessible, easy-to-use components that make building inclusive web applications simpler and faster, without compromising on customization or performance.

Key features include:

• Responsive and Keyboard-Accessible Navigation: A comprehensive sidebar navigation for desktop that adapts to mobile viewports, supporting arrow keys and escape key for navigation, and preserving user preferences in localStorage.
• Authentication Flows: Includes a login.astro page with an example login using localStorage and a separate LoginLayout.astro layout, complete with warning notifications for incorrect credentials.
• Example Admin Pages: Several examples of admin pages such as media.astro, messages.astro, products.astro, settings.astro, and users.astro.
• Reusable Components: Features components like Media.astro for images, Pagination.astro for paginating results, DashboardWidget.astro for dashboard elements, EmpyState.astro for pages without data, and LoginForm.astro with basic accessible form controls.
• Accessibility Utilities: Includes SkipLinks.astro for quick navigation to main menu or content, ResponsiveToggle.astro for mobile navigation, DarkMode.astro for user-preferred theme, .sr-only utility class for screen reader-only text, and prefers-reduced-motion support to disable animations.
• Pre-installed Packages: Comes with Accessible Astro Components (Accordions, Modals, Notifications) and Astro Icon for diverse use cases.
• Custom 404 Page: A customizable 404.astro error page.

This template offers everything needed to kickstart an accessible admin dashboard, focusing on inclusive web development practices.