accessible-astro-docs — Astro 后台模板

SHA-256: 4859c269a60965ee94df3560a307047d109af0e6ccc1bcefbea1cbc44ce9a545

2026-09-30T01:04:34.015Z

# Accessible Astro Docs

![accessible-astro-docs](https://github.com/user-attachments/assets/37c49368-c0b4-47fd-b4c6-67abf658522d)

[![Built with Starlight](https://astro.badg.es/v2/built-with-starlight/small.svg)](https://starlight.astro.build)

Welcome to the official documentation website for the Accessible Astro Projects! This comprehensive resource is built with [Starlight](https://starlight.astro.build), Astro's powerful documentation framework, to provide clear and accessible documentation for our suite of accessibility-focused tools. Whether you're a developer looking to build more inclusive web applications or someone interested in learning about web accessibility, this documentation covers:

- [Accessible Astro Starter](https://github.com/incluud/accessible-astro-starter): Fully accessible starter for kickstarting Astro projects, with Tailwind.
- [Accessible Astro Components](https://github.com/incluud/accessible-astro-components/): Library of reusable, accessible components build for Astro.
- [Accessible Astro Dashboard](https://github.com/incluud/accessible-astro-dashboard/): User-friendly dashboard interface with a login screen and widgets.

[![GO TO DOCS](https://img.shields.io/badge/GO_TO_DOCS-2AA198?style=for-the-badge&logo=astro&logoColor=black)](https://accessible-astro.incluud.dev)  
[![Sponsor on Open Collective](https://img.shields.io/badge/Open%20Collective-7FADF2?style=for-the-badge&logo=opencollective&logoColor=white)](https://opencollective.com/incluud)  

Check out our [roadmap](https://github.com/orgs/incluud/projects/4/views/1) to see what's coming next!

## Our mission

> Make the web more accessible for everyone with projects that are easy to use for both developers and end-users, with accessibility and inclusivity as our foundation.

## Documentation features

- Built with Starlight, Astro's documentation framework
- Comprehensive component documentation
- Interactive examples and code snippets
- Accessibility guidelines and best practices
- TypeScript documentation and examples
- Dark mode support with `light-dark()`
- Mobile-friendly and responsive design
- Search functionality
- Proper heading structure
- Skip links and keyboard navigation
- Screen reader friendly
- Performance optimized

## Accessible Astro ecosystem

The Accessible Astro ecosystem is a collection of projects that are designed to help you build accessible web applications. It includes:

- [Accessible Astro Starter](https://github.com/incluud/accessible-astro-starter): Fully accessible starter for kickstarting Astro projects, with Tailwind.
- [Accessible Astro Components](https://github.com/incluud/accessible-astro-components/): Library of reusable, accessible components built for Astro.
- [Accessible Astro Dashboard](https://github.com/incluud/accessible-astro-dashboard/): User-friendly dashboard interface with a login screen and widgets.
- [Accessible Astro Launcher](https://github.com/incluud/accessible-astro-launcher): Command palette/launcher component for Astro projects.
- [Accessible Astro Docs](https://github.com/incluud/accessible-astro-docs): Comprehensive documentation for all Accessible Astro projects.
- [Color Contrast Checker](https://github.com/incluud/color-contrast-checker): WCAG-compliant color contrast checker with design system token generation.

Check out our [roadmap](https://github.com/orgs/incluud/projects/4) to see what's coming next!

## Contributing

We welcome contributions to improve the documentation! You can help by:

1. [Filing an issue](https://github.com/incluud/accessible-astro-docs/issues)
2. [Submitting a pull request](https://github.com/incluud/accessible-astro-docs/pulls)
3. [Starting a discussion](https://github.com/incluud/accessible-astro-docs/discussions)
4. [Supporting on Open Collective](https://opencollective.com/incluud)

## Support this project

Your support helps us cover basic costs and continue building accessible solutions for the Astro ecosystem. By becoming a sponsor, you're not just supporting code – you're helping create a more inclusive web for everyone. Every contribution, big or small, helps maintain and improve these accessibility-focused tools.

[![Sponsor on Open Collective](https://img.shields.io/badge/Open%20Collective-7FADF2?style=for-the-badge&logo=opencollective&logoColor=white)](https://opencollective.com/incluud)

## Together we make a difference

We want to express our heartfelt gratitude to everyone who contributes to making the web more accessible:

- **The Astro Team** for creating an amazing static site generator and the wonderful Starlight theme
- **Our Contributors** who dedicate their time and expertise to improve these tools
- **Our Sponsors** who help make this project sustainable
- **The Web Community** for embracing and promoting web accessibility
- **You, the Developer** for choosing to make your projects more accessible

<a href="https://github.com/incluud/accessible-astro-docs/graphs/contributors">
  <img src="https://contrib.rocks/image?repo=incluud/accessible-astro-docs" />
</a><br /><br />

Together, we're not just building documentation or components – we're creating a more inclusive and accessible web for everyone. Every contribution, whether it's code, documentation, bug reports, or feedback, helps move us closer to this goal. ✨

Remember: Accessibility is not a feature, it's a fundamental right. Thank you for being part of this journey!