v4.0.0

Enhanced Accessibility, Developer Experience & UX

This major release transforms the Accessible Astro Starter with a complete overhaul of the design system, significant accessibility improvements, and enhanced developer experience. We've introduced the OKLCH color system, added the highly readable Atkinson Hyperlegible font, and created several new components focused on content presentation and accessibility testing. The project structure has been optimized for better performance, and TypeScript support has been improved throughout. This update represents a substantial step forward in creating accessible, performant, and visually appealing Astro websites.

🎯 Key Highlights

• Complete redesign with OKLCH color system and Atkinson Hyperlegible font
• New components including Color Contrast Checker and interactive content elements
• Enhanced blog and portfolio templates with rich media support
• Improved TypeScript integration with proper interfaces and types
• Updated to Astro 5.7.5 and Tailwind CSS 4.0

🎨 Design System Updates

• Replaced previous color system with OKLCH colors using light-dark() functions (#105, #130)
• Added Atkinson Hyperlegible font family for improved readability
• Created a more accessible dark mode with proper color contrast
• Added <kbd> element styling for better documentation (#136)
• Added text-wrap: balance to headings and text-wrap: pretty to content (#128)
• Modernized CSS with logical properties and expanded custom properties (#135)
• Moved all :root based styles to dedicated _root.scss file (#134)
• Improved button and hyperlink styling

✨ New Features

• Added ColorContrast component for accessibility testing
• Created PageHeader component for consistent page titles
• Added Logo component for standardized branding
• Added ExternalLink component with proper attributes (#123)
• Added BlockQuote component for content citations
• Created BreakoutImage component for full-width images
• Added SocialShares component for blog post sharing
• Designed custom templates for blog posts and portfolio projects (#126)
• Added import aliases for cleaner component references (#132)
• Added an Accessibility Statement template page

🔄 Component Updates

Accessibility & UX

• Footer: Enhanced structure with additional information (#131)
• Header: Cleaned up structure and improved screen reader support

Content Presentation

• Blog Components: Added featured images and author details
• Blog Archive: Enhanced layout with card-based design
• Blog Single: Added social sharing and breakout images
• Portfolio: Migrated from MD to MDX for richer content
• Portfolio Projects: Enhanced with image galleries and descriptions
• AvatarGroup: Added for showcasing community members

💻 Developer Experience

• Added TypeScript interfaces and prop typing (#115, #121)
• Updated to Tailwind CSS 4.0 (#114)
• Updated to Astro 5.7.5 (#114)
• Updated accessible-astro-components to version 4.1.1
• Enhanced CSS architecture with improved base, utility, and mixin files
• Improved project structure for better maintainability

🐛 Bug Fixes

• Fixed missing bullet/marker on lists (#122)

v3.4.1

Chores

• Components: Bump version to 3.4.1 and update accessible-astro-components to 4.1.0; add Avatar and Badge components to examples #133 (Mark Teekman)

v3.3.1

Commits

• Update accessible-astro-components package to the latest version and update examples (@markteekman)

v3.3.0

Commits

• 04fad00: Update project to v3.3.0 with Incluud branding and latest dependencies (Mark Teekman) #119
  • Upgrade Astro and Tailwind dependencies #114
  • Update package.json with new version, author, and keywords
  • Refresh README with new branding, badges, and expanded project information
  • Update components to use latest accessible-astro-components
  • Add new documentation links and project mission statement
  • Modify Header, Hero, and Accessible Components pages with updated links
• 5d8101a: Add CSS order Prettier plugin for consistent styling (Mark Teekman) #119

v3.2.5

Commits

• dde5a8a: Delete .astro folder from repo (@peterpadberg) #117

Bugfixes

• bb48d92: #113 Fix OG image and url (@peterpadberg) #117

v3.2.4

Commits

• ad12ac1: Typo in text and add roles to Notifications as example usage (@markteekman) #112
• 9545a96: Update Astro and dependencies (@markteekman) #112

Bugfixes

• 4dfef3d: Fix scroll position restoration with ViewTransitions (@Mood93) #110

v3.2.3

Commits

• 5003930: Update Astro to 5.0.0 (@markteekman) #109

v3.2.2

Commits

• eb6e431: Update accessible-astro-components to version 3.0.1 (@markteekman) #107

v3.2.1

Features

• Add support for color-scheme and interpolate-size: allow-keywords #106 (Mark Teekman)

Bug Fixes

• Solve/hide some Sass warnings in the terminal #106 (Mark Teekman)

Commits

• 815f3b2: Update accessible-astro-components to 3.0.0 (Mark Teekman) #106
• 36dcf11: Add new Tabs component and update other component examples (Mark Teekman) #106
• 3d1932b: Add FAQ example section (Mark Teekman) #106
• 2b287d4: Add sr-only utility class (Mark Teekman) #106

v3.2.0

What's Changed

• Remove dead link by @sec-ml in #98
• chore: update dependencies to latest stable versions #102 by @markteekman in #103

New Contributors

• @sec-ml made their first contribution in #98

Full Changelog: v3.1.2...latest