Website accessibility: title card beside a flat illustration of two phones, one crammed with small elements and one laid out with room to use

Website accessibility is usually explained with principles — perceivable, operable, understandable, robust — and then left there, as something a specialist will one day assess. The principles are right. They are also not a thing a business owner can do on a Wednesday afternoon.

This article is the other half. Four checks you can run on your own site this week, each tied to the published threshold it tests, and the one number that says how likely you are to fail them. None of it needs a consultant. Most of it needs a phone and a keyboard.

What does website accessibility mean, and how common is the failure?

The W3C, which writes the standard, defines it in one sentence in its introduction to web accessibility: websites, tools and technologies designed and developed so that people with disabilities can use them — perceive, understand, navigate and interact with the web. The practical version for a business site is narrower: can someone with weaker sight, an unsteady hand, or no mouse find your services and send you an enquiry?

How often the answer is no has been measured. WebAIM runs an automated check across the home pages of the top one million websites every year, and the 2026 edition found that 95.9% of home pages had detected WCAG 2 failures, up from 94.8% the year before. That counts only failures a machine can detect, so the true rate is higher — and those home pages had far more money behind them than most Malaysian business sites, which is why to assume yours is in the 96% until you check.

Assume your site is in the ninety-six per cent until you have checked.

The failures the scan finds most often are not exotic. Low-contrast text, images without alt text, form fields without labels, empty links. Each is a few minutes to fix and each is caught by one of the four checks below. The mobile version of the same problem — a page that fits the screen but cannot be used on it — is in a mobile-friendly site that is hard to use.

A labelled diagram headed FOUR CHECKS showing four rows pairing a check with its threshold: Text contrast with 4.5 to 1, Tap targets with 24 by 24 pixels, Keyboard only with Every link reachable, Form labels with Visible, not placeholder, with the first row drawn in scarlet
A wide labelled diagram headed MOST HOME PAGES FAIL showing a long horizontal bar almost entirely filled scarlet with a short empty segment at the right end, the scarlet part labelled Detectable failures found and the empty part labelled None found, with a smaller black line beneath reading Automated scan of one million home pages

Check one: can the text actually be read?

The standard’s contrast minimum is a number: ordinary text needs a contrast ratio of at least 4.5:1 against its background, and large text at least 3:1. Light grey body copy on white — the signature of a certain kind of modern design — routinely lands at 2.5:1 or worse, which is why the people who commissioned it find it elegant and their older customers find it unreadable.

You do not need to calculate anything; your browser does. In Chrome or Edge, right-click any text, choose Inspect, and the colour swatch in the styles panel shows the ratio and whether it passes. Check body text, footer, button text, and anything set over a photograph. A hero headline over an image is where most sites fail first; which photographs get looked at covers the photograph side.

The fix is almost always a darker grey, not a different design — pale text is among the design trends worth skipping.

A labelled square checklist headed ONE AFTERNOON with five steps each preceded by an empty square box: Run the browser audit, Measure your body text contrast, Tap every button on a phone, Tab through the home page, Start typing in the form, above a scarlet line reading Fix what you find before adding anything

Check two: can every button be hit with a thumb?

The threshold here is also published. WCAG 2.2’s target size minimum requires that a tap target be at least 24 by 24 CSS pixels, unless the spacing around it compensates. That is the floor — the size a steady hand on a good day manages — and page-builder default buttons, header icon links and the tiny “x” on a popup all tend to sit below it.

The test is a phone and your least steady hand. Try every link in the navigation and every button on the home page, and notice where you have to aim; anything you miss once, a customer misses regularly. The same check catches footer social icons and the pagination under a product grid, which is where online stores lose orders on small screens.

The fix is padding: space around the link that also responds to the tap. The call to action deserves the most generous target on the page.

Check three and four: keyboard and labels

Put the mouse down, click once in the address bar, and press Tab repeatedly. A visible outline should move through every link, menu item and button in a sensible order, and Enter should activate each. If the outline vanishes — a designer removed it as ugly — the site is unusable for anyone navigating by keyboard, including users of many assistive devices. If it skips a menu that only opens on hover, the services pages are unreachable. Restoring the outline is a one-line change; the menu usually needs a developer.

The fourth check is the contact form. Click into a field and start typing. If the field’s name was grey text inside the box that disappeared when you typed, the form has placeholders instead of labels, which screen readers frequently do not announce. Every field needs a visible label above it. Then confirm each has an accessible name by tabbing to it and checking the browser’s audit panel, which flags unlabelled inputs by default.

The browser audit, in one go

All four are also covered, roughly, by the audit built into Chrome and Edge: open the developer tools, choose Lighthouse, tick Accessibility, and run it on your home and contact pages. Treat the list it produces as the to-do and the score as noise — automated tools detect the same subset WebAIM’s scan detects, so a high score means “nothing a machine could find”, not “accessible”. The four manual checks are what the machine cannot do.

What should the afternoon look like?

StepToolWhat a fail looks like
Run the browser audit on home and contact pagesLighthouse, AccessibilityA list of unlabelled fields, missing alt text, low contrast
Measure the body text contrastInspect, colour swatchBelow 4.5:1 on ordinary text
Tap every button and link on a phoneYour phone, your worse handAnything you miss or hit by accident
Tab through the home pageKeyboard onlyNo visible outline, or the menu skipped
Start typing in the contact formAny browserThe field name disappears

Fix what you find before adding anything, because the fixes are small — a darker grey, more padding, a restored outline, a label — and new sections on a page that fails them spread the failures. It is the same order of work as the website mistakes worth fixing first: cheap structural corrections before visible ones. Where the problem is the page builder’s defaults rather than your choices, what a builder costs after the build is the longer conversation.

One note on scope: a page in a second language must declare that language for a screen reader to pronounce it, which sits with how a Malaysian site should handle two languages.

Frequently asked questions

Is website accessibility a legal requirement for a private business in Malaysia?

We will not assert a legal position we have not verified, and this is not legal advice. The case here does not depend on it: the four checks remove barriers for customers you already have — older customers, customers on cheap phones, keyboard users — and each fix is small. If a requirement applies to your sector, these checks are the beginning of meeting it.

Will an accessibility overlay or widget fix this?

No. An overlay adds a floating toolbar that changes contrast or font size for the visitor who finds it; it does not add missing labels, restore a removed focus outline, or enlarge a tap target. The four checks above fix the page itself, which is what the standard measures and what a customer actually experiences.

How much does a proper accessibility audit cost?

We will not quote a figure, but what drives one is the number of page templates, whether forms and checkout are custom, and how much sits inside a page builder. The afternoon above costs nothing and finds most of what a paid audit lists first — run it before commissioning one.

Where iRevamps fits

These four checks are part of the audit we run before any revamp, because a redesign that inherits a 2.5:1 grey and a hover-only menu has redesigned around its biggest problems. Our web development and design service builds to the thresholds above as a baseline, not an add-on — and the trust signals visitors notice first are mostly the same things: text they can read and buttons they can press.