v4.2.1

Code Refactoring

• remove button styles and related imports since the accessible-astro-components package now provides a Button component #161 (Mark Teekman)

Chores

• bump version to 4.2.1 in package.json and upgrade accessible-astro-components to version 5.0.1 #161 (Mark Teekman)

v4.2.0

This release significantly enhances the accessibility and user experience of Accessible Astro Starter with comprehensive component upgrades, new pages, and improved semantic structure. We've upgraded to accessible-astro-components v5.0.0, replaced standard HTML elements with accessible components throughout the codebase, and added essential pages like Contact, Thank You, and Sitemap. The project now demonstrates full compliance with WCAG 2.2 AA and European Accessibility Act standards.

🎯 Key Highlights

• Complete migration to accessible-astro-components for semantic HTML structure
• New Contact, Thank You, and Sitemap pages with form validation
• Featured Posts and Featured Projects sections for content showcasing
• Enhanced accessibility with proper ARIA attributes and semantic components
• Automatic sitemap.xml generation
• Updated documentation reflecting WCAG 2.2 AA/EAA compliance

✨ Features

• Add Contact and Thank You pages with accessible form components and validation #83 #160 (Mark Teekman)
• Add FeaturedPosts and FeaturedProjects components for showcasing content #155 #160 (Mark Teekman)
• Add sitemap integration and create sitemap page; update Footer and Header components to include links to the sitemap #154 #160 (Mark Teekman)
• Enhance accessible-components page with new components and improved structure for better accessibility #160 (Mark Teekman)
• Expand accessible-components page with new Badge variations and improved navigation structure for enhanced accessibility #160 (Mark Teekman)
• Update Header component to use accessible-astro-components Link and add new contact page link #160 (Mark Teekman)
• Enhance Footer component with accessible-astro-components Link and add author credit for the astronaut image #160 (Mark Teekman)
• Update social media links in contact page to open in new tabs for improved accessibility #160 (Mark Teekman)
• Replace testimonial text with BlockQuote component for improved semantic structure and consistency #160 (Mark Teekman)
• Update accessible-components page #156 #160 (Mark Teekman)

🐛 Bug Fixes

• Add aria-hidden attribute to icons across multiple components for improved accessibility #157 #160 (Mark Teekman)
• Correct typo in 404 page and update phone link format in contact page for consistency #160 (Mark Teekman)

🎨 Style

• Update navigation breakpoint to accommodate for added menu item #160 (Mark Teekman)
• Replace anchor tags with Link component in SocialShares and enhance look and feel #160 (Mark Teekman)

🔄 Code Refactoring

• Replace standard HTML headings and anchor tags with Heading and Link components for improved accessibility and semantic structure across multiple components and pages #153 #160 (Mark Teekman)
• Remove ExternalLink component and replace its usage with Link component with the isExternal prop #148 #160 (Mark Teekman)
• Replace anchor tags with Link component in Header #160 (Mark Teekman)
• Replace headings with Heading component and anchor tags with Link component in index.astro #160 (Mark Teekman)
• Remove unnecessary utility class from Logo component for cleaner markup #160 (Mark Teekman)

📚 Documentation

• Update README to reflect compliance with WCAG 2.2 AA and European Accessibility Act; enhance feature descriptions including new form validation components and sitemap generation #160 (Mark Teekman)
• Refine README to acknowledge Niek Derksen's contributions for accessibility audits #160 (Mark Teekman)

🔧 Chores

• Bump version to 4.2.0 in package.json for upcoming release #160 (Mark Teekman)
• Upgrade accessible-astro-components to version 5.0.0 for improved functionality and accessibility enhancements #160 (Mark Teekman)
• Update devDependencies and dependencies in package.json #160 (Mark Teekman)
• Add @types/sanitize-html to devDependencies in package.json #154 #160 (Mark Teekman)
• Update social preview image for enhanced visual representation #160 (Mark Teekman)
• Change extension to .ts for content collection #160 (Mark Teekman)

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