1. Use a clear page structure
Use headings in a logical order so people can scan and assistive technology can communicate the page structure. Give each page one clear main heading and subheadings that describe what follows.
Keep paragraphs readable and navigation labels predictable. Do not rely on visual position or color alone to explain how information is grouped.
2. Check images and alt text
For informative images, provide concise alternative text that communicates the relevant content. The Wio website image guide covers image selection and preparation. For decorative visuals, use empty alt text so screen readers can skip them. Avoid keyword lists and repeated nearby copy.
Check that text over images remains readable and that images do not carry essential instructions unavailable elsewhere.
3. Make links and controls understandable
Use labels that make sense when read on their own. Instead of several generic learn more links, identify what each one opens. Check that buttons, menus, and forms have clear labels and that instructions explain required information.
Navigate the page with a keyboard. Focus should be visible, the order sensible, and interactive elements reachable without a mouse.
4. Check contrast, zoom, and screen sizes
Make sure text and important controls are distinguishable from their backgrounds. Do not use color as the only way to signal errors or differences. Zoom the page and check that content does not disappear or require awkward horizontal scrolling.
Review mobile pages for readable text, comfortable spacing, and controls that are easy to reach. Ask people with different access needs to try the site when possible.
5. Recheck the published site
Use automated accessibility checks as a starting point, not a substitute for human review. Test navigation, links, forms, keyboard focus, and readable content on the public site.
Keep an issue list and fix barriers that prevent visitors from understanding information or completing a task. Recheck pages after future design or content changes.
