A11y Barker
A Chrome DevTools extension for visualizing accessibility on any webpage — tab order, heading structure, ARIA, and screen reader content as overlays, plus WCAG static rule checks and AI-powered alt text and heading review.
Portfolio
Independent projects, client work, and earlier experiments. Happy to walk through anything on request.
Personal projects
Independently designed and developed. Focused on accessibility, content structure, and interfaces that hold up in real use.
Everyday Accessibility
A practical accessibility reference for developers and designers, focused on real UI patterns, semantics, keyboard behaviour, and implementation details beyond checklist compliance. Built with React and TypeScript.
Slow English
A weekly bilingual English learning platform that turns real international news into structured B2–C1 lessons. Nemo 🐠 asks the questions, Octo 🐙 guides the thinking. Built with Next.js 15, TypeScript, Neon PostgreSQL, and Anthropic Claude API.
Trivia Taiwan
An interactive site sharing cultural, historical, and everyday facts about Taiwan through short, searchable content. Built with Vue, with an emphasis on content structure, accessibility, and progressive enhancement for a global audience.
Client work
Frontend development at a collaborative agency. Mostly WordPress, with a focus on WCAG accessibility, performance, and structured content systems. Clients include public institutions, NGOs, and libraries across Canada.
- Squamish Public Library squamishlibrary.ca
- Royal BC Museum rbcm.ca
- Canadian Parks and Wilderness Society (CPAWS) cpaws.org
- Racist Incident Helpline racistincidenthelpline.ca
- BC211 bc.211.ca
- Megaphone Magazine megaphonemagazine.com
- Spring spring.is
- UBC School of Architecture + Landscape Architecture (SALA) sala.ubc.ca
UX case studies
Earlier work
A selection from 2009 through 2018. Graphic design, WordPress themes, and early responsive systems.
-
2018 TEP Culture and Education Association
Vue.js site for a culture and education association, with responsive layout and bilingual content.
-
2015–2018 Multi-language RWD Rules
Responsive, multi-language rules interface on a high-traffic platform. Layout, copy length, and RTL considerations across locales.
-
2013–2014 Project Management System
Custom PMS for an IC reverse-engineering company to track project stages, deliverables, and team handoffs.
-
2011–2014 WordPress Themes
Custom themes for small businesses and editorial sites, covering templates, admin workflows, and front-end polish.
