{"id":25333964,"url":"https://github.com/incluud/accessible-astro-starter","last_synced_at":"2026-01-28T23:00:33.641Z","repository":{"id":39890261,"uuid":"391560145","full_name":"incluud/accessible-astro-starter","owner":"incluud","description":"An Accessible, WCAG compliant Starter Theme for Astro 5+ including several accessibility features such as, better focus-outline, landmarks, semantics, interactive components and skip-link navigation. Ships with Tailwind 4, Prettier and ESLint support.","archived":false,"fork":false,"pushed_at":"2026-01-24T15:58:06.000Z","size":4919,"stargazers_count":1095,"open_issues_count":5,"forks_count":192,"subscribers_count":13,"default_branch":"main","last_synced_at":"2026-01-25T00:44:01.427Z","etag":null,"topics":["a11y","accessibility","astro","blog","darkmode","dynamic-routes","eslint","javascript","prettier","sass","skip-links","tailwindcss","template","theme","typescript","utility-classes","wcag"],"latest_commit_sha":null,"homepage":"https://accessible-astro-starter.incluud.dev/","language":"Astro","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/incluud.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":"AGENTS.md","dco":null,"cla":null},"funding":{"github":"incluud","patreon":null,"open_collective":"incluud","ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"lfx_crowdfunding":null,"polar":null,"buy_me_a_coffee":null,"thanks_dev":null,"custom":null}},"created_at":"2021-08-01T07:37:35.000Z","updated_at":"2026-01-24T09:40:38.000Z","dependencies_parsed_at":"2023-02-16T22:01:45.746Z","dependency_job_id":"2f63accc-9f72-4a66-9b71-e06f74f85336","html_url":"https://github.com/incluud/accessible-astro-starter","commit_stats":{"total_commits":291,"total_committers":16,"mean_commits":18.1875,"dds":0.5051546391752577,"last_synced_commit":"e75c66f80597dc4b65f485f0c4e674c57df8740f"},"previous_names":["incluud/accessible-astro-starter","markteekman/accessible-astro-starter"],"tags_count":65,"template":true,"template_full_name":null,"purl":"pkg:github/incluud/accessible-astro-starter","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/incluud%2Faccessible-astro-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/incluud%2Faccessible-astro-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/incluud%2Faccessible-astro-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/incluud%2Faccessible-astro-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/incluud","download_url":"https://codeload.github.com/incluud/accessible-astro-starter/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/incluud%2Faccessible-astro-starter/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28854402,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-28T22:56:21.783Z","status":"ssl_error","status_checked_at":"2026-01-28T22:56:00.861Z","response_time":57,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["a11y","accessibility","astro","blog","darkmode","dynamic-routes","eslint","javascript","prettier","sass","skip-links","tailwindcss","template","theme","typescript","utility-classes","wcag"],"created_at":"2025-02-14T05:23:18.973Z","updated_at":"2026-01-28T23:00:33.632Z","avatar_url":"https://github.com/incluud.png","language":"Astro","funding_links":["https://github.com/sponsors/incluud","https://opencollective.com/incluud"],"categories":["Astro"],"sub_categories":[],"readme":"# Accessible Astro Starter\n\n\u003cimg width=\"1200\" height=\"627\" alt=\"social-preview-image\" src=\"https://github.com/user-attachments/assets/bcd886fb-dd70-4a81-ac73-e138f3ce8d35\" /\u003e\n\n[![Built with Astro](https://astro.badg.es/v2/built-with-astro/small.svg)](https://astro.build)\n\nA ready-to-use, SEO and accessibility-focused Astro starter template. Built with modern web standards, WCAG 2.2 AA guidelines, and European Accessibility Act (EAA) compliance in mind, it provides a solid foundation for creating inclusive websites. Features Tailwind CSS 4 integration, comprehensive component library with enhanced form validation, color contrast checker, and typography with Atkinson Hyperlegible font for improved readability. Includes a powerful command launcher for keyboard-driven navigation, preference toggles for dark mode, high contrast, and reduced motion, plus dynamic blog/portfolio pages with social sharing, contact forms, and full MDX support.\n\n[![LIVE DEMO](https://img.shields.io/badge/LIVE_DEMO-4ECCA3?style=for-the-badge\u0026logo=astro\u0026logoColor=black)](https://accessible-astro-starter.incluud.dev/) \u0026nbsp;\n[![DOCUMENTATION](https://img.shields.io/badge/DOCUMENTATION-A682FF?style=for-the-badge\u0026logo=astro\u0026logoColor=black)](https://accessible-astro.incluud.dev/) \u0026nbsp;\n[![Sponsor on Open Collective](https://img.shields.io/badge/Open%20Collective-7FADF2?style=for-the-badge\u0026logo=opencollective\u0026logoColor=white)](https://opencollective.com/incluud) \u0026nbsp;\n\n## Our mission\n\n\u003e Provide developers with accessible, easy-to-use components that make building inclusive web applications simpler and faster, without compromising on customization or performance.\n\n## (Accessibility) Features\n\n- Astro 5.13.0+\n- Tailwind CSS 4.1+ support\n- TypeScript integration with path aliases for easier imports and content collections support\n- Prettier integration with `prettier-plugin-astro` and `prettier-plugin-tailwind`\n- ESLint integration with strict accessibility settings for `eslint-plugin-jsx-a11y`\n- Markdown and MDX support with comprehensive examples and components\n- Modern OKLCH color system with automatic palette generation from primary/secondary colors\n- Atkinson Hyperlegible font for improved readability and accessibility\n- Lucide icon set via `astro-icon` for consistent, friendly icons\n- Semantic HTML structure with `Button`, `Link` and `Heading` components\n- Excellent Lighthouse/PageSpeed scores\n- Accessible landmarks such as `header`, `main`, `footer`, `section` and `nav`\n- Outline focus indicator which works on dark and light backgrounds\n- Several `aria` attributes which provide a better experience for screen reader users\n- `[...page].astro` and `[post].astro` demonstrate the use of dynamic routes and provide a basic blog with breadcrumbs and pagination\n- `404.astro` provides a custom 404 error page which you can adjust to your needs\n- `Header.astro` component with optimized accessibility and design\n- `Footer.astro` component with informative content and links\n- `SkipLinks.astro` component to skip to either the main menu or the main content\n- `Navigation.astro` component with keyboard accessible (dropdown) navigation and highlighted menu item option\n- `ResponsiveToggle.astro` component with accessible responsive toggle functionality\n- Preference toggles for Dark Mode, High Contrast, and Reduced Motion with system preference support\n- `ColorContrast.astro` component for enhanced visual clarity and WCAG compliance\n- Built-in command launcher with keyboard navigation (Cmd/Ctrl+K) for quick access to preferences and navigation\n- `SiteMeta.astro` SEO component for setting custom metadata on different pages\n- `.sr-only` utility class for screen reader only text content (hides text visually)\n- `prefers-reduced-motion` disables animations for users that have this preference turned on\n- Components including `ColorContrast.astro`, `BlockQuote.astro`, `BreakoutImage.astro`, `Logo.astro`, `SocialShares.astro`, `PageHeader.astro`, `FeaturedPosts.astro`, and `FeaturedProjects.astro`\n- Enhanced form components with comprehensive validation: `Form`, `Input`, `Textarea`, `Checkbox`, `Radio`, and `Fieldset` with WCAG 2.2 compliance\n- Automatic form validation with custom patterns, error handling, and screen reader support\n- Blog and portfolio pages with featured images, author details, social sharing, and breakout images\n- Contact page with comprehensive form validation showcase and accessibility demonstrations\n- Thank-you page for form submissions with interactive feedback\n- Accessibility Statement template page\n- Color Contrast Checker interactive page\n- Comprehensive sitemap page with organized navigation and automatic XML sitemap generation via `@astrojs/sitemap`\n- Enhanced accessible-components showcase page with expanded component demonstrations\n- Smooth micro-interactions and animations on hover, open and close states (respecting reduced motion preferences)\n- Comprehensive SCSS utility classes\n- CSS with logical properties and custom properties\n- Accessible button and hyperlink styling with clear focus states\n- Styled `\u003ckbd\u003e` element for keyboard shortcut documentation\n\n## Getting started\n\nClone this theme locally and run any of the following commands in your terminal:\n\n| Command           | Action                                       |\n| :---------------- | :------------------------------------------- |\n| `npm install`     | Installs dependencies                        |\n| `npm run dev`     | Starts local dev server at `localhost:4321`  |\n| `npm run build`   | Build your production site to `./dist/`      |\n| `npm run preview` | Preview your build locally, before deploying |\n\n## Accessible Astro ecosystem\n\nThe Accessible Astro ecosystem is a collection of projects that are designed to help you build accessible web applications. It includes:\n\n- [Accessible Astro Starter](https://github.com/incluud/accessible-astro-starter): Fully accessible starter for kickstarting Astro projects, with Tailwind.\n- [Accessible Astro Components](https://github.com/incluud/accessible-astro-components/): Library of reusable, accessible components built for Astro.\n- [Accessible Astro Dashboard](https://github.com/incluud/accessible-astro-dashboard/): User-friendly dashboard interface with a login screen and widgets.\n- [Accessible Astro Launcher](https://github.com/incluud/accessible-astro-launcher): Command palette/launcher component for Astro projects.\n- [Accessible Astro Docs](https://github.com/incluud/accessible-astro-docs): Comprehensive documentation for all Accessible Astro projects.\n- [Color Contrast Checker](https://github.com/incluud/color-contrast-checker): WCAG-compliant color contrast checker with design system token generation.\n\nCheck out our [roadmap](https://github.com/orgs/incluud/projects/4/views/1) to see what's coming next!\n\n## Contributing\n\nWe welcome contributions to improve the documentation! You can help by:\n\n1. [Filing an issue](https://github.com/incluud/accessible-astro-starter/issues)\n2. [Submitting a pull request](https://github.com/incluud/accessible-astro-starter/pulls)\n3. [Starting a discussion](https://github.com/incluud/accessible-astro-starter/discussions)\n4. [Supporting on Open Collective](https://opencollective.com/incluud)\n\n## Support this project\n\nYour 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.\n\n[![Sponsor on Open Collective](https://img.shields.io/badge/Open%20Collective-7FADF2?style=for-the-badge\u0026logo=opencollective\u0026logoColor=white)](https://opencollective.com/incluud)\n\n## Together we make a difference\n\nWe want to express our heartfelt gratitude to everyone who contributes to making the web more accessible:\n\n- **The Astro team** for creating an amazing static site generator and the wonderful Starlight theme\n- **Our contributors** who dedicate their time and expertise to improve these tools\n- [**Niek Derksen**](https://niekderksen.nl) for conducting comprehensive accessibility audits to ensure WCAG compliance\n- **Our sponsors** who help make this project sustainable\n- **The web community** for embracing and promoting web accessibility\n- **You, the developer** for choosing to make your projects more accessible\n\n\u003ca href=\"https://github.com/incluud/accessible-astro-starter/graphs/contributors\"\u003e\n  \u003cimg src=\"https://contrib.rocks/image?repo=incluud/accessible-astro-starter\" /\u003e\n\u003c/a\u003e\u003cbr /\u003e\u003cbr /\u003e\n\nTogether, 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. ✨\n\nRemember: Accessibility is not a feature, it's a fundamental right. Thank you for being part of this journey!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fincluud%2Faccessible-astro-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fincluud%2Faccessible-astro-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fincluud%2Faccessible-astro-starter/lists"}