♿ Accessibility Statement for miniCycle

Last Updated: March 24, 2026

Version: 2.0

Our Commitment

sparkinCreations is committed to making miniCycle accessible to everyone, including people with disabilities. We strive to meet WCAG 2.1 Level AA standards and continuously improve the accessibility of our application.

Accessibility Features

miniCycle includes the following accessibility features, available in Settings > Accessibility:

Reduced Motion — Disables animations and transitions for users sensitive to motion
High Contrast — Increases border visibility, text contrast, and element distinction in both light and dark modes (1,669 lines of dedicated high-contrast CSS)
Font Size Control — Four size presets (Small, Default, Large, Extra Large) for comfortable reading
Show Move Arrows — Provides button-based task reordering as an alternative to drag-and-drop
Show Three Dots Menu — Exposes task options via a visible menu button instead of requiring gestures
Dark Mode — Reduces eye strain in low-light environments, with a CSS fallback that respects your system's dark mode preference before JavaScript loads
Guided Tour — Optional interactive walkthrough that highlights key UI elements, with keyboard navigation and focus trapping

Technical Accessibility

Semantic HTML — Native <dialog> elements for modals with automatic focus management, trapping, and restoration
ARIA Labels — 68+ interactive elements include descriptive labels for screen readers, with aria-live regions for dynamic content updates (notifications, task list filtering)
Keyboard Navigation — All core features are accessible via keyboard, including roving tabindex patterns for lists, toolbars, and grids (arrow keys, Home/End, Enter/Space)
Skip Navigation — Skip-to-content link allows keyboard users to bypass the header and jump directly to the main content
Focus Indicators — Visible :focus-visible outlines throughout, with enhanced 3px outlines in high contrast mode
Respects System Preferences — Honors prefers-reduced-motion (all animations gated) and prefers-color-scheme (CSS dark mode fallback before JavaScript loads)
No Flash Prevention — Accessibility settings load before CSS renders to prevent animation or contrast flash on page load
Color Contrast — Text and interactive elements meet WCAG AA contrast ratios (4.5:1 for normal text, 3:1 for large text). Disabled states use visual cues beyond color alone

Known Limitations

We are aware of the following areas where accessibility can be improved:

Drag-and-drop task reordering requires the "Show Move Arrows" setting for keyboard and switch users — this alternative is always available via Settings
Custom vocabulary theme and personalization color combinations may not meet WCAG contrast ratios in all configurations — use High Contrast mode for guaranteed visibility
Automated accessibility testing (axe, Lighthouse) is not yet integrated into our CI/CD pipeline
Screen reader testing has been performed with VoiceOver — broader testing with NVDA and JAWS is planned

We are actively working to address these limitations.

Feedback

If you encounter any accessibility barriers while using miniCycle, we want to hear from you:

Email: admin@sparkincreations.com
GitHub: Report an accessibility issue

We aim to respond to accessibility feedback within 5 business days.