Welcome to the Accessible Jekyll Template

This is a fully accessible Jekyll website template that complies with WCAG 2.1 Level AA standards and Title II requirements of the Americans with Disabilities Act.

Key Accessibility Features

  • Semantic HTML5: Proper use of header, nav, main, footer, article, and other semantic elements
  • ARIA Landmarks: Clear navigation with role attributes and aria-labels
  • Keyboard Navigation: All interactive elements are keyboard accessible with visible focus indicators
  • Skip Navigation: Skip to main content link for keyboard users
  • Color Contrast: All text has at least 4.5:1 contrast ratio (WCAG AA compliant)
  • Responsive Design: Mobile-friendly and works on all screen sizes
  • Screen Reader Friendly: Proper heading hierarchy and descriptive labels
  • Focus Management: Clear focus indicators for keyboard navigation
  • Alternative Text: All images require alt text
  • Reduced Motion Support: Respects user's motion preferences

Recent Blog Posts

  • Building Accessible Websites: A Guide

    Web accessibility ensures that websites are usable by everyone, including people with disabilities. This post covers the fundamentals of creating accessible web content.

View all posts →

Getting Started

To use this template:

  1. Clone this repository
  2. Install Jekyll and dependencies: bundle install
  3. Run the development server: bundle exec jekyll serve
  4. Customize the content and styles to match your needs

For more information about accessibility, visit the Web Accessibility Initiative (WAI).