Regular IT partner for SMEs since 2018 ·  News  ·  Outages

Making the website accessible to every visitor

Making the website accessible to every visitor

A visitor wants to make an appointment, request a quote, or order a product. If the button is not reachable via a keyboard, the text remains too small, or a form displays unclear error messages, that visitor may drop off. Making your website accessible is therefore not a technical extra, but a practical step towards greater reach, better service, and fewer missed opportunities.

Accessibility means that as many people as possible can use your website independently. Think of someone who is visually impaired, has a temporarily broken arm, has difficulty distinguishing colors, or is viewing a website on a small phone. For visitors without a disability, an accessible site often also provides more calm, clarity, and speed.

Why an accessible website makes a business difference

For many organizations, a website is the first point of contact. You don't want to create a barrier there with unreadable text, complicated navigation, or forms that only work well with a mouse. A good online experience is particularly valuable for SMEs and local organizations: you are more accessible to customers, candidates, and business relations.

Accessibility also contributes to the quality of your entire website. Clear headings make pages easier to scan. Logical buttons guide visitors more quickly to the correct action. Text accompanying images and clear page titles provide search engines with additional context. The result is not automatically a higher position in search results, but the foundation for usability and findability is strengthened.

Regulations also play a role. Since June 2025, the European Accessibility Act has applied to various products and services offered to consumers. Which obligations apply to your organization depends on what you offer, your target audience, and the size of your company. Government organizations have had specific obligations for a longer time. If in doubt, seek good advice, but do not wait solely because of legislation: many improvements are immediately noticeable to your visitors.

Making a website accessible starts with a fair check

You don't have to rebuild every page immediately. Start with the sections visitors come to most often and where they need to perform an action: the homepage, contact page, services pages, search function, request forms, and any webshop.

Next, try opening your website without a mouse. Can you navigate through the menu, links, buttons, and fields using the Tab key? Is your current location always clearly visible? Can you fill out and submit a form? This is a simple test, but it exposes many common problems.

Also check on a phone and enlarge the page in your browser. Does the text remain clearly readable? Is anything off-screen? Are the buttons large enough to touch? A technically sound website may function perfectly on paper, but still be difficult for a real visitor.

Automated checks are useful as an initial signal. For example, they can detect missing alternative text, insufficient color contrast, or incorrect heading structures. Do not view such a scan as a final assessment. A tool does not understand whether button text like 'Read more' is clear enough or if an explanation is logically structured. Manual testing remains necessary for that.

First ensure structure and readability

The quickest wins are often found in content and formatting. Use headings to logically divide a page. A main heading tells you what the page is about, while subheadings clarify which topics follow. Choose headings not because they look bigger or nicer, but because they provide structure. This allows visitors who use assistive technologies to navigate through a page more quickly.

Moreover, write concretely. A button saying 'Request a quote' is clearer than just 'Click here'. An error message such as 'Enter a valid phone number' is more helpful than a red border around a field. Do not place important information exclusively in an image, video, or color. Someone who cannot see the image or does not recognize the color must still be able to understand the message.

Pay close attention to contrast. Light gray text on a white background may look modern, but it is difficult for many visitors to read. The same applies to text on a busy photo. A dark background behind text, sufficient white space, and a legible font are often easy to achieve and make an immediate difference.

Images, video and documents

Images only require alternative text if they add content. For example, if a photo describes a product, work situation, or important instruction, briefly explain what is relevant. If an image is purely decorative, a screen reader does not need to dwell on it unnecessarily.

For videos, subtitles and a textual summary are often valuable. Not only for the deaf and hard of hearing, but also for people watching without sound in an office, train, or waiting room. Do you publish PDF files, such as forms, brochures, or terms and conditions? Then check whether the text is selectable, headings are present, and the document can be read logically. A scanned image of text is usually not an accessible document.

Make navigation and forms flawlessly usable

Visitors do not all arrive on your homepage. Someone might land directly on a service page via a search engine. Therefore, ensure the menu remains clear and that every page offers a logical next step. Keep naming consistent: do not label a contact page 'Contact' in one place and 'Contact Us' in another if doing so creates different expectations.

Keyboard control deserves extra attention. Every interactive element must be accessible and usable without a mouse. Think of expanding menus, pop-ups, date pickers, carousels, and cookie settings. It is precisely standard theme components and third-party plugins that frequently cause problems here. Do not choose based solely on appearance or price, but also on the accessibility and maintenance of the technology.

Forms are a crucial moment. Place a visible label next to every input field and do not rely solely on temporary text within the field for explanation. Indicate in advance which information is required and why you are requesting it. If an error occurs, state what went wrong and how the visitor can correct it. Save completed data where possible so that someone does not have to start over.

A contact form with ten mandatory fields is rarely necessary. Ask only what you need to properly address the first question. Fewer fields not only make a form more accessible, but often more effective as well.

Accessibility is also a technical management choice

An accessible website does not remain accessible on its own. New pages, template changes, marketing campaigns, and plugin updates can unknowingly add obstacles. Therefore, accessibility works best as an integral part of your workflow.

Establish simple guidelines for everyone posting content. Always use a logical heading structure, write descriptive link text, add relevant alternative text, and check contrast for new banners. Test important forms after modifications. For a larger website, it is advisable to perform periodic technical and content checks.

The hosting and management behind your website also matter. A slow or frequently unavailable site is unpleasant for everyone, but it causes additional inconvenience for visitors who need longer to complete a task. Regular updates, secure configuration, backups, and monitoring contribute to a reliable experience. Accessibility is therefore inextricably linked to continuity and good website management.

Work according to WCAG, but keep the goal in mind

The Web Content Accessibility Guidelines, commonly referred to as WCAG, provide a useful framework. The guidelines cover perceivability, operability, comprehensibility, and technical compatibility, among other things. WCAG 2.1 Level AA is the standard starting point for many organizations. WCAG 2.2 builds upon this with additional attention to, among other things, visible focus, drag-and-drop operation, and accessible login processes.

A full assessment can be worthwhile if your website has many visitors, includes a webshop, or is subject to legal obligations. For a small informational website, you can often start with the biggest bottlenecks and then make targeted improvements. The right approach depends on your website, available budget, and risks. It is important that accessibility does not become a one-off checkbox, but a demonstrable commitment to good service.

Making your website accessible builds a digital front door that more people can actually use. Start with the pages that are most important to your organization, test with real-world use cases, and improve step by step. This way, technology does not become a barrier between your organization and the people you want to reach.

Questions about this topic?

We offer no-obligation advice regarding your hosting, email, workspaces, or website. Call or email us, and we'll see what suits you best.