Halo

About this plugin

Halo: Accessibility at the Speed of Design

Halo is a contrast-checking plugin built to bridge the gap between creative vision and universal accessibility. By automating the audit process and synchronising color changes across your entire project, Halo ensures your designs are WCAG 2.2 compliant without the manual overhead.

Why Halo?

Halo empowers designers to build inclusive experiences with a single click. Whether you are managing complex design systems or a single landing page, Halo provides the structure and automation needed to fix contrast issues at scale.

Key Features

One-Click Comprehensive Scanning: Instantly audit your entire selection or page. Halo identifies every contrast violation in seconds, providing a clear roadmap for remediation.

Asset Categorisation: Issues are automatically sorted into text and vector shapes.

Text Grouping: Halo understands that not all text is created equal. It automatically groups text layers based on their size and weight, matching them against specific WCAG 2.2 criteria for "Normal" vs. "Large" text.

Global Component Synchronisation: Similar components and assets are grouped together; a single color adjustment within the plugin reflects across every instance in your design.

Live Design Reflection: No more manual hex-code copying. Every change you make within the Halo interface is automatically and instantly applied to your actual design layers.

Dynamic Accessibility Guide: Receive real-time guidance based on your color selections. Halo suggests accessible alternatives that maintain your brand's aesthetic while hitting required contrast ratios.

Stop hunting for individual layers and toggling between external tools. With Halo, you can audit, fix, and sync your design's accessibility in one seamless motion.