This is a field guide to web accessibility arabic wcag for the Saudi market. No theory you can't act on, and no advice that assumes a US search landscape.
Most website problems presented as design problems are actually structure, speed or trust problems. Getting those three right does more for enquiry volume than any amount of visual refinement applied afterwards.
What good looks like here
Most teams arrive at web accessibility arabic wcag after something stopped working: enquiries fell, a competitor became visible, or a target was missed. That context matters, because the right first move differs depending on whether you are fixing a decline or building from a standing start. Diagnose which situation you are in before applying anything below — the sequence changes completely, and applying a growth playbook to a decline problem wastes a quarter.
Navigation that reflects how customers think
Organise by the problem the customer has, not by your internal departments. Keep the top level to five or six items. Make the primary conversion route visible on every screen without a scroll. Mega-menus are useful for large service portfolios but become a liability on mobile — design the mobile navigation as its own artefact rather than a collapsed version of the desktop one.
Forms: ask for less, get more
Every field you add costs completions. Name, phone and one open field is usually enough to start a conversation; qualification can happen in the call. Support Arabic input properly, validate Saudi mobile formats without rejecting valid ones, offer WhatsApp as an alternative to the form entirely, and confirm submission with a message that says what happens next and when. Silent success screens are why prospects call competitors.
Design for a mid-range Android on a moving connection
Internet penetration reached roughly 99% of the population at the end of 2025 and around three-quarters of people can reach a 5G device, but the median handset is not a flagship and a large share of sessions happen in transit. Design to that reality: generous tap targets, minimal script, images sized for the viewport actually served, no layout dependent on hover, and a first meaningful paint under two seconds. Test on a throttled mid-range device before signing off, not on the designer's laptop.
Performance budgets prevent slow decay
Agree a maximum page weight, a maximum number of third-party scripts and a target for Interaction to Next Paint before development begins, then enforce them in review. Sites do not become slow in one release; they accumulate a chat widget here and a tracking pixel there until a fast build is a slow site two years later. A written budget is what stops that drift.
The Saudi market rewards specificity — local prices, local proof, local language — and punishes generic content faster than most.
The language switch is a conversion element
Put it top-right in the English view, top-left in Arabic, label it in the target language, and preserve the current page rather than dumping users on the homepage. Remember the choice. Default by browser preference on first visit but never trap: a visitor who wants English must always be one click away from it. This small component is one of the most frequently mishandled details on bilingual Saudi sites.
RTL is a layout system, not a text direction
Setting dir="rtl" flips text and starts the argument. Navigation order, breadcrumbs, progress steps, sliders, form alignment, icon direction, chart axes and animation origin all need deliberate decisions. Meanwhile numerals, telephone numbers, email addresses, currency codes and Latin brand names stay left-to-right inside a right-to-left sentence. Use logical CSS properties — inline-start and inline-end rather than left and right — and the two directions can share one stylesheet honestly.
Rebranding: justified or vanity?
Legitimate triggers include a genuine change in what you sell, a merger, a market you can no longer credibly address, or an identity that fails technically in digital contexts. Boredom is not a trigger. When it is justified, plan the migration seriously: domains, redirects, profiles, signage, documents, email, app listings and directory entries all move together, or the equity you built leaks away during the transition.
Typical project shape
| Stage | Typical window | What you should see |
|---|---|---|
| Discovery and content | 2–3 weeks | Usually the critical path, not development |
| Design system and key templates | 3–4 weeks | Bilingual from the first artboard |
| Build and integrations | 4–8 weeks | Varies most with third-party systems |
| QA, RTL testing and launch | 1–2 weeks | Real devices, throttled connections |
Windows assume consistent execution and a market of ordinary competitiveness. Treat them as planning ranges, not commitments.
Bilingual identity from the first sketch
A logo designed in Latin script and later 'given an Arabic version' almost always produces a mismatched pair: different weights, different optical sizes, different personalities. Design both simultaneously so the marks share proportion, stroke logic and spirit. Test them side by side, stacked, in one colour, at favicon size and embroidered. In the Saudi market both versions will be used constantly, often in the same document.
Crawl, render, index, rank — in that order
Every technical problem sits in one of four stages, and diagnosing the stage saves weeks. If the URL is not crawled, look at robots.txt, internal links and server response. If it is crawled but not rendered, look at JavaScript and blocked resources. If rendered but not indexed, look at quality, duplication and canonicals. Only when a page is indexed does ranking work apply. Teams that skip this order end up rewriting content for a page that Googlebot never fetched.
Diagnose before you test
Running experiments without a hypothesis wastes traffic that most Saudi mid-market sites cannot spare. Start with session recordings, funnel drop-off in GA4, heatmaps and five customer interviews. You are looking for the one screen where intent dies. Nine times out of ten it is a form, a price ambiguity, a missing trust signal or a mobile layout failure — and it is visible within an afternoon of watching real sessions.
Practical checks before you sign anything off
- Place the language switch top-right in English and top-left in Arabic, preserving the current page
- Validate Saudi mobile number formats without rejecting valid ones
- Confirm tap targets are at least 44 pixels and nothing depends on hover
- Confirm the success message after form submission says what happens next and when
- Add a WhatsApp route to a human on every page
- Check contrast ratios survive direct sunlight on a phone screen
- Subset and self-host Arabic fonts, and preload only above-the-fold weights
Positioning before aesthetics
Identity work that begins with mood boards produces decoration. Begin with the commercial question: who exactly is the customer, what alternatives do they weigh, what do we credibly do better, and what will we deliberately not claim. Once those four answers are written and agreed, visual decisions become straightforward and arguments about colour largely disappear.
Where to start this week
Test your site on a throttled mid-range Android. Time it. Then check the Arabic version for mirrored layouts, correct typography and a language switch that preserves the page. Add the trust elements Saudi buyers look for — registration number, national address, real photographs, a WhatsApp route. Most sites gain more from that afternoon than from a full redesign.
Pick the two changes above with the clearest link to revenue and ship them this month. Momentum matters more than completeness at the start, and a finished small change beats a planned large one.
