Luxury is not an excuse for invisible focus rings and unlabelled drawers. Before you launch a bought HTML pack, check keyboard paths, contrast on photographs, alt text, and forms a screen reader can finish. This is a working note from the VicanTheme journal, written for clinics, chambers, and studios who must not lock people out of a brochure site. The catalog we keep returning to is HTML templates, because files you can host beat a locked builder when the brand has to last.
If you already know the industry, skip ahead to the recommended demo — Solace — and use the headings as a checklist rather than a speech.
Keyboard, focus, and the menu you can finish
Tab from the logo to the enquiry without a trap. The mobile drawer must open, close, and return focus to the button that opened it. If the author’s script only toggles a class, confirm Escape works and that aria-expanded follows the state. Solace is a clinic theme; a patient on a laptop without a mouse is not an edge case.
Visible focus is not a design error. If the pack removed outlines for taste, restore a ring that matches the brand, not a browser default you are ashamed of. Skip links help on long hospitality pages. Do not autoplay motion that cannot be stopped. Prefers-reduced-motion should quiet parallax. A premium journal look has to be operable. Beauty that only exists for a pointer user is a poster, not a site.
Type, contrast, and text on photographs
Display serifs on dark heroes fail in daylight. Check the actual overlay: not the desktop with a perfect image, the phone with a pale sky. Captions under jewellery or clinical photographs should stay in the type ramp, not at eleven-pixel grey. If a contrast checker fails on the body colour, change the token, not the visitor’s eyes. Solace earns trust with readable rooms, not with fashion-grade whisper text.
Do not lock zoom. If the CSS uses a tiny maximum-scale, remove it. Line length on legal and clinical pages should stay near a comfortable measure; Vellum’s insights are for reading, not for a poster rag. Headings must be real headings. A styled div that looks like an H2 will skip a screen-reader outline. Keep the author’s heading levels when you paste copy from a brand deck.
Images, icons, and alternative text that tells the truth
Decorative rules can be empty alt. Photographs that carry meaning cannot. A clinician portrait needs a name. A print in Lumen needs a short description of the picture, not a keyword list. Complex diagrams on a chambers site may need a nearby caption instead of a novel in alt. SVG icons used as buttons need an accessible name. Icon fonts with no text fail; replace or label them.
If you swap demo images, you own the alt. Demo alt is often the word image or a photographer credit that is not yours. Write a line a person who cannot see the room would need. Hospitality can name the room and the view. Clinics can avoid diagnosing from a photo. Do not hide text in pictures of menus or fee tables. If the fee matters, it is HTML.
Forms, errors, and a launch pass you can repeat
Labels must be labels, not hints that vanish. Errors should be text next to the field, not only a red border. Required fields need more than an asterisk colour. Solace’s consult booking, even if it is only an enquiry, should be completable with a reader and a keyboard. Do not use CAPTCHAs that have no alternative. A honeypot is quieter and usually enough for a brochure form.
Run a pass with a screen reader on the home, an inner page, and the form. Then a pass with keyboard only. Then a pass at 200 percent zoom. Log the bugs in the same note as your custom CSS. Accessibility is not a plugin you add to static HTML. It is the remaining work after a good pack.
Questions people actually ask
Does a premium theme guarantee WCAG conformance?
No. It can give you semantic structure and keyboard hooks. Your colours, images, and copy still decide the result. Test the pages you ship.
Is a cookie banner a problem?
It can trap focus and hide content. If you add one, it must be operable, dismissible, and not cover the skip link or the first heading.
Keep reading: Private clinic website design: layout that does the job and Best HTML template for private clinic sites in 2026. Or browse Guides in the journal.
