Accessible Website (Disability) in Africa: WCAG Guide 2026

Accessibility is not a luxury, it's an open door

When you mention web accessibility to a business owner in Dakar, the reaction is often: "that's for big Western organisations". That's wrong. Making a site accessible means ensuring a person who is visually impaired, hard of hearing, or has a motor disability can use it. In West Africa, millions of people live with a disability, and almost every website excludes them without meaning to.

At Kolonell, we treat accessibility as a design component, not an end-of-project option. And the good news: what makes a site accessible also makes it faster, clearer, and better ranked by Google. Accessibility and SEO share the same foundations.

Understanding WCAG without drowning

The WCAG (Web Content Accessibility Guidelines) are the global reference. They rest on four simple principles, summarised by the acronym POUR.

• Perceivable: content must be perceivable (alternative text on images, sufficient contrast).
• Operable: the site must be usable by keyboard, without requiring a mouse.
• Understandable: clear language, predictable behaviour, explicit errors.
• Robust: compatible with assistive technologies (screen readers).

The level to aim for on a professional site is AA. It's demanding but achievable, and it's the standard we apply by default.

Contrast: the number one battle

It's the most widespread mistake. Light grey text on a white background, blue on black, text laid over a photo: unreadable for many, and disastrous in sunlight on a phone screen.

Contrast rules

• Normal text: contrast ratio of at least 4.5:1 with the background.
• Large text (headings): at least 3:1.
• Never convey information by colour alone. A field in error must also show an icon and a message, not just a red border.

A concrete tool

We check every combination with the WebAIM Contrast Checker and Figma's built-in checker. A site that survives midday sun in Dakar works everywhere.

Screen readers: designing for those who cannot see

A blind person navigates with a screen reader that reads the page code aloud. If the code is poorly structured, the experience is chaotic.

Best practices

• Alternative text (alt attribute) describing each meaningful image. A decorative image gets an empty alt.
• Properly ranked headings: a single H1, then H2, H3 in logical order.
• Explicit links: "Read our pricing guide" rather than "click here".
• Forms with labels tied to each field.
• Use ARIA landmarks only when native HTML is not enough.

Keyboard navigation: never forget the Tab key

Many users, especially with a motor disability, don't use a mouse. They navigate with the Tab key.

What must be guaranteed

• All interactive elements reachable in a logical order with Tab.
• A visible focus indicator: you must always see where you are.
• No keyboard trap: you must be able to enter and leave each component (menu, modal).
• A "Skip to content" link at the top of the page to bypass navigation.

Captions and media alternatives

Video is everywhere, including in Africa where it is booming on social networks. But a video without captions excludes deaf people, and many people watch without sound.

• Captions on all important videos.
• Text transcript for audio content.
• Never trigger fast flashing animation that can cause epileptic seizures.

Mini case study: an institutional site in Dakar

A public institution asked us to overhaul its portal. The accessibility audit revealed a disastrous score: insufficient contrast on 60% of the text, no image with alt text, and a menu impossible to use by keyboard.

We reworked the palette to reach AA contrast everywhere, added alt texts, restructured the headings, and made all navigation keyboard-operable with visible focus. Beyond compliance, the site became faster and clearer for everyone. Measured side effect: organic traffic grew by 22% in four months, as Google better understood the semantic structure.

Why accessibility boosts your SEO

It's no coincidence. Accessibility techniques and SEO techniques overlap heavily.

• Image alt text helps blind users AND Google image search.
• A clean heading structure helps screen readers AND indexing robots.
• Explicit links help comprehension AND internal linking.
• A fast, light site serves accessibility AND Core Web Vitals.

Investing in accessibility means investing in visibility. Two benefits for a single effort.

Do / Don't

• Do: test with a screen reader (free NVDA on Windows, VoiceOver on Mac).
• Do: navigate a whole page using the keyboard only.
• Don't: text inside images (unreadable by screen readers and by Google).
• Don't: colour as the only carrier of information.
• Don't: disable zoom on mobile.

Recommended tools

• WAVE and axe DevTools: automatic audit in the browser.
• WebAIM Contrast Checker: contrast verification.
• Lighthouse (Accessibility tab): quick score and improvement leads.
• NVDA and VoiceOver: test the real screen-reader experience.

FAQ

Is accessibility mandatory in Africa?

Regulation varies by country and is often weakly enforced. But accessibility is above all good practice: it widens your audience, improves SEO and protects your image. Don't wait for a law to do the right thing.

How much does making a site accessible cost?

Built in from the design stage, it costs very little. Fixing an existing site takes more work, but the essentials (contrast, alt text, heading structure) are quick and high-impact.

Does accessibility ruin the design?

No. A good designer integrates accessibility constraints without sacrificing aesthetics. On the contrary, accessible sites are often clearer and more elegant.

Which WCAG level should I aim for?

Level AA is the recommended professional standard. It covers the essential needs without the heavy constraints of level AAA.

How do I know if my site is accessible?

Run an audit with Lighthouse or WAVE, check contrasts, and try navigating by keyboard and with a screen reader. These tests quickly reveal major problems.

Does accessibility really help SEO?

Yes, clearly. Alt text, semantic structure, speed and explicit links serve both accessibility and SEO. The two disciplines share the same foundations.

Let's talk about your project. At Kolonell, we build sites accessible to everyone, WCAG AA compliant, and naturally better ranked. Message us on WhatsApp +221 77 596 93 33.