v4.1.1

Code Refactoring

• replace deprecated <ViewTransitions /> with <ClientRouter /> #150 (Mark Teekman)
• update GitHub link in Header component #150 (Mark Teekman)

Chores

• update package version and homepage URL in package.json #150 (Mark Teekman)

v4.1.0

This update revises navigation responsiveness by shifting from JavaScript-based class toggling to a CSS media query approach, introduces a new 'nav' breakpoint in SCSS, and updates several package versions in package.json. Minor CSS adjustments are also made to the navigation and responsive toggle components. Additionally, the ESLint configuration is restructured by removing the old .eslintrc.js and adding a new modular eslint.config.js.

Features

• Enhance navigation responsiveness and structure and solve overflow issue with to many menu items #139 #144 (Mark Teekman)
  • ⚠️ This is a breaking change, switching menu's won't automatically be done with JS anymore but rather by manually setting the right breakpoint value in _breakpoint.scss.

Chores

• Update dependencies in package.json for improved performance and compatibility #144 (Mark Teekman)
• Migrate ESLint configuration to v9+ and remove legacy file #144 (Mark Teekman)
• Update ESLint configuration and add astro-eslint-parser dependency #144 (Mark Teekman)

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