An accessible website is not a luxury reserved for large companies: it is what allows everyone to read, navigate and buy from you, whatever their disability, age or device. Here are the practical basics to cover, with a step-by-step method and a checklist you can apply right away, even without any technical skills.
Web accessibility (often shortened to a11y) means designing sites that everyone can use, including people who are visually impaired, blind, hard of hearing, have limited mobility or cognitive difficulties. Internationally, the reference framework is the WCAG standards, and in France the RGAA (the national accessibility guidelines) builds directly on them. Beyond the legal obligation that applies to certain organizations, accessibility benefits everyone: better readability, clearer navigation, and a meaningful SEO bonus for your organic search performance.
The good news is that most of the gains come from a handful of fundamentals. You don't need to master every rule of the guidelines to make your site significantly more inclusive: a few well-targeted fixes are already enough to unlock a large share of your visitors. That is exactly what we break down below.
Why accessibility also matters for small and mid-sized businesses
Many business owners assume accessibility only applies to the public sector. That's wrong: beyond the regulatory obligations that are gradually extending to the private sector, an inaccessible site costs you customers. Someone who can't fill in your contact form or read your pricing table won't come back, and will never tell you why they left.
- More reachable customers: disability affects a significant share of the population, often temporarily (a broken arm, a screen in direct sunlight, a blocked ear on public transport).
- Better search rankings: Google rewards well-structured sites with correct tags, alt text and logical navigation.
- Brand image: an inclusive site projects a serious, modern and professional image that reassures people before the first conversation even happens.
- Lower legal risk: acting early avoids costly, last-minute compliance work done under the pressure of a complaint.
Take a concrete example: a heating engineer whose site shows contact details only inside an image, with no text. A visually impaired customer using a screen reader will never hear the phone number. The quote goes to a competitor, when the fix is simply to write the number as text. At this scale, accessibility is often more about common sense than technical skill.
Accessibility, UX and SEO move together
All three reinforce each other: a clear, fast, well-tagged site serves people with disabilities just as much as search engines and visitors in a hurry. The effort you put into one almost always benefits the other two.
Contrast and color
The most common accessibility issue, and the easiest to fix, involves color contrast. Light gray text on a white background is unreadable for a visually impaired person, but also for anyone on a smartphone screen outdoors. Design trends often push toward washed-out grays and thin typefaces: elegant in the designer's mockup, painful to read day to day.
| Type of content | Minimum contrast ratio | Concrete example |
|---|---|---|
| Normal text | 4.5:1 | Paragraphs, legal notices, prices |
| Large text (18px bold or 24px) | 3:1 | Headings, taglines, key figures |
| Interface elements (buttons, icons) | 3:1 | Submit button, icons, fields |
Second rule: never convey information through color alone. A form field in error should not be flagged only by a red outline, but also by a text message and an icon. This is essential for people with color blindness, who can't always tell red from green. The same principle applies to links inside a paragraph: a simple color change isn't enough, an underline makes them identifiable to everyone.
Test your contrast for free
Tools like the WebAIM contrast checker or the WAVE extension let you check your colors in seconds. Fix your body text first, then your action buttons, then the secondary states (visited links, disabled text).
Alt text for images
Every image that carries information needs an alt attribute describing its content. This is the text read aloud by the screen readers used by blind people, and it's also what Google interprets to understand and index your visuals. A good alt is short, factual and true to what the image shows.
- Informative image: describe what it shows (`alt="Chart showing the rise in sales in 2025"`).
- Decorative image: leave the attribute empty (`alt=""`) so the screen reader ignores it and doesn't clutter the experience.
- Clickable image: describe the destination or action rather than the image (`alt="Download the PDF brochure"`).
- Avoid redundant wording like `"image of"` or `"photo of"`: the screen reader already announces that it's an image.
Be careful: images that are too heavy also hurt the experience, especially on mobile or for people on a slow connection. Compressing your images before publishing them is part of an accessibility and performance mindset. To go further on the ideal format and file size, see how to optimize your images for the web.
Shrink your images in one click
Reduce the file size of your visuals with no visible loss of quality for a faster, more accessible site, with no software to install.
Keyboard navigation
Not everyone uses a mouse. Some people navigate with the keyboard only, using the Tab key to move from one element to the next, others through voice control or an adaptive device that simulates the keyboard. Your site has to stay fully usable in this mode, from the first menu link to the form's submit button.
- 1Open your site and put your mouse aside.
- 2Press Tab repeatedly: you should clearly see which element is currently selected (the focus).
- 3Check that the navigation order follows a natural logic, top to bottom and left to right, with no confusing jumps.
- 4Make sure menus, buttons, fields and pop-ups are all reachable and can be activated with Enter or Space, and that a pop-up can be closed with the Esc key.
Never remove the focus outline
Many sites hide the blue outline around selected elements because they find it unattractive. This is a major mistake: without a visible focus indicator, keyboard navigation becomes impossible. Style it to match your brand rather than removing it.
Structure and forms
A clear heading hierarchy
Use heading tags (h1, h2, h3) in order, without skipping levels. The h1 is the page's main title, unique, then h2 for the major sections and h3 for sub-parts. Screen readers rely on this structure to allow fast navigation by heading, exactly like a table of contents. A heading should not be chosen for its size, but for its logical level: the styling is handled afterward in CSS.
Forms people can understand
The contact form is often your site's conversion point: it has to be flawless, because that's where the most inquiries are lost. The same rules that make it accessible also make it more effective, as shown by the best practices for a contact form that converts.
- Tie each field to a visible label that's linked to the field, not just a placeholder that disappears as soon as you start typing.
- Clearly mark required fields with text, not just a colored asterisk.
- Show explicit error messages that say what to fix (`"The email must contain an @"` rather than `"Error"`).
- Group related fields under clear section headings, and place the error message near the field concerned, not only at the top of the page.
Also think about the readability of your content: short sentences, plain vocabulary, well-spaced paragraphs. Text that's too dense tires every reader, and especially people with cognitive difficulties or dyslexia. This need for clarity ties directly into the work on UX and conversion: what's easy to read is easy to understand, and what's understood turns into a contact.
Check the length of your text
Count words, characters and reading time to keep your content concise and easy to digest, so every visitor can follow along.
Accessibility isn't about making things possible for people with disabilities, it's about making things better for everyone.
Common mistakes that make a site inaccessible
Some missteps come up almost systematically on the sites of small and mid-sized businesses. Knowing them lets you spot them at a glance and avoid repeating the same traps during a future update.
- Contact details or opening hours locked inside an image: neither the screen reader nor Google can read them. Always write them as text.
- Buttons labeled "Click here" or "Learn more": out of context, they don't indicate the destination. Prefer `"Request a quote"` or `"See our pricing"`.
- A video that starts on its own with sound: annoying for everyone, disorienting for sensitive users. Let the user decide.
- Justified text or all-caps over long passages: harder to read, especially for people with dyslexia.
- Content that relies solely on mouse hover: invisible to the keyboard and often inaccessible on touch screens.
Automated audits don't do everything
Extensions like WAVE or Lighthouse catch some of the problems, but not all: the relevance of an alt text or the logic of your navigation call for a human eye. Always combine an automated test with a manual keyboard test.
Your step-by-step path to compliance
Here are the priorities to tackle first, the ones with the highest impact for a reasonable effort. Work through them in order to make quick progress without spreading yourself thin. Each step stands on its own: you can stop, publish, then pick it up again later.
- 1Check the contrast of all your text and buttons, starting with your most visited pages.
- 2Add relevant alt text to every informative image, and empty the alt on decorative images.
- 3Compress your heavy images to improve loading speed and mobile comfort.
- 4Test keyboard navigation and make the focus visible on every interactive element.
- 5Fix your heading hierarchy (a single h1, logical order, no skipped levels).
- 6Make your forms reliable: linked labels, explicit errors, required fields flagged in text.
- 7Simplify and space out your text content to make it readable for everyone.
A gradual project, not a wall
There's no need to redo everything at once. Fix the basics one by one: each improvement immediately benefits a share of your visitors and strengthens your SEO. Then plan a quick checkpoint at each site update so you don't regress.
Frequently asked questions
How do I know if my site is accessible?
Start with a manual test: go through your site using the keyboard and the Tab key, check that the focus is visible and that everything stays usable. Add an automated tool like WAVE or Lighthouse to catch insufficient contrast and images missing alt text. Combined, these two approaches already give a faithful picture of your weak points.
Is accessibility mandatory for a small or mid-sized business?
Regulatory obligations first target the public sector and large organizations, but they are gradually extending to the private sector. Beyond the law, an inaccessible site costs you customers and weakens your image. In other words, even without an immediate legal requirement, the effort pays off and is worth starting without delay.
What is the minimum contrast recommended for text?
The WCAG standards (and the French RGAA guidelines) call for a ratio of at least 4.5:1 for normal text and 3:1 for large text or interface elements. A free contrast checker gives you the exact ratio in seconds. If you're just below the threshold, darken the text slightly or lighten the background.
How long does it take to make a site accessible?
It depends on the starting point and the size of the site, but the most useful fixes can often be done in a few hours: contrast, alt text, keyboard focus. A full redesign takes longer, but the gradual approach lets you gain accessibility from the very first hours of work, without holding everything up.
Why does accessibility improve search rankings?
Accessibility best practices overlap heavily with SEO ones: a clean heading structure, descriptive alt text, readable content, fast pages and logical navigation. Google relies on these same signals to understand and rank your pages. By making your site clearer for humans, you also make it more readable for search engines.
In summary
Web accessibility rests on fundamentals within reach of any small or mid-sized business: sufficient contrast, images that are described and lightened, working keyboard navigation, a clean heading structure and clear forms. These basics improve the experience of all your visitors, not just people with disabilities, and strengthen your organic search along the way. All of it can be handled gradually, with no brutal redesign.
At TC Automation, we design and rebuild websites that are accessible, fast and standards-compliant from the very start. If you'd like to audit your current site or launch a project on solid foundations, let's talk about your goals: an accessible site is a site that works for you, without leaving any customer behind.
