Back to Blog
Accessibility WCAG 2.1 Volunteering 2025

NASE: Building an Accessibility Tool for Real Users

A bilingual, screen-reader-friendly web tool for Malaysia’s National Association of Special Education: now actively used by people with disabilities, referenced in NASE’s own journal, and validated by direct testimonials from the disabled users it was built for.

Who It's For

This project was never for a portfolio. It was built for the National Association of Special Education (NASE) in Malaysia, and for an audience most of the web quietly forgets: people with visual impairments and other disabilities who rely on assistive technology to use a website at all.

That single fact rewrote every decision I would normally make on autopilot. When your real users navigate by keyboard, listen instead of read, and need high contrast just to perceive the screen, accessibility stops being a feature you sprinkle on at the end. It becomes the entire specification, the thing every other choice has to serve.

The tool is now genuinely in use by people with disabilities, referenced in NASE’s journal, and has received direct testimonials from the disabled users it was built for. That’s the part I’m proudest of, not the code, but that real people who are usually designed around instead of designed for now rely on it.

Over the next sessions I'll walk through how that audience shaped the build: the barriers I had to remove, how I engineered text-to-speech with synchronized highlighting, how four languages share one codebase, the high-contrast and scaling systems, keyboard and screen-reader support, what WCAG actually demanded in practice, and, most importantly, the real-world impact and what came back from the people who use it.

What Changed
About page in high-contrast mode, toolbar pinned to the header
About page in high-contrast mode, toolbar pinned to the header
The committee table — dense data that still had to hold at 200% zoom
The committee table — dense data that still had to hold at 200% zoom
Membership tiers, fees and downloadable forms
Membership tiers, fees and downloadable forms
Contact page with labelled fields and a visible focus order
Contact page with labelled fields and a visible focus order
The accessibility toolbar in use across the site
On the blog
This is the short version

The full write-up — architecture decisions, the parts that broke, and what I'd do differently — lives on ThoughtLog, my personal blog.

Read the full post on ThoughtLog