Website Accessibility for Small Businesses: The Practical Basics

Use a clear structure before adding visual style

A meaningful page title, one clear main topic, descriptive headings, lists, landmarks, and logical reading order help people scan the page and navigate with assistive technology. Do not choose heading levels only because of their default size.

Links and buttons should describe their destination or action. Repeated 'click here' links make little sense when read out of context.

Make text comfortable to read

Use sufficient contrast, a practical body-text size, comfortable line height, and line lengths that do not require constant horizontal tracking. Do not place essential copy over a busy image without a reliable contrast treatment.

Allow text to enlarge without clipping, overlap, or forcing horizontal scrolling. Avoid putting important information into images of text when ordinary HTML would work.

Make every action usable without a mouse

Move through the page using Tab and Shift+Tab. Focus should be visible, follow a sensible order, and reach every interactive control. Menus, accordions, dialogs, forms, and carousels must work from the keyboard.

Touch targets need enough size and separation for people with limited dexterity as well as anyone using a phone while moving.

Design forms for recovery, not perfection

Give each field a persistent label, connect instructions programmatically, and identify errors in specific language. Do not rely on colour alone or clear every correct field when one answer needs attention.

Ask only for necessary information. Explain formats before submission, support browser autofill where appropriate, and confirm what happens after the form is sent.

Describe images and control motion thoughtfully

Write alternative text for informative images based on what they contribute in context. Use empty alternative text for purely decorative images. Provide captions or transcripts for meaningful media.

Respect reduced-motion preferences and avoid flashing or constant movement that cannot be paused. Animation should support understanding, not become a toll paid by every visitor.

Test beyond the checklist

Use automated checks, but also navigate by keyboard, zoom to 200%, increase browser text size, inspect the page on a small screen, and listen with a screen reader if the team can do so meaningfully.

WCAG provides an international technical standard with testable requirements. For legal obligations or formal conformance, seek appropriate accessibility and legal expertise for the organisation and service.

Takeaway — Accessibility improves when it becomes part of every content and design decision, not a final audit item.