IDEA
basealign is a web tool developed during the Google Baseline Hackathon to help developers check their code for baseline compatibility and accessibility issues in real time. It analyzes HTML, CSS, and JavaScript, providing instant feedback with severity scoring and actionable insights.
USER EXPERIENCE
The app features a fast, responsive interface with smooth transitions and clear scorecards. Developers can paste their code, see immediate results, and understand which parts are not baseline-compatible — all within a single, intuitive UI.
TECHNOLOGY
Built with React and TypeScript, basealign integrates parsing libraries like Babel, parse5, and csstree, as well as the axe-core accessibility engine. The tool is deployed on a VPS using Vite, Nginx, and Cloudflare SSL for speed and reliability.
basealign
Real-time baseline and accessibility analysis — optimized for speed and developer experience.