Accessible Astro Starter

The Accessible Astro Starter is designed to help you build your project faster and provide a solid base for accessibility!

The theme includes some dedicated accessible components (such as a keyboard accessible and responsive navigation) and several components provided by the Accessible Astro Components package.

The theme also includes example pages, a blog with dynamic routes, a custom 404 page and many Design System utility classes, patterns and primitives (such as grids, buttons, lists, spacings, sizes and more).

Accessibility features

• Semantic HTML and accessible landmarks
• Outline focus indicator which works on dark and light backgrounds
• ARIA attributes which provide a better experience for screen reader users
• Visually hidden "Skip to content" link
• Navigation menu with full keyboard support and accessible mobile navigation
• Dark mode support with a user toggle and default support for a user's preferred color scheme
• Breadcrumbs, pagination, header, and footer components
• Automatically disables animations for users that have this preference turned on

Extra features

• SEO Component for setting page-specific metadata
• Preconfigured with dynamic routes for a basic blog, with breadcrumbs and pagination
• Custom 404 error page which you can adjust to your needs
• Accessible Astro Components package comes preinstalled with extra components such as Accordions, Modals and Notifications
• The Astro Icon package is also preinstalled which can be applied to different use cases