RTL page checker
Paste HTML to check dir, lang and common right-to-left layout problems.
FreeRuns in your browserNo signupUpdated 2026-11-05
Open your page, view the source, and paste it here. Paste the CSS inside a style tag to check it too.
To fix
0
To check
0
Arabic text
–
of letters in the page body
Checks
Reading the HTML…
<html lang="ar" dir="rtl"> <meta charset="utf-8"> <input type="email" dir="ltr"> <pre dir="ltr"><code>…</code></pre> <bdi dir="ltr">+971 50 123 4567</bdi>
The checker reads the markup you paste. It can't see styles from linked files or scripts, so look at the page in a browser as well.
About this tool
How it works and how to read the result.
Need this done for you?
Arabic & multilingual websites
English and Arabic websites with proper right-to-left layouts.
See the serviceWhat it does
This checker reads the HTML of an Arabic or other right-to-left page and lists the problems that most often make such pages look wrong. It parses the markup with your browser's built-in HTML parser, so scripts in the pasted code are never run and nothing is uploaded.
It checks the page direction and language on the html tag, the UTF-8 charset declaration, and physical CSS such as margin-left, float: left and text-align: left in style blocks and style attributes. It flags letter-spacing, which breaks the joins between Arabic letters, and italic styles, which Arabic fonts rarely support. It looks for email, URL and phone fields without dir="ltr", code blocks inside right-to-left text, phone numbers that may display out of order, directional arrow icons, forced left-to-right direction and missing hreflang links.
How to use it
- Open your page in a browser, view the source, and copy all of it.
- Paste it into the box. A snippet works too, though some checks then assume the page is Arabic.
- To include a linked stylesheet, paste its contents inside a style tag.
- Work through the list from the top: "Fix" items first, then "Check" items.
- Copy the report to share it with whoever maintains the site.
How to read the result
"To fix" counts problems that break the page for right-to-left readers, such as a missing dir="rtl", a missing or wrong lang, or no UTF-8 declaration. "To check" counts things that are usually wrong but sometimes deliberate, such as a float: left on a logo. "Arabic text" is the share of letters on the page that are Arabic; below 30% the checker notes that it may be looking at the English version.
Each item explains the issue and shows up to a few examples from your code. The physical CSS check tells you where left and right are hard-coded; replace those with logical properties such as margin-inline-start and text-align: start. The usual HTML fixes appear in a code box under the checks.
The checker can only see markup. Layout problems caused by JavaScript, images that contain text, or a font with poor Arabic support need a look in a real browser, ideally on a phone as well.
To link the Arabic and English versions of a page for search engines, use the hreflang generator. When a page needs more than a few fixes, the cause is usually a template built for left to right only. Rebuilding templates so English and Arabic share one codebase is what our Arabic and multilingual website service covers.
Questions
Frequently asked.
What is the most common right-to-left mistake?
A missing dir="rtl" on the html tag. The Arabic text still appears, but it aligns left, punctuation lands at the wrong end of sentences, and form fields and scrollbars stay on the left-to-right side. Adding lang="ar" dir="rtl" to the html tag fixes most of it at once.
Why does the checker warn about phone numbers?
In right-to-left text, a number written with spaces between digit groups, or with a leading plus sign, can be displayed with the groups in reverse order or the plus at the wrong end. Wrapping the number in a bdi or span element with dir="ltr" keeps it in the order you typed.
Can it check a live URL?
No. It reads the HTML you paste, in your browser, and does not fetch pages. Open the page, view its source, and paste it in. Styles from linked stylesheets are not included unless you paste them inside a style tag.
Your next move
Like what you see? Tell us about it.
A process that takes too long, a website that undersells you, or an idea ready to take shape. Tell us where you are and we will suggest a useful next step.
India · Working with clients worldwide