A fast, accessible, WCAG 2.2 AA compliant personal portfolio showcasing work in Accessibility Consulting, Front-End Engineering, and Agentic AI / GenAI projects.
This repository hosts the source code for a personal portfolio website built to showcase project work as well as production-grade accessibility practices in the implementation itself: semantic HTML, keyboard-friendly navigation, screen-reader aware flows, and automated accessibility checks in CI.
| Layer | Choice |
|---|---|
| Framework | Astro |
| Language | TypeScript |
| Styling | Tailwind CSS |
| Content | MDX |
| Accessibility Testing | axe-core, Pa11y, Lighthouse CI |
| Hosting | Netlify |
| CI/CD | GitHub Actions |
portfolio/
├── src/
│ ├── components/ # Reusable, accessible UI components
│ ├── content/ # MDX case studies and blog posts
│ ├── layouts/ # Page layouts
│ └── pages/ # Route-based pages
├── public/ # Static assets, favicons, sitemap
├── tests/ # Accessibility and quality checks
├── .github/workflows/ # CI: lint, accessibility, build, deploy
└── astro.config.mjsgit clone https://github.com/Vaibosnikov/portfolio.git
cd portfolio
npm install
npm run devOpen http://localhost:4321 in your browser.
- WCAG 2.2 AA compliance target across all pages
- Automated
axe-coreand Pa11y checks on every pull request - Manual keyboard-only and screen reader testing before releases
- Lighthouse CI tracking for accessibility and performance
- Initial Astro scaffold and design tokens
- Home, About, Projects, and Blog pages
- Accessible contact form
- GitHub Actions pipeline for lint, a11y, build, and deploy
- Custom domain and analytics
- Interactive Agentic AI project showcase
This is a personal project, but issues and suggestions are welcome. Please open an issue before submitting a pull request.
Distributed under the MIT License. See LICENSE for details.
Vaibhav
Accessibility Consultant - Full-Stack Developer - GenAI Explorer
Built with a focus on accessible, inclusive design — because a portfolio about accessibility should itself be accessible.