A website can fit neatly on a phone and still prevent someone from requesting a quotation. The menu might require a mouse, a field might have no clear label, or an error might appear where a screen reader cannot announce it. Responsive design addresses screen sizes. Accessibility asks whether people with different abilities and ways of interacting can understand and use the website.
Begin with the customer journey
Choose an important task, such as finding a service and requesting a consultation. Try it without a mouse. Follow the order of controls, open and close the menu, enter information and submit the form. Note where the journey becomes unclear or impossible. W3C explains accessibility across visual, auditory, physical, speech, cognitive and neurological disabilities in its introduction to web accessibility.
For an illustrative accountancy practice, the booking form is more consequential than a decorative animation. Prioritize discovering the appointment options, selecting a suitable slot and understanding confirmation. A practical review follows the whole sequence, including error and success states. Automated checks can assist, but they do not establish whether every customer can complete that sequence.
Make keyboard navigation understandable
Interactive elements need to be reachable and operable with a keyboard. Visitors should see which control currently has focus. The order should follow a coherent journey through the page rather than jumping unexpectedly between sections. If a dialogue opens, someone needs to be able to use it and return to the page without becoming trapped.
Ask a professional to check the implementation of menus, tabs, dialogues and custom controls. A visually convincing imitation of a button may lack the expected behaviour. Built-in HTML controls provide useful foundations when chosen appropriately, but styling and application logic can still introduce problems. Record the exact action that fails instead of describing the entire site as inaccessible from one isolated observation.
Write forms people can recover from
A placeholder inside an empty field is easy to lose once typing begins. Use clear labels, explain required information and avoid asking for details you do not need. Error messages should tell the visitor what to correct and remain connected to the relevant field. Preserve reasonable entered information so an error does not force the person to start again.
In the accountancy example, an unexplained red border around a telephone field leaves the visitor guessing. A specific instruction about the accepted format is more useful. Test a missing required answer and an invalid value, then verify how errors are communicated visually and with assistive technology. Explain what happens after successful submission, including when the visitor should expect a response.
Design for reading and understanding
Readable type, sufficient contrast, meaningful headings and descriptive links help customers find their way. Do not rely only on colour to distinguish important states. Images need text alternatives when they convey information; purely decorative images serve a different purpose. Captions and other alternatives should be considered where audiovisual content carries essential information.
Distinctive brand design can work with these needs. It does not require faint text, tiny captions or a menu that customers must decipher. Our brand strategy guide explains how design choices can begin with audience decisions. Review zoomed text, narrow screens and reduced-motion preferences alongside the normal layout, and make sure content remains available.
Give the review a clear scope
Agree which pages, components and journeys will be assessed and which accessibility standard will guide the work. A statement that a site is “accessible” is difficult to evaluate without scope and evidence. Manual checks, assistive technology testing and appropriate specialist input can complement automated findings. Specific legal obligations depend on the service and circumstances and need a separate assessment where relevant.
Changes after launch can introduce new barriers, including embedded booking tools and newly published media. Our AI website launch checklist helps establish checks before release, and the professional website hub connects them with maintenance. Assign responsibility for keeping essential journeys usable rather than treating the initial review as permanent approval.
Webility’s web design and development service can include accessibility requirements in the project scope. Discuss the journeys every customer should be able to complete so design, content and implementation can work towards the same practical goal.
